.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:-webkit-calc(100% + 2px);top:-moz-calc(100% + 2px);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:-moz-box;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;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:-moz-box;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:-moz-box;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:-moz-box;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:-moz-box;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:-moz-box;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;-ms-grid-row-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)}} @charset "UTF-8"; .svg-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: middle; } .svg-icon--calendar { /*font-size: (13/16)*1rem;*/ width: 0.8461538462em; } .svg-icon--cancel { /*font-size: (10.65/16)*1rem;*/ width: 1em; } .svg-icon--checkbox { /*font-size: (8.08/16)*1rem;*/ width: 1.4071782178em; } .svg-icon--checkbox2 { /*font-size: (8.06/16)*1rem;*/ width: 1.3920595533em; } .svg-icon--close { /*font-size: (17/16)*1rem;*/ width: 0.9411764706em; } .svg-icon--cuisines { /*font-size: (12/16)*1rem;*/ width: 1.0833333333em; } .svg-icon--delete { /*font-size: (13.65/16)*1rem;*/ width: 1.0256410256em; } .svg-icon--download { /*font-size: (13/16)*1rem;*/ width: 0.7692307692em; } .svg-icon--edit { /*font-size: (13.86/16)*1rem;*/ width: 0.9927849928em; } .svg-icon--favorite { /*font-size: (24/16)*1rem;*/ width: 0.875em; } .svg-icon--fb { /*font-size: (21/16)*1rem;*/ width: 0.5238095238em; } .svg-icon--filters { /*font-size: (14/16)*1rem;*/ width: 1.1428571429em; } .svg-icon--filters_in_color { /*font-size: (14/16)*1rem;*/ width: 1.1428571429em; } .svg-icon--inst { /*font-size: (25/16)*1rem;*/ width: 1em; } .svg-icon--link { /*font-size: (11/16)*1rem;*/ width: 1em; } .svg-icon--list_view { /*font-size: (15/16)*1rem;*/ width: 1.2em; } .svg-icon--list_view_in_color { /*font-size: (15/16)*1rem;*/ width: 1.2em; } .svg-icon--location { /*font-size: (11/16)*1rem;*/ width: 0.8181818182em; } .svg-icon--logo { /*font-size: (64/16)*1rem;*/ width: 1.828125em; } .svg-icon--marker { /*font-size: (62/16)*1rem;*/ width: 0.7580645161em; } .svg-icon--pay { /*font-size: (10.4/16)*1rem;*/ width: 1.4423076923em; } .svg-icon--pdf_download { /*font-size: (19.8/16)*1rem;*/ width: 0.7575757576em; } .svg-icon--phone { /*font-size: (10/16)*1rem;*/ width: 1em; } .svg-icon--play { /*font-size: (14/16)*1rem;*/ width: 1em; } .svg-icon--profile { /*font-size: (23.63/16)*1rem;*/ width: 0.9073212019em; } .svg-icon--reload { /*font-size: (14/16)*1rem;*/ width: 0.94em; } .svg-icon--search { /*font-size: (17/16)*1rem;*/ width: 1em; } .svg-icon--show_on_map { /*font-size: (16/16)*1rem;*/ width: 0.875em; } .svg-icon--telegram { /*font-size: (512/16)*1rem;*/ width: 1em; } .svg-icon--tenge { /*font-size: (7.97/16)*1rem;*/ width: 0.7277289837em; } .svg-icon--tg { /*font-size: (18/16)*1rem;*/ width: 1.1111111111em; } .svg-icon--ticket { /*font-size: (12/16)*1rem;*/ width: 1.3333333333em; } .svg-icon--ticket2 { /*font-size: (12/16)*1rem;*/ width: 1em; } .svg-icon--tile_view { /*font-size: (15/16)*1rem;*/ width: 1.2em; } .svg-icon--tile_view_in_color { /*font-size: (15/16)*1rem;*/ width: 1.2em; } .svg-icon--time { /*font-size: (14/16)*1rem;*/ width: 1em; } .svg-icon--tw { /*font-size: (17/16)*1rem;*/ width: 1.2941176471em; } .svg-icon--view { /*font-size: (8.2/16)*1rem;*/ width: 1.8292682927em; } .svg-icon--vk { /*font-size: (14/16)*1rem;*/ width: 1.7857142857em; } /* Light 300 Regular 400 (normal) Medium 500 Bold 700 (bold) Black 900 100 - Thin 200 - Extra Light, Ultra Light 300 - Light 400 - Normal, Book, Regular 500 - Medium 600 - Semi Bold, Demi Bold 700 - Bold 800 - Extra Bold, Ultra Bold 900 - Black, Heavy */ @font-face { font-family: Roboto; src: url("/app/fonts/Roboto-Regular.eot"); src: local("nothing"), url("/app/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/app/fonts/Roboto-Regular.woff2") format("woff2"), url("/app/fonts/Roboto-Regular.woff") format("woff"), url("/app/fonts/Roboto-Regular.ttf") format("truetype"), url("/app/fonts/Roboto-Regular.svg#$(font)-$(type)") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url("/app/fonts/Roboto-Medium.eot"); src: local("nothing"), url("/app/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/app/fonts/Roboto-Medium.woff2") format("woff2"), url("/app/fonts/Roboto-Medium.woff") format("woff"), url("/app/fonts/Roboto-Medium.ttf") format("truetype"), url("/app/fonts/Roboto-Medium.svg#$(font)-$(type)") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url("/app/fonts/Roboto-Bold.eot"); src: local("nothing"), url("/app/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/app/fonts/Roboto-Bold.woff2") format("woff2"), url("/app/fonts/Roboto-Bold.woff") format("woff"), url("/app/fonts/Roboto-Bold.ttf") format("truetype"), url("/app/fonts/Roboto-Bold.svg#$(font)-$(type)") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url("/app/fonts/Roboto-Black.eot"); src: local("nothing"), url("/app/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/app/fonts/Roboto-Black.woff2") format("woff2"), url("/app/fonts/Roboto-Black.woff") format("woff"), url("/app/fonts/Roboto-Black.ttf") format("truetype"), url("/app/fonts/Roboto-Black.svg#$(font)-$(type)") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "icons"; font-display: swap; src: url("/app/fonts/icons.eot"); src: url("/app/fonts/icons.eot?#iefix") format("eot"), url("/app/fonts/icons.woff2") format("woff2"), url("/app/fonts/icons.woff") format("woff"), url("/app/fonts/icons.ttf") format("truetype"), url("/app/fonts/icons.svg#icons") format("svg"); } .icon-author:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e001"; } .icon-calendar:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e002"; } .icon-cancel:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e003"; } .icon-checkbox:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e004"; } .icon-location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } .icon-marker:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e006"; } .icon-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } .icon-next_square:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e008"; } .icon-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } .icon-prev_square:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00a"; } .icon-profile:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } .icon-star:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00c"; } .icon-star_fill:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00d"; } .icon-success:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00e"; } .icon-tenge:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00f"; } .icon-ticket:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e010"; } .icon-view:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e011"; } /*.gray_bg{ background-color:#f5f5f5; }*/ @media only screen and (max-width : 1152px ) { #desktop { display: none; } } @media only screen and (min-width:1152px) { #mobile { display: none; } } @media only screen and (min-width:1152px) { .only-m { display: none !important; } } @media only screen and (max-width : 1152px ) { .only-d { display: none !important; } } @media only screen and (max-width : 1152px) { .hide-m { display: none !important; } } @media only screen and (min-width:1152px) { .hide-d { display: none !important; } } .container { position: relative; margin: 0px auto; } @media only screen and (max-width : 1152px) { .container { padding: 0 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .container { width: 1002px; } } @media only screen and (min-width:1920px) { .container { width: 1522px; } } @media only screen and (min-width:1152px) { .grid_1 { width: 81px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 131px; } } @media only screen and (min-width:1152px) { .grid_2 { width: 212px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 262px; } } @media only screen and (min-width:1152px) { .grid_3 { width: 343px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 393px; } } @media only screen and (min-width:1152px) { .grid_4 { width: 474px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 524px; } } @media only screen and (min-width:1152px) { .grid_5 { width: 605px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 655px; } } @media only screen and (min-width:1152px) { .grid_6 { width: 736px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 786px; } } @media only screen and (min-width:1152px) { .grid_7 { width: 867px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 917px; } } @media only screen and (min-width:1152px) { .grid_8 { width: 998px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 1048px; } } @media only screen and (min-width:1152px) { .grid_9 { width: 1129px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 1179px; } } @media only screen and (min-width:1152px) { .grid_10 { width: 1260px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 1310px; } } @media only screen and (min-width:1152px) { .grid_11 { width: 1391px; } } @media only screen and (min-width:1152px) { .grid_index_m { width: 1441px; } } footer .socials .social, .full_news_wrapper .gallery_2 .arrows .swiper-button-prev, .full_news_wrapper .gallery_2 .arrows .swiper-button-next, .full_news_wrapper .right_side .premier_info .info .date .svg-icon, .full_news_wrapper .right_side .premier_info .info .date, .ticket_icon, .favorite_btn, input.checkbox:checked + label:after, input.checkbox + label:before, .btn { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out, padding 0.3s 0s ease-out; } .full_news_top .info_wrapper .category_wrapper, .article_info .category_wrapper, .news .category_wrapper, header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .category_wrapper, .article_info .category_wrapper, .news .category_wrapper, header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-size: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .category_wrapper, .article_info .category_wrapper, .news .category_wrapper, header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-size: 12px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .category_wrapper, .article_info .category_wrapper, .news .category_wrapper, header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-size: 14px; } } .full_news_top .info_wrapper .category_wrapper .views, .article_info .category_wrapper .views, .news .category_wrapper .views, header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views { color: #ccc; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .category_wrapper .views, .article_info .category_wrapper .views, .news .category_wrapper .views, header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views { margin-left: 15px; } } @media only screen and (min-width:1152px) { .full_news_top .info_wrapper .category_wrapper .views, .article_info .category_wrapper .views, .news .category_wrapper .views, header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views { margin-left: 25px; } } .full_news_top .info_wrapper .category_wrapper .views:before, .article_info .category_wrapper .views:before, .news .category_wrapper .views:before, header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e011"; } .full_news_top .info_wrapper .category_wrapper .views:before, .article_info .category_wrapper .views:before, .news .category_wrapper .views:before, header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views:before { margin-right: 5px; font-size: 9px; } .btn.small { height: 45px; line-height: 45px; font-weight: 500; font-size: 16px; padding: 0px 30px; } @media only screen and (min-width:1152px) { .profile_box { border: 1px solid #dbdbdb; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; margin: 50px 0px 0px; } } @media only screen and (min-width:1152px) { .profile_box + .table_wrapper { margin-top: 45px; } } .profile_box .ticket_dates .option_wrapper { max-height: 250px; overflow: auto; } .profile_box.login_form { max-width: 600px; margin-left: auto; margin-right: auto; } .profile_box .mob_btn { width: 100%; margin-top: 22px; } @media only screen and (min-width:1152px) { .profile_box .mob_btn { display: none; } } @media only screen and (max-width : 1152px) { .profile_box .box_title { display: none; font-weight: 500; font-size: 14px; margin-top: 30px; margin-bottom: -10px; } .profile_box .box_title.show_in_m { display: block; } } @media only screen and (min-width:1152px) { .profile_box .box_title { font-weight: 900; border-bottom: 1px solid #dbdbdb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .box_title { height: 66px; line-height: 66px; padding: 0px 25px; font-size: 23px; } } @media only screen and (min-width:1920px) { .profile_box .box_title { height: 88px; line-height: 88px; padding: 0px 40px; font-size: 32px; } } .profile_box .box_title .btn { margin-left: auto; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .box_title .btn.normal { height: 45px; line-height: 45px; font-weight: 500; font-size: 16px; padding: 0px 30px; } } .profile_box .box_title .back_url { margin-left: 30px; font-weight: 500; font-size: 16px; color: #e93e2c; align-self: baseline; } .profile_box .filters { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .profile_box .filters { padding-left: 20px; margin: 22px 0px 8px; } } @media only screen and (min-width:1152px) { .profile_box .filters { margin: 30px 0px 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .filters { padding-left: 25px; } } @media only screen and (min-width:1920px) { .profile_box .filters { padding-left: 40px; } } .profile_box .filters .field { width: 195px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; margin-left: 20px; } .profile_box .filters .field:first-child { margin-left: 0px; } @media only screen and (max-width : 1152px) { .profile_box .filters .field { width: auto; } } .profile_box .filters .field.auto { width: auto; } @media only screen and (max-width : 1152px) { .profile_box .filters .field .select_wrapper { font-size: 12px; height: 35px; line-height: 35px; min-width: 140px; } .profile_box .filters .field .select_wrapper .select { font-size: 12px; height: 33px; line-height: 33px; } .profile_box .filters .field .select_wrapper .option_wrapper { top: 40px; } .profile_box .filters .field .select_wrapper .option_wrapper .option { height: 30px; line-height: 30px; } } .profile_box .filters .field .label { color: #8c8c8c; } @media only screen and (max-width : 1152px) { .profile_box .filters .field .label { font-size: 12px; } } @media only screen and (min-width:1152px) { .profile_box .filters .field .label { font-size: 16px; } } .profile_box .filters .field input { width: 65px; margin: 0px 15px; } @media only screen and (max-width : 1152px) { .profile_box .filters .field input { height: 35px; } } @media only screen and (min-width:1152px) { .profile_box .filters .field input { height: 50px; } } .profile_box .profile_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; flex-wrap: wrap; position: relative; } .profile_box .profile_wrapper__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .profile_box .profile_wrapper__user_avatar { background: #f4f4f4; background-size: cover; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__user_avatar { left: 0; top: 22px; width: 68px; height: 68px; border-radius: 4px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__user_avatar { width: 166px; height: 166px; border-radius: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__user_avatar { left: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__user_avatar { left: 40px; top: 40px; } } .profile_box .profile_wrapper__user_avatar.empty { color: #e0e0e0; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__user_avatar.empty { font-size: 25.5px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__user_avatar.empty { font-size: 62.24px; } } .profile_box .profile_wrapper__user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } .profile_box .profile_wrapper__info_block { width: 70%; padding-left: 25px; } .profile_box .profile_wrapper__info_wrapper { flex-grow: 1; box-sizing: border-box; padding-left: 0px !important; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper { padding-left: 90px; width: 100%; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__info_wrapper { flex-basis: 100%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper { padding-left: 191px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper { padding-left: 206px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper + .info_wrapper { padding-left: 0; } } .profile_box .profile_wrapper__info_wrapper .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } .profile_box .profile_wrapper__info_wrapper .info .user_name { font-weight: 900; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .user_name { font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .user_name { font-size: 34px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .user_name { font-size: 42px; } } .profile_box .profile_wrapper__info_wrapper .info .info_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #8c8c8c; line-height: 16px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .info_row { font-size: 12px; margin-top: 5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row { font-size: 14px; margin-top: 5px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row { font-size: 16px; margin-top: 10px; } } .profile_box .profile_wrapper__info_wrapper .info .info_row .location { height: 16px; flex-shrink: 0; position: relative; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .location { padding-left: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .location { padding-left: 17px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .location { padding-left: 19px; } } .profile_box .profile_wrapper__info_wrapper .info .info_row .location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } .profile_box .profile_wrapper__info_wrapper .info .info_row .location:before { color: #9a9a9a; font-size: 11px; -ms-grid-row-align: center; align-self: center; line-height: 1; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .location:before { font-size: 9.66px; } } .profile_box .profile_wrapper__info_wrapper .info .info_row .email { height: 16px; text-overflow: ellipsis; overflow: hidden; position: relative; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .email { margin-left: 10px; padding-left: 10px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .email { margin-left: 20px; padding-left: 20px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .info_row .email { height: 20px; } } .profile_box .profile_wrapper__info_wrapper .info .info_row .email:before { content: ""; position: absolute; top: 50%; left: 0px; background: #d6d3d3; margin-top: -6px; height: 12px; width: 1px; } .profile_box .profile_wrapper__info_wrapper .info .status_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .status_row { height: 55px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; align-items: center; justify-content: space-between; } } .profile_box .profile_wrapper__info_wrapper .info .status_row .status .title { font-size: 14px; color: #8c8c8c; } .profile_box .profile_wrapper__info_wrapper .info .status_row .status .value { color: #000; font-weight: bold; margin-left: 7px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .status_row .status .value { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .status_row .status .value { font-size: 14px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .status_row .status .value { font-size: 16px; } } .profile_box .profile_wrapper__info_wrapper .info .status_row .url { margin-left: 20px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #e93e2c; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .status_row .url { font-size: 12px; text-align: right; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__info_wrapper .info .status_row .url { font-size: 13px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .descr { font-size: 15px; margin-top: 20px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper__info_wrapper .info .descr { border-top: 1px solid #dbdbdb; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .descr { padding-top: 20px; margin-top: 25px; font-size: 17px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .descr { padding-top: 30px; margin-top: 35px; font-size: 19px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper__info_wrapper .info .btn { margin-top: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .btn { position: absolute; right: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper__info_wrapper .info .btn { position: absolute; right: 40px; top: 40px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper { padding: 22px 0px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper { padding: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper { padding: 40px; } } .profile_box .profile_wrapper .user_avatar { background: #f4f4f4; background-size: cover; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .user_avatar { left: 0; top: 22px; width: 68px; height: 68px; border-radius: 4px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .user_avatar { width: 166px; height: 166px; border-radius: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .user_avatar { left: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .user_avatar { left: 40px; top: 40px; } } .profile_box .profile_wrapper .user_avatar.empty { color: #e0e0e0; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .user_avatar.empty { font-size: 25.5px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .user_avatar.empty { font-size: 62.24px; } } .profile_box .profile_wrapper .user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } .profile_box .profile_wrapper .socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_links { margin: 18px 0px 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_links { margin: 17px 0px 20px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_links { margin: 25px 0px 30px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_links .social { width: 35px; height: 35px; margin-right: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social { width: 43.52px; height: 43.52px; margin-right: 10px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social { width: 51px; height: 51px; margin-right: 12.5px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--vk { font-size: 7.61px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--vk { font-size: 9.46px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--vk { font-size: 14px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--fb { font-size: 13.19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--fb { font-size: 16.4px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--fb { font-size: 21px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--tw { font-size: 10.77px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--tw { font-size: 13.39px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_links .social .svg-icon--tw { font-size: 17px; } } .profile_box .profile_wrapper .socials.socials_attach .social { cursor: pointer; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_attach .social { width: 59px; height: 59px; margin-right: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social { width: 43.52px; height: 43.52px; margin-right: 10px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social { width: 69px; height: 69px; margin-right: 17px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--vk { font-size: 12.83px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--vk { font-size: 9.46px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--vk { font-size: 15px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--fb { font-size: 22.23px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--fb { font-size: 16.4px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--fb { font-size: 26px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--tw { font-size: 18.15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--tw { font-size: 13.39px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .socials.socials_attach .social .svg-icon--tw { font-size: 21.22px; } } .profile_box .profile_wrapper .socials .social { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-sizing: border-box; border: 1px solid #dbdbdb; } .hasHover .profile_box .profile_wrapper .socials .social:hover { border-color: #e93e2c; } .hasHover .profile_box .profile_wrapper .socials .social:hover .svg-icon { color: #e93e2c; } .profile_box .profile_wrapper .socials .social .svg-icon { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .profile_box .profile_wrapper .socials .social .svg-icon--vk { color: #44678d; } .profile_box .profile_wrapper .socials .social .svg-icon--fb { color: #3a559f; } .profile_box .profile_wrapper .socials .social .svg-icon--tw { color: #50abf1; } .profile_box .profile_wrapper .info_wrapper { flex-grow: 1; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper { padding-left: 90px; width: 100%; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .info_wrapper { flex-basis: 100%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper { padding-left: 191px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper { padding-left: 206px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper + .info_wrapper { padding-left: 0; } } .profile_box .profile_wrapper .info_wrapper .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } .profile_box .profile_wrapper .info_wrapper .info .user_name { font-weight: 900; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .user_name { font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .user_name { font-size: 34px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .user_name { font-size: 42px; } } .profile_box .profile_wrapper .info_wrapper .info .info_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #8c8c8c; line-height: 16px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .info_row { font-size: 12px; margin-top: 5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row { font-size: 14px; margin-top: 5px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row { font-size: 16px; margin-top: 10px; } } .profile_box .profile_wrapper .info_wrapper .info .info_row .location { height: 16px; flex-shrink: 0; position: relative; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .location { padding-left: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .location { padding-left: 17px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .location { padding-left: 19px; } } .profile_box .profile_wrapper .info_wrapper .info .info_row .location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } .profile_box .profile_wrapper .info_wrapper .info .info_row .location:before { color: #9a9a9a; font-size: 11px; -ms-grid-row-align: center; align-self: center; line-height: 1; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .location:before { font-size: 9.66px; } } .profile_box .profile_wrapper .info_wrapper .info .info_row .email { height: 16px; text-overflow: ellipsis; overflow: hidden; position: relative; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .email { margin-left: 10px; padding-left: 10px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .email { margin-left: 20px; padding-left: 20px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .info_row .email { height: 20px; } } .profile_box .profile_wrapper .info_wrapper .info .info_row .email:before { content: ""; position: absolute; top: 50%; left: 0px; background: #d6d3d3; margin-top: -6px; height: 12px; width: 1px; } .profile_box .profile_wrapper .info_wrapper .info .status_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .status_row { height: 55px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; align-items: center; justify-content: space-between; } } .profile_box .profile_wrapper .info_wrapper .info .status_row .status .title { font-size: 14px; color: #8c8c8c; } .profile_box .profile_wrapper .info_wrapper .info .status_row .status .value { color: #000; font-weight: bold; margin-left: 7px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .status_row .status .value { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .status_row .status .value { font-size: 14px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .status_row .status .value { font-size: 16px; } } .profile_box .profile_wrapper .info_wrapper .info .status_row .url { margin-left: 20px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #e93e2c; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .status_row .url { font-size: 12px; text-align: right; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .info_wrapper .info .status_row .url { font-size: 13px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .descr { font-size: 15px; margin-top: 20px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .info_wrapper .info .descr { border-top: 1px solid #dbdbdb; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .descr { padding-top: 20px; margin-top: 25px; font-size: 17px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .descr { padding-top: 30px; margin-top: 35px; font-size: 19px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .info_wrapper .info .btn { margin-top: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .btn { position: absolute; right: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .info_wrapper .info .btn { position: absolute; right: 40px; top: 40px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets { width: 100%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets { width: 30%; flex-grow: 1; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets { width: 752px; } } .profile_box .profile_wrapper .ready_tickets .ticket { border: 1px solid #dbdbdb; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket { margin-top: 25px; padding: 22px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .ready_tickets .ticket { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } .profile_box .profile_wrapper .ready_tickets .ticket:first-child { margin-top: 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket { margin-top: 21px; padding: 25px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket { margin-top: 27px; padding: 25px; } } .profile_box .profile_wrapper .ready_tickets .ticket .qr { position: relative; top: -10px; left: -15px; flex-shrink: 0; background-position: center center; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .qr { width: 156px; height: 156px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .qr { width: 134px; height: 134px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .qr { width: 148px; height: 148px; } } @media (max-width: 768px) { .profile_box .profile_wrapper .ready_tickets .ticket .qr { width: 100%; height: auto; left: 0; top: 0; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info { flex-grow: 1; } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row { position: relative; } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row { line-height: 30px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .title { font-weight: bold; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .title { font-size: 18px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .title { font-size: 21px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .title { font-size: 23px; padding-right: 160px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .print { font-weight: bold; font-size: 16px; color: #e93e2c; cursor: pointer; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .print { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .print { margin-top: 15px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .top_row .print { position: absolute; right: 0px; top: 0px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols { margin: 15px 0 30px; } } @media only screen and (min-width:1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols { margin: 25px 0 35px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols { margin: 15px 0 30px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col { box-sizing: border-box; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col { margin-top: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col { width: 142px; } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col:first-child { width: 172px; padding-right: 20px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col { width: 212px; } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text_col:first-child { width: 262px; padding-right: 20px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .title { color: #9a9a9a; margin-bottom: 5px; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .title { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .title { font-size: 14px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .title { font-size: 16px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text { line-height: 120%; word-break: break-word; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text { font-size: 14px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .cols .text { font-size: 16px; } } .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .descr { color: #8b8b8b; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .descr { font-size: 14px; margin-top: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .descr { font-size: 13px; margin-top: 12px; } } @media only screen and (min-width:1920px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .descr { font-size: 14px; margin-top: 14px; } } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ready_tickets .ticket .ticket_info .btn.normal { width: 100%; padding: 0px; margin-top: 30px; } } .profile_box .profile_wrapper .ticket_preview { flex-grow: 1; -ms-grid-row-align: stretch; align-self: stretch; background: #e9e9e9; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width : 1152px) { .profile_box .profile_wrapper .ticket_preview { margin: 26px 0px; padding: 20px 0px 25px; } } .profile_box .no_publications { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; text-align: center; } @media only screen and (max-width : 1152px) { .profile_box .no_publications { margin-top: 40px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .no_publications { height: 175px; } } @media only screen and (min-width:1920px) { .profile_box .no_publications { height: 333px; } } .profile_box .no_publications .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .profile_box .no_publications .title { font-size: 21px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .no_publications .title { font-size: 21px; } } @media only screen and (min-width:1920px) { .profile_box .no_publications .title { font-size: 32px; } } .profile_box .no_publications .under_title { color: #8c8c8c; } @media only screen and (max-width : 1152px) { .profile_box .no_publications .under_title { font-size: 14px; margin-top: 5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .no_publications .under_title { font-size: 13px; margin-top: 10px; } } @media only screen and (min-width:1920px) { .profile_box .no_publications .under_title { font-size: 19px; margin-top: 10px; } } .profile_box .billing_cols { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .profile_box .billing_cols { flex-direction: column; border: 1px solid #dbdbdb; margin-top: 22px; border-radius: 8px; } } .profile_box .billing_cols .col { padding: 35px 40px 45px; flex-grow: 1; } @media only screen and (max-width : 1152px) { .profile_box .billing_cols .col { padding: 23px 22px; border-top: 1px solid #dbdbdb; flex-direction: column; } .profile_box .billing_cols .col:first-child { border-top: none; } } @media only screen and (min-width:1152px) { .profile_box .billing_cols .col { border-left: 1px solid #dbdbdb; flex-basis: 30%; flex-direction: column; } .profile_box .billing_cols .col:first-child { border-left: none; } } .profile_box .billing_cols .col .title { font-weight: 500; text-transform: uppercase; color: #8c8c8c; } @media only screen and (max-width : 1152px) { .profile_box .billing_cols .col .title { font-size: 12px; } } @media only screen and (min-width:1152px) { .profile_box .billing_cols .col .title { font-size: 13px; } } .profile_box .billing_cols .col .price { font-weight: 900; letter-spacing: -0.02em; color: #626262; } @media only screen and (max-width : 1152px) { .profile_box .billing_cols .col .price { font-size: 32px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .profile_box .billing_cols .col .price { font-size: 36px; } } @media only screen and (min-width:1920px) { .profile_box .billing_cols .col .price { font-size: 42px; } } .profile_box .billing_cols .col .price .currency { font-weight: 700; } .profile_box .billing_cols .col .price.orange { color: #e93e2c; } .profile_box .billing_cols .col .price.gray { color: #868686; } .profile_box .table tbody tr:nth-child(odd) td { background: #f8f8f8; } .profile_box .table tbody tr:nth-child(odd):last-child td:first-child { border-bottom-left-radius: 12px; } .profile_box .table tbody tr:nth-child(odd):last-child td:last-child { border-bottom-right-radius: 12px; } @media only screen and (min-width:1152px) { .socials_group_box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 50px 0px; } } @media only screen and (min-width:1152px) { .socials_group_box .profile_box { margin-top: 0; margin-bottom: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .socials_group_box .profile_box { flex-grow: 1; flex-basis: 30%; } .socials_group_box .profile_box + .profile_box { margin-left: 35px; } } @media only screen and (min-width:1920px) { .socials_group_box .profile_box:last-of-type { flex-grow: 1; } .socials_group_box .profile_box + .profile_box { margin-left: 30px; } } @media only screen and (min-width:1920px) { .socials_group_box .socials_attach { width: 443px; } } .table_wrapper { overflow: auto; -webkit-overflow-scrolling: touch; } @media only screen and (max-width : 1152px) { .table_wrapper { margin: 25px -22px 0px; } .table_wrapper .table_inner { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-direction: column; margin: 0 22px; border: 1px solid #dbdbdb; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; min-width: -webkit-calc(100% - 44px); min-width: -moz-calc(100% - 44px); min-width: calc(100% - 44px); } } .table_with_border { min-width: 100%; box-sizing: border-box; } @media only screen and (min-width:1152px) { .table_with_border { border: 1px solid #dbdbdb; border-radius: 12px; } } .table_with_border td { border-top: 1px solid #dbdbdb; } .table { text-align: left; width: 100%; } .table th { text-transform: uppercase; /*height: 60px;*/ border-bottom: 1px solid #dbdbdb; font-weight: bold; font-size: 12px; color: #8c8c8c; white-space: nowrap; } .table td { font-weight: 500; font-size: 14px; } .table td, .table th { padding: 20px 20px 20px 0px; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .table td:first-child, .table th:first-child { padding-left: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .table td:first-child, .table th:first-child { padding-left: 25px; } } @media only screen and (min-width:1920px) { .table td:first-child, .table th:first-child { padding-left: 40px; } } .table .ticket_status_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .table .ticket_status_wrapper .ticket_status { margin-right: 5px; } .table .ticket_status { box-sizing: border-box; width: 19px; height: 19px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; font-size: 7px; flex-shrink: 0; } .table .ticket_status.cancel { border: 1px solid #e93e2c; color: #e93e2c; } .table .ticket_status.cancel:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e003"; } .table .ticket_status.success { border: 1px solid #46be43; color: #46be43; } .table .ticket_status.success:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00e"; } .table .publication_status { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .table .publication_status.success { color: #70bf82; } .table .publication_status.waiting { color: #fec83c; } .table .publication_status.rejected { color: red; } .table .publication_status .svg-icon { margin-right: 9px; } .table .publication_status .svg-icon--checkbox2 { font-size: 8px; } .table .publication_status .svg-icon--time { font-size: 10px; } .table .download { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .table .download .square_icon { margin-right: 10px; } .hasHover .table .download:hover .square_icon { color: #e93e2c; border-color: #e93e2c; } .table .square_icon + .square_icon { margin-left: 8px; } .pagination { margin-top: 45px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } .pagination .page-link, .pagination .next, .pagination .prev { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 8px; color: #8c8c8c; font-weight: 500; font-size: 16px; margin-left: 10px; } .pagination .page-link:first-child, .pagination .next:first-child, .pagination .prev:first-child { margin-left: 0px; } .pagination .page-link.active, .pagination .next.active, .pagination .prev.active { background: #e93e2c; color: #fff; } .pagination .page-link.next, .pagination .next.next, .pagination .prev.next { border: 1px solid #dbdbdb; line-height: 48px; } .pagination .page-link.next:after, .pagination .next.next:after, .pagination .prev.next:after { display: inline-block; margin-left: -5px; content: ""; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; box-sizing: border-box; width: 9.87px; height: 9.87px; transform: rotate(-45deg); border-right: 2px solid #8c8c8c; border-bottom: 2px solid #8c8c8c; } .hasHover .pagination .page-link.next:hover, .hasHover .pagination .next.next:hover, .hasHover .pagination .prev.next:hover { border-color: #e93e2c; } .hasHover .pagination .page-link.next:hover:after, .hasHover .pagination .next.next:hover:after, .hasHover .pagination .prev.next:hover:after { border-color: #e93e2c; } .pagination .page-link.prev, .pagination .next.prev, .pagination .prev.prev { border: 1px solid #dbdbdb; line-height: 48px; } .pagination .page-link.prev:after, .pagination .next.prev:after, .pagination .prev.prev:after { display: inline-block; margin-left: 0; content: ""; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; box-sizing: border-box; width: 9.87px; height: 9.87px; transform: rotate(-45deg); border-top: 2px solid #8c8c8c; border-left: 2px solid #8c8c8c; } .hasHover .pagination .page-link.prev:hover, .hasHover .pagination .next.prev:hover, .hasHover .pagination .prev.prev:hover { border-color: #e93e2c; } .hasHover .pagination .page-link.prev:hover:after, .hasHover .pagination .next.prev:hover:after, .hasHover .pagination .prev.prev:hover:after { border-color: #e93e2c; } .pagination .sort { width: 212px; position: absolute; bottom: 0px; right: 0px; } @media only screen and (max-width : 1152px) { .pagination .sort { display: none; } } .pagination .sort .select_wrapper .select { color: #000; } .form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; flex-wrap: wrap; /*.wysiwyg{ .cke_top{ display: none!important; } } .cke_contents { padding-left: 20px!important; } .place_wysiwyg{ .cke_top,.cke_bottom{ display: none!important; } .cke_contents { padding-left: 20px; } }*/ } @media only screen and (max-width : 1152px) { .form { width: 100%; } } @media only screen and (min-width:1920px) { .form.edit_profile { width: 998px; } } .form.popup_form { display: block; width: auto; } .form.popup_form .btn { width: 100%; } .form.popup_form input { font-size: 15px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form.create_publication { width: 688px; margin: 68px auto; } } @media only screen and (min-width:1920px) { .form.create_publication { width: 736px; margin: 75px auto; } } @media only screen and (max-width : 1152px) { .form.buy_ticket { margin-top: 23px; } } @media only screen and (min-width:1152px) { .form.buy_ticket { -ms-grid-row-align: stretch; align-self: stretch; flex-direction: column; } .form.buy_ticket .field.last { margin-top: auto; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form.buy_ticket { flex-basis: 40%; flex-grow: 1; } } @media only screen and (min-width:1920px) { .form.buy_ticket { width: 484px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form.create_ticket { width: 404px; margin-right: 25px; } } @media only screen and (min-width:1920px) { .form.create_ticket { width: 484px; margin-right: 40px; } } @media only screen and (min-width:1152px) { .form.create_ticket .field .form_descr_top, .form.create_ticket .field .form_descr { font-size: 12px; } } .form.withdraw_form { margin-bottom: 20px; margin-top: 25px; } @media only screen and (min-width:1152px) { .form.withdraw_form input { width: 481px; } } @media only screen and (min-width:1152px) { .form.withdraw_form .field.submit_btn { margin-left: 25px; margin-right: auto; } } @media only screen and (max-width : 1152px) { .form.withdraw_form .field_descr { padding-bottom: 10px; } } @media only screen and (min-width:1152px) { .form.withdraw_form .field_descr { font-size: 16px; } } .form .upload_avatar_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-radius: 8px; } @media only screen and (max-width : 1152px) { .form .upload_avatar_wrapper { padding: 22px 0; width: 100%; } } @media only screen and (min-width:1152px) { .form .upload_avatar_wrapper { background: #f9f9f9; padding: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .upload_avatar_wrapper { width: 100%; box-sizing: border-box; margin-bottom: 48px; } } @media only screen and (min-width:1920px) { .form .upload_avatar_wrapper { width: 998px; margin-bottom: 50px; } } .form .upload_avatar_wrapper .avatar_img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center !important; background-size: cover !important; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; } @media only screen and (max-width : 1152px) { .form .upload_avatar_wrapper .avatar_img { background: #f4f4f4; border-radius: 8px; margin-right: 15px; width: 101px; height: 101px; } } @media only screen and (min-width:1152px) { .form .upload_avatar_wrapper .avatar_img { background: #e8e8e8; border-radius: 12px; width: 107px; height: 107px; margin-right: 30px; } } @media only screen and (max-width : 1152px) { .form .upload_avatar_wrapper .avatar_img.empty { font-size: 37.87px; color: #e0e0e0; } } @media only screen and (min-width:1152px) { .form .upload_avatar_wrapper .avatar_img.empty { font-size: 42.23px; color: #d9d9d9; } } .form .upload_avatar_wrapper .avatar_img.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } .form .upload_avatar_wrapper .buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width : 1152px) { .form .upload_avatar_wrapper .buttons { flex-grow: 1; } } @media only screen and (min-width:1152px) { .form .upload_avatar_wrapper .buttons { width: 206px; } } .form .upload_avatar_wrapper .buttons .btn { padding: 0; } @media only screen and (max-width : 1152px) { .form .upload_avatar_wrapper .buttons .gray { background: #e7e7e7; } } @media only screen and (min-width:1152px) { .form .upload_avatar_wrapper .buttons .gray { background: #dcdcdc; } } .form .upload_image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; background: #efefef; border: 1px dashed #bababa; border-radius: 8px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .form .upload_image { height: 172px; justify-content: flex-start; } } @media only screen and (min-width:1152px) { .form .upload_image { height: 315px; justify-content: center; } } .form .upload_image .title { margin-bottom: 30px; } @media only screen and (max-width : 1152px) { .form .upload_image .title { font-weight: normal; font-size: 14px; color: #8c8c8c; margin-top: 18px; } } @media only screen and (min-width:1152px) { .form .upload_image .title { font-weight: 500; font-size: 19px; } } .form .upload_image .upload_btn { border-radius: 50%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06); cursor: pointer; } @media only screen and (max-width : 1152px) { .form .upload_image .upload_btn { position: absolute; top: 50%; left: 50%; margin-left: -33px; margin-top: -33px; } } .form .upload_image .upload_btn .plus_icon { display: inline-block; width: 20px; height: 20px; position: relative; } .form .upload_image .upload_btn .plus_icon:before, .form .upload_image .upload_btn .plus_icon:after { content: ""; position: absolute; background: #e93e2c; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .form .upload_image .upload_btn .plus_icon:before { height: 3px; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .form .upload_image .upload_btn .plus_icon:after { width: 3px; height: 100%; left: 50%; transform: translateX(-50%); } .form .editors_buttons_wrapper { overflow: auto; -webkit-overflow-scrolling: touch; } @media only screen and (max-width : 1152px) { .form .editors_buttons_wrapper { margin: 0px -22px; } } .form .editors_buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } @media only screen and (max-width : 1152px) { .form .editors_buttons { margin: 0px 22px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .form .editors_buttons .btn { height: 40px; line-height: 38px; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 8px; flex-grow: 1; font-size: 12px; font-weight: 500; margin-left: 10px; } @media only screen and (max-width : 1152px) { .form .editors_buttons .btn { padding: 0px 30px; white-space: nowrap; } } .hasHover .form .editors_buttons .btn:hover { border-color: #e93e2c; color: #e93e2c; } .form .editors_buttons .btn:first-child { margin-left: 0px; } .form .publication_buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } @media only screen and (max-width : 1152px) { .form .publication_buttons { flex-direction: column; } } .form .publication_buttons .btn { flex-grow: 1; padding: 0px; font-weight: bold; font-size: 16px; border-radius: 8px; } @media only screen and (max-width : 1152px) { .form .publication_buttons .btn { margin-top: 13px; } .form .publication_buttons .btn:first-child { margin-top: 0px; } } @media only screen and (min-width:1152px) { .form .publication_buttons .btn { margin-left: 10px; } .form .publication_buttons .btn:first-child { margin-left: 0px; } } .form .field { position: relative; width: 100%; } @media only screen and (max-width : 1152px) { .form .field { margin-bottom: 14px; } } @media only screen and (min-width:1152px) { .form .field { margin-bottom: 26px; } } .form .field.last { margin-bottom: 0px !important; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .field.col { width: 460px; } } @media only screen and (min-width:1920px) { .form .field.col { width: 484px; } } @media only screen and (min-width:1152px) { .form .field.auto { width: auto; } } .form .field.half { position: relative; flex-grow: 1; flex-basis: 40%; width: auto; } @media only screen and (max-width : 1152px) { .form .field.half + .half { margin-left: 20px; } } @media only screen and (min-width:1152px) { .form .field.half + .half { margin-left: 30px; } } .form .field.half .svg-icon--calendar { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; color: #d0d0d0; position: absolute; top: 50%; transform: translateY(-50%); font-size: 19px; pointer-events: none; } @media only screen and (max-width : 1152px) { .form .field.half .svg-icon--calendar { right: 15px; } } @media only screen and (min-width:1152px) { .form .field.half .svg-icon--calendar { right: 20px; } } .form .field.half input:focus + .svg-icon--calendar { color: #e93e2c; } .form .field.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .form .field.flex .field { margin-bottom: 0px; } .form .field.flex_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (max-width : 1152px) { .form .field.big_indent { margin-bottom: 28px; } } @media only screen and (min-width:1152px) { .form .field.big_indent { margin-bottom: 52px; } } .form .field.big_indent .invalid-feedback { width: 100%; } @media only screen and (max-width : 1152px) { .form .field.field_time_periods { margin-bottom: 32px; } } .form .field.with_map input { position: relative; z-index: 1; } .form .field .prefix { position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 40px; height: 55px; background-color: #dcdcdc; font-weight: 500; justify-content: center; font-family: Roboto, sans-serif; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: 1px solid #dbdbdb; border-right: none; box-sizing: border-box; transition: border-color 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .form .field .prefix { font-size: 14px; width: 35px; } } @media only screen and (min-width:1152px) { .form .field .prefix { font-size: 16px; width: 40px; } } @media only screen and (max-width : 1152px) { .form .field .has_prefix { padding-left: 44px; } } @media only screen and (min-width:1152px) { .form .field .has_prefix { padding-left: 54px; } } @media only screen and (max-width : 1152px) { .form .field .has_prefix.error, .form .field .has_prefix:focus { padding-left: 43px; } } @media only screen and (min-width:1152px) { .form .field .has_prefix.error, .form .field .has_prefix:focus { padding-left: 53px; } } .form .field .has_prefix.error + .prefix, .form .field .has_prefix:focus + .prefix { border-width: 2px; border-color: #e93e2c; border-right: none; padding-right: 1px; } @media only screen and (max-width : 1152px) { .form .field .text_length { margin-top: 10px; text-align: right; font-size: 16px; color: #8c8c8c; } } @media only screen and (min-width:1152px) { .form .field .text_length { position: absolute; left: 100%; margin-left: 15px; top: 0px; font-size: 16px; color: #8c8c8c; } } .form .field .descr { line-height: 130%; color: #6a6a6a; } @media only screen and (max-width : 1152px) { .form .field .descr { font-size: 12px; } } @media only screen and (min-width:1152px) { .form .field .descr { font-size: 13px; } } .form .field .error_text { background: #fff5f4; min-height: 55px; box-sizing: border-box; font-weight: 500; font-size: 16px; color: #e93e2c; border-radius: 8px; padding: 17px 25px 16px; } .form .field .form_descr_top, .form .field .form_descr { color: #6a6a6a; line-height: 130%; max-width: 474px; } @media only screen and (max-width : 1152px) { .form .field .form_descr_top, .form .field .form_descr { font-size: 12px; margin-top: 15px; } } @media only screen and (min-width:1152px) { .form .field .form_descr_top, .form .field .form_descr { font-size: 13px; margin-top: 20px; } } .form .field .form_descr_top.center, .form .field .form_descr.center { text-align: center; margin-left: auto; margin-right: auto; } .form .field .form_descr_top a, .form .field .form_descr a { text-decoration: underline; } @media only screen and (max-width : 1152px) { .form .field .form_descr_top { margin-bottom: 15px; } } @media only screen and (min-width:1152px) { .form .field .form_descr_top { margin-bottom: 20px; } } @media only screen and (max-width : 1152px) { .form .field .form_descr { margin-top: 15px; } } @media only screen and (min-width:1152px) { .form .field .form_descr { margin-top: 20px; } } .form .field .descr { color: #8c8c8c; font-size: 16px; line-height: 120%; } @media only screen and (max-width : 1152px) { .form .field .descr { font-size: 14px; } } .form .field .field_descr { margin-top: 15px; font-size: 12px; line-height: 130%; color: #a0a0a0; } .form .field .clone_field { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #ffedeb; cursor: pointer; flex-shrink: 0; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .form .field .clone_field { margin-left: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .field .clone_field { margin-left: 18px; } } @media only screen and (min-width:1920px) { .form .field .clone_field { margin-left: 21px; } } .hasHover .form .field .clone_field:hover { background-color: #e93e2c; color: #fff; } .hasHover .form .field .clone_field:hover .plus_icon:after, .hasHover .form .field .clone_field:hover .plus_icon:before { background-color: #fff; } .form .field .clone_field .plus_icon { width: 14px; height: 14px; position: relative; } .form .field .clone_field .plus_icon:before, .form .field .clone_field .plus_icon:after { content: ""; position: absolute; background: #e93e2c; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .form .field .clone_field .plus_icon:before { height: 2px; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .form .field .clone_field .plus_icon:after { width: 2px; height: 100%; left: 50%; transform: translateX(-50%); } .form .field .set_period_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper { flex-wrap: wrap; } } .form .field .set_period_wrapper .date { height: 55px; line-height: 55px; text-align: center; background: #f3f3f3; border-radius: 8px; font-weight: 500; } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper .date { font-size: 14px; text-align: center; flex-grow: 1; margin-right: 20px; } } @media only screen and (max-width:360px) { .form .field .set_period_wrapper .date { padding: 0px 10px; margin-right: 10px; } } @media only screen and (min-width:1152px) { .form .field .set_period_wrapper .date { font-size: 16px; width: 245px; } } .form .field .set_period_wrapper .set_period { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .form .field .set_period_wrapper .set_period .label { font-size: 16px; color: #8c8c8c; } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper .set_period .label { margin: 0px 10px; } } @media only screen and (max-width:360px) { .form .field .set_period_wrapper .set_period .label { margin: 0px 5px; } } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper .set_period > .label { display: none; } } .form .field .set_period_wrapper .set_period .input { box-sizing: border-box; border-radius: 8px; height: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } @media only screen and (min-width:1152px) { .form .field .set_period_wrapper .set_period .input { border: 1px solid #dbdbdb; margin-left: 15px; } } @media only screen and (min-width:1152px) { .form .field .set_period_wrapper .set_period .input .label { margin: 0px 5px; } } .form .field .set_period_wrapper .set_period .input input { text-align: center; } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper .set_period .input input { width: 70px; } } @media only screen and (min-width:1152px) { .form .field .set_period_wrapper .set_period .input input { width: 75px; border: none; height: 53px; padding: 0px 14px; } } .form .field .set_period_wrapper .set_period .input input:focus { padding: 0px 14px; } .form .field .set_period_wrapper .btn.gray { background: #f3f3f3; color: #787878 !important; border: 2px solid #f3f3f3; } @media only screen and (max-width : 1152px) { .form .field .set_period_wrapper .btn.gray { margin-top: 17px; height: 40px; line-height: 40px; font-weight: 500; font-size: 16px; } } @media only screen and (min-width:1152px) { .form .field .set_period_wrapper .btn.gray { width: 128px; padding: 0px; } } .form .field .set_period_wrapper .btn.gray.active { color: #e93e2c !important; border: 2px solid #e93e2c; cursor: default; } .form .field .upload_photos_wrapper .title { font-weight: bold; font-size: 21px; } .form .field .upload_photos_wrapper .descr { line-height: 120%; color: #8c8c8c; margin-top: 10px; } @media only screen and (max-width : 1152px) { .form .field .upload_photos_wrapper .descr { font-size: 14px; } } @media only screen and (min-width:1152px) { .form .field .upload_photos_wrapper .descr { font-size: 16px; } } .form .field .upload_photos_wrapper .upload_photos { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: -10px; } @media only screen and (max-width : 1152px) { .form .field .upload_photos_wrapper .upload_photos { margin-left: -17px; } } @media only screen and (min-width:1152px) { .form .field .upload_photos_wrapper .upload_photos { margin-left: -13px; } } .form .field .upload_photos_wrapper .upload_photos .photo { background: #f8f8f8; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px dashed #dbdbdb; box-sizing: border-box; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .form .field .upload_photos_wrapper .upload_photos .photo { width: 99px; height: 71px; margin-left: 13px; margin-bottom: 10px; } } @media only screen and (min-width:1152px) { .form .field .upload_photos_wrapper .upload_photos .photo { width: 134px; height: 97px; margin-left: 17px; margin-bottom: 10px; } } .form .field .upload_photos_wrapper .upload_photos .photo .icon { margin: auto; width: 48px; height: 48px; background: #fff; border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06); cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #e93e2c; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .hasHover .form .field .upload_photos_wrapper .upload_photos .photo .icon:hover { background-color: #e93e2c; color: #fff; } .hasHover .form .field .upload_photos_wrapper .upload_photos .photo .icon:hover .plus_icon:after, .hasHover .form .field .upload_photos_wrapper .upload_photos .photo .icon:hover .plus_icon:before { background-color: #fff; } .form .field .upload_photos_wrapper .upload_photos .photo .icon .plus_icon { width: 14px; height: 14px; position: relative; } .form .field .upload_photos_wrapper .upload_photos .photo .icon .plus_icon:before, .form .field .upload_photos_wrapper .upload_photos .photo .icon .plus_icon:after { content: ""; position: absolute; background: #e93e2c; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .form .field .upload_photos_wrapper .upload_photos .photo .icon .plus_icon:before { height: 2px; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .form .field .upload_photos_wrapper .upload_photos .photo .icon .plus_icon:after { width: 2px; height: 100%; left: 50%; transform: translateX(-50%); } .hasHover .form .field .upload_photos_wrapper .upload_photos .photo .delete_icon { opacity: 0; } .hasHover .form .field .upload_photos_wrapper .upload_photos .photo:hover .delete_icon { opacity: 1; } .form .field .map { margin-top: -8px; height: 252px; background: #e9e9e9; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 8px; } .form .checkbox_wrapper input { display: none; } .form .checkbox_wrapper input + label { position: relative; cursor: pointer; color: #000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; line-height: 120%; } @media only screen and (max-width : 1152px) { .form .checkbox_wrapper input + label { font-size: 14px; } } @media only screen and (min-width:1152px) { .form .checkbox_wrapper input + label { font-size: 16px; } } .form .checkbox_wrapper input + label .checkbox { position: relative; flex-shrink: 0; width: 30px; height: 30px; background: #ffffff; border: 1px solid #dbdbdb; border-radius: 8px; box-sizing: border-box; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; font-size: 8px; margin-right: 15px; } .form .checkbox_wrapper input + label .checkbox .svg-icon { opacity: 0; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .form .checkbox_wrapper input:checked + label .checkbox { background: #ffffff !important; border-color: #e93e2c !important; border-width: 2px; } .form .checkbox_wrapper input:checked + label .checkbox:before { content: ""; position: absolute; background: #e93e2c; border-radius: 4px; left: 4px; top: 4px; right: 4px; bottom: 4px; } .form .checkbox_wrapper input:checked + label .checkbox .svg-icon { position: relative; opacity: 1; } .hasHover .form .checkbox_wrapper label:hover .checkbox { background-color: #f0f0f0; border-color: #f0f0f0; } .form .checkbox_wrapper.light input + label { font-size: 12px; color: #bdbdbd; height: 18px; line-height: 18px; } .form .checkbox_wrapper.light input + label .checkbox { padding-right: 1px; } .form .checkbox_wrapper.light input + label.black { color: #000000; font-size: 16px; } .form .checkbox_wrapper.light input + label.black .checkbox { width: 25px; height: 25px; } .form .checkbox_wrapper.light input:checked + label .checkbox { background: #ffffff !important; border-color: #e93e2c !important; } .form .checkbox_wrapper.light input:checked + label .checkbox:before { border-radius: 3px; left: 2px; top: 2px; right: 2px; bottom: 2px; } .form .checkbox_wrapper.light .checkbox { width: 18px; height: 18px; border-radius: 4px; font-size: 6px; border: 1px solid #c4c4c4; margin-right: 10px; } .form .set_review_rating { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } @media only screen and (min-width:1152px) { .form .set_review_rating { border: 1px solid #e6e6e6; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 0px 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .set_review_rating { height: 61px; } } @media only screen and (min-width:1920px) { .form .set_review_rating { height: 73px; } } @media only screen and (max-width : 1152px) { .form .set_review_rating + textarea { margin-top: 20px; } } @media only screen and (min-width:1152px) { .form .set_review_rating + textarea { border-top: none !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } } .form .set_review_rating .label { color: #9d9d9d; } @media only screen and (max-width : 1152px) { .form .set_review_rating .label { font-size: 14px; width: 120px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .set_review_rating .label { font-size: 14px; width: 130px; } } @media only screen and (min-width:1920px) { .form .set_review_rating .label { font-size: 16px; width: 137px; } } .form .set_review_rating .stars { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; direction: rtl; } .form .set_review_rating .stars .star { margin-right: 5px; color: #d0d0d0; } .form .set_review_rating .stars .star:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00c"; } @media only screen and (max-width : 1152px) { .form .set_review_rating .stars .star { font-size: 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .form .set_review_rating .stars .star { font-size: 23px; } } @media only screen and (min-width:1920px) { .form .set_review_rating .stars .star { font-size: 27px; } } .form .set_review_rating .stars .star:first-child { margin-left: 0px; } .form .set_review_rating .stars .star.fill { color: #e93e2c; } .form .set_review_rating .stars .star:hover, .form .set_review_rating .stars .star:hover ~ .star { cursor: pointer; color: #e93e2c !important; } /*.cke_editor_wysiwyg{ &, .cke_inner, .cke_contents{ border-radius: 8px; } }*/ .cke_dialog_container input[type=email], .cke_dialog_container input[type=password], .cke_dialog_container input[type=text] { height: auto; padding: 4px 6px !important; font-weight: normal; font-size: 12px; } .cke_dialog_container input[type=email]:focus, .cke_dialog_container input[type=password]:focus, .cke_dialog_container input[type=text]:focus { padding-left: 5px !important; } .cke_dialog_container a:hover { color: inherit !important; } .cke_dialog_container a.cke_dialog_ui_button_ok:hover { color: #fff !important; } .sent_to_moderation { margin: 0px auto; text-align: center; } @media only screen and (max-width : 1152px) { .sent_to_moderation { padding: 50px 0px; } } @media only screen and (min-width:1152px) { .sent_to_moderation { width: 736px; padding: 130px 0px; } } .sent_to_moderation .title { font-weight: 900; font-size: 32px; } .sent_to_moderation .descr { margin-top: 30px; font-size: 19px; line-height: 140%; color: #8c8c8c; } .sent_to_moderation .buttons { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .sent_to_moderation .buttons .btn { flex-grow: 1; flex-basis: 40%; } .sent_to_moderation .buttons .btn + .btn { margin-left: 10px; } .buy_ticket_wrapper { background: #191919; position: relative; box-sizing: border-box; color: #fff; } @media only screen and (max-width : 1152px) { .buy_ticket_wrapper { margin: -22px -22px 0; padding: 38px 22px 24px; flex-grow: 1; } } @media only screen and (min-width:1152px) { .buy_ticket_wrapper { border-radius: 12px; min-height: 600px; padding: 60px 35px 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .buy_ticket_wrapper { width: 390px; margin-right: 25px; } } @media only screen and (min-width:1920px) { .buy_ticket_wrapper { width: 393px; margin-right: 50px; } } .buy_ticket_wrapper .img { position: absolute; top: 0px; left: 0px; right: 0px; border-radius: 12px; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .buy_ticket_wrapper .img { height: 208px; } } @media only screen and (min-width:1152px) { .buy_ticket_wrapper .img { height: 187px; } } .buy_ticket_wrapper .img:after { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, 0)), color-stop(69.75%, #191919)); background: -webkit-linear-gradient(top, rgba(31, 31, 31, 0) 0%, #191919 69.75%); background: -moz-linear-gradient(top, rgba(31, 31, 31, 0) 0%, #191919 69.75%); background: -o-linear-gradient(top, rgba(31, 31, 31, 0) 0%, #191919 69.75%); background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #191919 69.75%); } .buy_ticket_wrapper .news_info_wrapper { position: relative; flex-grow: 1; } .buy_ticket_wrapper .news_info_wrapper .title { display: inline-block; font-weight: 900; color: #fff; margin-bottom: 15px; } @media only screen and (max-width : 1152px) { .buy_ticket_wrapper .news_info_wrapper .title { font-size: 19px; } } @media only screen and (min-width:1152px) { .buy_ticket_wrapper .news_info_wrapper .title { font-size: 24px; } } .hasHover .buy_ticket_wrapper .news_info_wrapper a.title:hover { color: #e93e2c; } .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .date, .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location { color: #a0a0a0; } @media only screen and (max-width : 1152px) { .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .date, .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location { padding-left: 0px; } .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .date:before, .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location:before { content: none; } } .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .date:before, .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location:before { color: #595959; } .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location .location_icon { background: #404040; color: #fff; } .hasHover .buy_ticket_wrapper .news_info_wrapper .ticket_date_location .location .location_icon:hover { color: #e93e2c; } .buy_ticket_wrapper .news_info_wrapper .no_tickets { color: #e93e2c; text-align: center; margin-top: 60px; font-weight: bold; font-size: 18px; } .buy_ticket_wrapper .tickets { border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; margin: 30px 0px 20px; padding: 17px 0px 35px; position: relative; flex-grow: 1; } .buy_ticket_wrapper .tickets .count { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin-top: 17px; } .buy_ticket_wrapper .tickets .count .min, .buy_ticket_wrapper .tickets .count .plus { cursor: pointer; width: 47.27px; height: 47.27px; background: #404040; border-radius: 50%; position: relative; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .buy_ticket_wrapper .tickets .count .min:before, .buy_ticket_wrapper .tickets .count .plus:before { content: ""; position: absolute; height: 3px; width: 16.55px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; } .hasHover .buy_ticket_wrapper .tickets .count .min:hover, .hasHover .buy_ticket_wrapper .tickets .count .plus:hover { background: #e93e2c; } .buy_ticket_wrapper .tickets .count .plus:after { content: ""; position: absolute; width: 3px; height: 16.55px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; } .buy_ticket_wrapper .tickets .count .text { font-weight: 500; font-size: 21px; } .buy_ticket_wrapper .tickets .btn { margin-top: 28px; width: 100%; } .buy_ticket_wrapper .tickets .tickets_cart { margin-top: 25px; } .buy_ticket_wrapper .tickets .tickets_cart .row { font-size: 14px; color: #767676; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: center; margin-top: 10px; } .buy_ticket_wrapper .tickets .tickets_cart .row:first-child { margin-top: 0px; } .buy_ticket_wrapper .tickets .tickets_cart .row .text { margin-right: 25px; flex-shrink: 0; } .buy_ticket_wrapper .tickets .tickets_cart .row .text.title { color: #fff; margin-right: auto; white-space: nowrap; padding-right: 5px; text-overflow: ellipsis; overflow: hidden; flex-shrink: 1; } .buy_ticket_wrapper .tickets .tickets_cart .row .delete { cursor: pointer; position: relative; transform: rotate(-45deg); flex-shrink: 0; } @media only screen and (max-width : 1152px) { .buy_ticket_wrapper .tickets .tickets_cart .row .delete { width: 16px; height: 16px; } } @media only screen and (min-width:1152px) { .buy_ticket_wrapper .tickets .tickets_cart .row .delete { width: 12px; height: 12px; } } .buy_ticket_wrapper .tickets .tickets_cart .row .delete:before, .buy_ticket_wrapper .tickets .tickets_cart .row .delete:after { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; background: #767676; } .buy_ticket_wrapper .tickets .tickets_cart .row .delete:before { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .buy_ticket_wrapper .tickets .tickets_cart .row .delete:after { content: ""; position: absolute; width: 2px; height: 100%; left: 50%; transform: translateX(-50%); } .hasHover .buy_ticket_wrapper .tickets .tickets_cart .row .delete:hover:before, .hasHover .buy_ticket_wrapper .tickets .tickets_cart .row .delete:hover:after { background: #e93e2c; } .buy_ticket_wrapper .tickets .info-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 20px; color: #a0a0a0; } .buy_ticket_wrapper .tickets .info-row:first-child { margin-top: 10px; } .buy_ticket_wrapper .tickets .info-row .type_text { font-size: 14px; } .buy_ticket_wrapper .tickets .info-row .count_text { font-weight: 500; font-size: 18px; color: #fff; margin-top: 5px; } .buy_ticket_wrapper .tickets .info-row .price { font-size: 16px; flex-shrink: 0; } .buy_ticket_wrapper .total .price-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; color: #7d7d7d; font-size: 16px; margin-top: 5px; } .buy_ticket_wrapper .total .price-row:first-child { margin-top: 0; } .buy_ticket_wrapper .total .price-row .bold { font-weight: bold; font-size: 18px; color: #fff; } .ticket_date_location .date, .ticket_date_location .location { position: relative; line-height: 1.3; padding-left: 20px; } .ticket_date_location .date:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e002"; } .ticket_date_location .date:before { position: absolute; top: 0.65em; left: 0px; transform: translateY(-50%); font-size: 13px; line-height: 1; } @media only screen and (max-width : 1152px) { .ticket_date_location .date { font-size: 14px; } } @media only screen and (min-width:1152px) { .ticket_date_location .date { font-size: 15px; } } .ticket_date_location .location { font-size: 14px; padding-right: 50px; margin-top: 10px; } .ticket_date_location .location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } .ticket_date_location .location:before { position: absolute; top: 0.65em; left: 1px; transform: translateY(-50%); font-size: 11px; line-height: 1; } .ticket_date_location .location .location_icon { position: absolute; right: 0px; top: 50%; width: 32px; height: 32px; margin-top: -16px; line-height: 32px; border-radius: 50%; font-size: 14.3px; text-align: center; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .ticket_date_location .location .location_icon:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } .small_ticket { background: #fff; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border: 1px solid #e8e8e8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .small_ticket { min-width: 276px; max-width: 284px; height: 353px; border-radius: 8px; } } @media only screen and (min-width:1152px) { .small_ticket { width: 343px; height: 487px; border-radius: 12px; } } .small_ticket .img { background-size: cover; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; } @media only screen and (max-width : 1152px) { .small_ticket .img { height: 155px; border-radius: 8px; } } @media only screen and (min-width:1152px) { .small_ticket .img { border-radius: 12px; height: 224px; } } .small_ticket .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .small_ticket .title { font-size: 19px; line-height: 22px; margin: 0px 0px auto; } } @media only screen and (min-width:1152px) { .small_ticket .title { font-size: 24px; line-height: 28px; } } .small_ticket .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-grow: 1; } @media only screen and (max-width : 1152px) { .small_ticket .info { padding: 15px; } } @media only screen and (min-width:1152px) { .small_ticket .info { padding: 20px 25px; } } .small_ticket .ticket_date_location .date, .small_ticket .ticket_date_location .location { color: #000; } @media only screen and (max-width : 1152px) { .small_ticket .ticket_date_location .date, .small_ticket .ticket_date_location .location { font-size: 11px; } } .small_ticket .ticket_date_location .date:before, .small_ticket .ticket_date_location .location:before { color: #dcdcdc; } .small_ticket .ticket_date_location .location .location_icon { background-color: #ffe4e1; color: #e93e2c; } .hasHover .small_ticket .ticket_date_location .location .location_icon:hover { background-color: #e93e2c; color: #fff; } @media only screen and (max-width : 1152px) { .small_ticket .price_info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } .small_ticket .price_info .price { position: relative; color: #e93e2c; font-weight: 500; font-size: 11px; margin-top: 10px; line-height: 1.3; padding-left: 20px; } .small_ticket .price_info .price:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00f"; } .small_ticket .price_info .price:before { color: #dcdcdc; position: absolute; top: 0.65em; left: 0px; transform: translateY(-50%); font-size: 11px; line-height: 1; } .small_ticket .price_info .type { margin-left: 15px; font-size: 11px; color: #8c8c8c; } } @media only screen and (min-width:1152px) { .small_ticket .price_info { width: 100%; border-top: 1px solid #e4e4e4; padding-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } .small_ticket .price_info .price { color: #e93e2c; font-weight: 900; font-size: 38px; } .small_ticket .price_info .price .currency { font-weight: bold; } .small_ticket .price_info .type { margin-left: 15px; font-size: 14px; color: #8c8c8c; } } .invalid-feedback { color: #ff0000; font-weight: normal; margin-top: 5px; margin-left: 5px; font-size: 12px; } .remove_field .plus_icon:after { display: none; } .type_hidden { display: none; } .premier_info { overflow: scroll; } .premier_info .buy-ticket { overflow: hidden; } .premier_info::-webkit-scrollbar { width: 0; } .premier_info_tab.secondary_date { border-radius: 0 !important; border: none !important; } .other_dates .premier_info_tab { border-top: 1px solid #e6e6e6 !important; } .other_dates .premier_info_tab:first-child { border-top: none !important; } /*.other_dates.no-margin { overflow: hidden; margin-top: 0!important; }*/ .form .upload_avatar_wrapper .avatar_img { background-position: center center; } .comment_content { width: 100%; } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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-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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .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-slide-shadow-bottom { 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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } .swiper-button-lock { display: none; } .swiper-pagination { /*position: absolute;*/ text-align: center; transition: 300ms opacity; font-size: 0; line-height: 1; transform: translate3d(0, 0, 0); /*z-index: 10;*/ } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { /*bottom: 10px; left: 0; width: 100%;*/ } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.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(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } /*.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .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: 200ms transform, 200ms 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: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; }*/ /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; 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-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 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, 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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .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%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { 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: 0.6; 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-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .date-picker-wrapper { position: absolute; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2); border-radius: 12px; margin-top: 10px; } .date-picker-wrapper.inline-wrapper { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: auto; } .date-picker-wrapper.single-date { width: auto; } .date-picker-wrapper.single-date .first-date-selected { background: none !important; } .date-picker-wrapper .footer { display: none; } .date-picker-wrapper .month-element { display: inline-block; vertical-align: middle; } .date-picker-wrapper .month-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .date-picker-wrapper .month-wrapper .prev, .date-picker-wrapper .month-wrapper .next { background: #fff; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .hasHover .date-picker-wrapper .month-wrapper .prev:hover, .hasHover .date-picker-wrapper .month-wrapper .next:hover { color: #e93e2c; } .date-picker-wrapper .month-wrapper .prev { margin-right: 40px; } .date-picker-wrapper .month-wrapper .prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } .date-picker-wrapper .month-wrapper .next { margin-left: 40px; } .date-picker-wrapper .month-wrapper .next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } .date-picker-wrapper .month-wrapper table { align-self: flex-start; margin: 0 auto; /*div.day { &.lastMonth, &.nextMonth { color: #999; cursor: default; } }*/ } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper .month-wrapper table.month2 { margin-left: 31px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper .month-wrapper table.month2 { margin-left: 65px; } } .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td { vertical-align: middle; text-align: center; margin: 0px; padding: 0px; } .date-picker-wrapper .month-wrapper table .day { color: #4b4b4b; cursor: pointer; } .date-picker-wrapper .month-wrapper table .day.weekend { color: #e93e2c; } .date-picker-wrapper .month-wrapper table .day.first-date-selected, .date-picker-wrapper .month-wrapper table .day.last-date-selected { position: relative; color: #fff !important; } .date-picker-wrapper .month-wrapper table .day.first-date-selected:before, .date-picker-wrapper .month-wrapper table .day.last-date-selected:before { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50%; background-color: #e93e2c; } .date-picker-wrapper .month-wrapper table .day.first-date-selected span, .date-picker-wrapper .month-wrapper table .day.last-date-selected span { position: relative; } .date-picker-wrapper .month-wrapper table .day.first-date-selected, .date-picker-wrapper .month-wrapper table .day.first-hover, .date-picker-wrapper .month-wrapper table .day.monday { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .date-picker-wrapper .month-wrapper table .day.first-date-selected.revert-direction { border-top-left-radius: 0% !important; border-bottom-left-radius: 0% !important; border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .date-picker-wrapper .month-wrapper table .day.last-date-selected, .date-picker-wrapper .month-wrapper table .day.last-hover, .date-picker-wrapper .month-wrapper table .day.sunday { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .date-picker-wrapper .month-wrapper table .day.hovering, .date-picker-wrapper .month-wrapper table .day.hovered, .date-picker-wrapper .month-wrapper table .day.checked { background-color: #ffe1de; } .date-picker-wrapper .month-wrapper table .day.hovered:not(.checked) { border-radius: 50%; } .date-picker-wrapper .month-wrapper table .week-name { text-transform: uppercase; } .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help !important; } .date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip { white-space: nowrap; } .date-picker-wrapper.single-month { padding: 20px 0px; width: -webkit-calc(100% - 44px); width: -moz-calc(100% - 44px); width: calc(100% - 44px); max-width: 345px; } .date-picker-wrapper.single-month .month-element { height: 43px; line-height: 43px; } @media only screen and (max-width:360px) { .date-picker-wrapper.single-month .month-element { height: 35px; line-height: 35px; } } .date-picker-wrapper.single-month .month-wrapper .prev, .date-picker-wrapper.single-month .month-wrapper .next { width: 40.12px; height: 40.12px; box-shadow: 0px 1.27641px 2.55281px rgba(0, 0, 0, 0.07); border: 0.638203px solid #e4e4e4; font-size: 8px; } @media only screen and (max-width:360px) { .date-picker-wrapper.single-month .month-wrapper .prev, .date-picker-wrapper.single-month .month-wrapper .next { width: 32px; height: 32px; } } .date-picker-wrapper.single-month .month-wrapper table th, .date-picker-wrapper.single-month .month-wrapper table td { width: 43px; height: 43px; line-height: 43px; } @media only screen and (max-width:360px) { .date-picker-wrapper.single-month .month-wrapper table th, .date-picker-wrapper.single-month .month-wrapper table td { width: 35px; height: 35px; line-height: 35px; } } .date-picker-wrapper.single-month .month-wrapper table .day { font-size: 15px; } .date-picker-wrapper.single-month th { font-size: 13px; } .date-picker-wrapper.single-month table .caption > th { font-size: 16.4286px; padding-bottom: 10px; line-height: normal !important; } .date-picker-wrapper.single-month .drp_top-bar { margin: 12px 20px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months { padding: 35px 30px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper.two-months { padding: 35px; } } .date-picker-wrapper.two-months .month-element { height: 55px; line-height: 55px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months .month-wrapper .prev, .date-picker-wrapper.two-months .month-wrapper .next { width: 44px; height: 44px; border: 0.709091px solid #e4e4e4; box-shadow: 0px 1.41818px 2.83636px rgba(0, 0, 0, 0.07); font-size: 13px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper.two-months .month-wrapper .prev, .date-picker-wrapper.two-months .month-wrapper .next { width: 51.28px; height: 51.28px; box-shadow: 0px 1.63158px 3.26316px rgba(0, 0, 0, 0.07); border: 0.815789px solid #e4e4e4; font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months .month-wrapper table th, .date-picker-wrapper.two-months .month-wrapper table td { width: 45px; height: 45px; line-height: 45px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper.two-months .month-wrapper table th, .date-picker-wrapper.two-months .month-wrapper table td { width: 55px; height: 55px; line-height: 55px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months .month-wrapper table .day { font-size: 15px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper.two-months .month-wrapper table .day { font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months th { font-size: 13px; } } @media only screen and (min-width:1920px) { .date-picker-wrapper.two-months th { font-size: 16px; } } .date-picker-wrapper.two-months table .caption > th { font-size: 21px; line-height: normal !important; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .date-picker-wrapper.two-months table .caption > th { padding-bottom: 10px; } } .date-picker-wrapper.two-months .drp_top-bar { margin-top: 30px; } .date-picker-wrapper th { font-weight: 500; } .date-picker-wrapper th.weekend { color: #e93e2c; } .date-picker-wrapper table .caption > th { font-weight: bold; text-transform: none; } .date-picker-wrapper table .caption > th .prev, .date-picker-wrapper table .caption > th .next { margin: auto; } .date-picker-wrapper .selected-days { display: none; } .date-picker-wrapper .drp_top-bar { order: 1; /*.apply-btn { position: absolute; right: 0px; top: 6px; padding: 3px 5px; margin: 0; font-size: 12px; border-radius: 4px; cursor: pointer; color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); color: white; line-height: initial; &.disabled { cursor: pointer; color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } }*/ } .date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top { display: none; } .date-picker-wrapper .drp_top-bar .default-top { display: block; } .date-picker-wrapper .drp_top-bar.error .default-top { display: none; } .date-picker-wrapper .drp_top-bar.error .error-top { display: block; color: red; } .date-picker-wrapper .drp_top-bar.normal .default-top { display: none; } .date-picker-wrapper .drp_top-bar.normal .normal-top { display: block; } .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top { color: #333; } .date-picker-wrapper .drp_top-bar .apply-btn { display: block; max-width: 300px; margin: auto; } .date-picker-wrapper .time { display: none; } .date-picker-wrapper .real-today span { position: relative; font-weight: bold; } .date-picker-wrapper .real-today span:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #e93e2c; top: 0; right: -7px; } .jq-toast-wrap, .jq-toast-wrap * { margin: 0; padding: 0; } .jq-toast-wrap { display: block; position: fixed; width: 250px; pointer-events: none !important; letter-spacing: normal; z-index: 9000 !important; } .jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; } .jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; } .jq-toast-wrap.top-left { top: 20px; left: 20px; } .jq-toast-wrap.top-right { top: 20px; right: 40px; } .jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0 0 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative; pointer-events: all !important; background-color: #444; color: #fff; } .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0 0 7px; background: 0 0; color: inherit; line-height: inherit; letter-spacing: normal; } .jq-toast-single a { color: #eee; text-decoration: none; font-weight: 700; border-bottom: 1px solid #fff; padding-bottom: 3px; font-size: 12px; } .jq-toast-single ul { margin: 0 0 0 15px; background: 0 0; padding: 0; } .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: 0 0; margin: 0; padding: 0; letter-spacing: normal; } .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; } .jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0; left: 0; border-radius: 5px; background: red; } .jq-toast-loaded { width: 100%; } .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; } .jq-icon-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; } .jq-icon-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; } .jq-icon-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=); background-color: #a94442; color: #f2dede; border-color: #ebccd1; } .jq-icon-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 12px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -moz-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -moz-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -moz-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 12px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 12px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } @media only screen and (min-width:1152px) { .subscription { border: 1px solid #dbdbdb; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; margin: 50px 0px 0px; } } @media only screen and (min-width:1152px) { .subscription { padding: 32px; } } .subscription__title { font-weight: 900; text-align: center; } @media only screen and (max-width : 1152px) { .subscription__title { font-size: 24px; line-height: 108.3%; margin: 7px 0px 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .subscription__title { font-size: 34px; line-height: 108.3%; margin: 8px 0px 18px; letter-spacing: -0.01em; } } @media only screen and (min-width:1920px) { .subscription__title { margin: 13px 0px 33px; font-size: 48px; line-height: 108.3%; letter-spacing: -0.01em; } } .subscription__subtitle { text-align: center; font-size: 18px; } .subscription__form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-top: 32px; } .subscription__form__input { margin-bottom: 0 !important; } .subscription__form__label { margin-bottom: 16px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } .subscription__form__label__caption { margin-top: 8px; font-size: 16px; } .subscription__form__action { margin-top: 32px; } .subscription__form__checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-content: center; padding: 8px 0; font-size: 16px; } .subscription__form__checkbox__input { padding-left: 8px; width: 48px; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; margin-right: 12px; } .subscription__form__checkbox input[type=checkbox] { transform: scale(1.4); } .subscription__form__checkbox-last { margin-bottom: 16px; } .thanks-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 60vh; } html, body { width: 100%; height: 100%; } body { background: #fff; font-family: Roboto, sans-serif; color: #000; } @media only screen and (max-width : 1152px) { body { min-width: 320px; font-size: 16px; } } @media only screen and (min-width:1152px) { body { font-size: 14px; } } body.menu_open { overflow: hidden; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } body { margin: 0px; } p, h1, h2, h3, h4, h5, h6 { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } input, textarea, button { outline: none; margin: 0px; } iframe { border: 0; } textarea { overflow: auto; resize: none; } button { background: none; position: relative; overflow: visible; -webkit-font-smoothing: inherit; text-transform: none; color: inherit; font-family: inherit; /*&:after{ content:""; display:inline-block; vertical-align:top; height:100%; }*/ } select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } ::-moz-focus-inner { /*Remove inner padding and border in Firefox 4+.*/ padding: 0; border: 0; } :focus { outline: 0; } ul, ol { -webkit-padding-start: 0px; margin: 0; padding: 0; } li { list-style: none; } a { /*Remove the gray background color from active links in IE 10.*/ background-color: transparent; text-decoration: none; color: inherit; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } a:active, a:hover { /*Improve readability of focused elements when they are also in an active/hover state.*/ outline: 0; } .hasHover a:hover { color: #e93e2c; } .hasHover a:active { color: #e93e2c; } img, input, button { outline: none; } img, button { border: none; } b, strong { font-weight: bold; /*ie fix*/ } em { font-style: italic; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; border-spacing: 0; border: none; } table td, table th { padding: 0; } form { margin: 0px; padding: 0px; } .hidden { display: none; } .clear { clear: both; } .icon_btn { display: inline-block; width: 30px; height: 30px; background: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 8px; } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; box-sizing: border-box; cursor: pointer; text-align: center; border-radius: 8px; align-items: center; justify-content: center; } @media only screen and (max-width : 1152px) { .btn { width: 100%; } } @media only screen and (min-width:1152px) { .btn.full { width: 100%; } } @media only screen and (max-width : 1152px) { .btn.small { padding: 0px; } } .btn.normal { height: 50px; line-height: 50px; font-weight: bold; font-size: 17px; } @media only screen and (min-width:1152px) { .btn.normal { padding: 0px 40px; } } .btn.big { height: 55px; line-height: 55px; font-weight: 900; font-size: 18px; } @media only screen and (min-width:1152px) { .btn.big { padding: 0px 45px; } } .btn.white_orange_text { background: #fff; color: #e93e2c !important; } .hasHover .btn.white_orange_text:hover { color: #fff !important; background: #e93e2c; } .btn.orange_border { border: 2px solid #e93e2c; background: #fff; color: #e93e2c; } .hasHover .btn.orange_border:hover { background-color: #ffecea; color: #e93e2c; } .hasHover .btn.orange_border:active { background-color: #e93e2c; color: #fff; } .btn.orange { background: #e93e2c; color: #fff; } .hasHover .btn.orange:hover { background-color: #fa5342; color: #fff; } .hasHover .btn.orange:active { background-color: #db1e0a; color: #fff; } .btn.ticketon { background: #000000; color: #ffffff; font-size: 16px; } .btn.kassir { background: #da0045; color: #ffffff; font-size: 16px; } .btn.gray { background: #dcdcdc; color: #000 !important; } .hasHover .btn.gray:hover { color: #000 !important; } .btn.gray_white { background: #d9d9d9; color: #fff !important; } .hasHover .btn.gray_white:hover { color: #fff !important; } .btn.white { background: #fff; color: #000 !important; } .hasHover .btn.white:hover { background: #e93e2c; color: #fff !important; } input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { /*@media only screen and (max-width : 1152px){ height:40px; } @media only screen and (min-width:1152px){ }*/ height: 55px; } @media only screen and (max-width : 1152px) { input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { font-size: 14px; padding: 0px 14px; } } @media only screen and (min-width:1152px) { input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { font-size: 16px; padding: 0px 24px; } } @media only screen and (max-width : 1152px) { input[type=text].error, input[type=text]:focus, input[type=password].error, input[type=password]:focus, input[type=email].error, input[type=email]:focus, input[type=tel].error, input[type=tel]:focus, input[type=number].error, input[type=number]:focus { padding: 0px 13px; } } @media only screen and (min-width:1152px) { input[type=text].error, input[type=text]:focus, input[type=password].error, input[type=password]:focus, input[type=email].error, input[type=email]:focus, input[type=tel].error, input[type=tel]:focus, input[type=number].error, input[type=number]:focus { padding: 0px 23px; } } @media only screen and (max-width : 1152px) { textarea { font-size: 14px; padding: 10px 14px; } } @media only screen and (min-width:1152px) { textarea { font-size: 16px; padding: 15px 24px; } } @media only screen and (max-width : 1152px) { textarea.error, textarea:focus { padding: 9px 13px; } } @media only screen and (min-width:1152px) { textarea.error, textarea:focus { padding: 14px 23px; } } input[type=text], input[type=search], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { display: block; background: #fff; width: 100%; font-family: Roboto, sans-serif; border-radius: 8px; border: 1px solid #dbdbdb; box-sizing: border-box; min-width: 0px; font-weight: 500; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus { border: 2px solid #e93e2c; } input[type=text]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder { color: #8c8c8c; font-weight: normal; } input[type=text]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8c8c8c; font-weight: normal; } input[type=text]::placeholder, input[type=search]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: #8c8c8c; font-weight: normal; } input[type=text].error, input[type=search].error, input[type=password].error, input[type=email].error, input[type=number].error, input[type=tel].error, textarea.error { background: #fff5f4; border: 2px solid #e93e2c; } textarea { width: 100%; padding-top: 10px; padding-bottom: 10px; } /********** CHECKBOX **********/ input.checkbox { display: none; } input.checkbox + label { position: relative; cursor: pointer; font-size: 16px; height: 30px; line-height: 30px; display: inline-block; } @media only screen and (min-width:1152px) { input.checkbox + label { padding-left: 45px; } } input.checkbox + label:before { content: ""; width: 30px; height: 30px; background: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 8px; position: absolute; left: 0px; font-size: 12px; line-height: 17px; text-align: center; color: transparent; } input.checkbox:checked + label:after { content: ""; width: 18px; height: 18px; background: #e93e2c; border-radius: 4px; position: absolute; left: 6px; top: 6px; font-size: 12px; line-height: 17px; text-align: center; color: transparent; } .select2-search__field { font-size: 16px; padding: 0 24px !important; height: 55px !important; display: block; background: #fff; width: 100%; font-family: Roboto, sans-serif; border-radius: 8px; border: 1px solid #dbdbdb; box-sizing: border-box; min-width: 0; font-weight: 500; transition: background-color 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s; } .select2-results { font-size: 16px; padding: 0; } .select2-results .select2-results__options { line-height: 48px; cursor: pointer; font-weight: 500; color: #000; /*font-weight: 500;*/ font-size: 16px; /*box-shadow:2px 2px 0px 0px rgba(235, 235, 235, 1) inset;*/ } @media only screen and (max-width : 1152px) { .select2-results .select2-results__options { font-size: 14px; } } @media only screen and (min-width:1152px) { .select2-results .select2-results__options { font-size: 16px; } } .select2-results .select2-results__options .select2-results__option { display: block; font-weight: 500; height: 39px; line-height: 39px; padding: 0px 20px; cursor: pointer; color: #000; white-space: pre; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .select2-results .select2-results__options .select2-results__option { padding: 0px 14px; } } @media only screen and (min-width:1152px) { .select2-results .select2-results__options .select2-results__option { padding: 0px 24px; } } .select2-results .select2-results__options .select2-results__option.hover { color: #e93e2c; } .hasHover .select2-results .select2-results__options .select2-results__option:hover { background-color: #ffecea; color: #e93e2c; } .select_wrapper { display: block; position: relative; width: 100%; box-sizing: border-box; height: 50px; border: 1px solid #dbdbdb; border-radius: 8px; /*&.opened{ .select{ background:$orange!important; box-shadow:2px 2px 0px 0px rgba(201, 106, 18, 1) inset; .selected_text{ color:#fff!important; } .arrow{ //background-image:svg('select_arrow', "[color]:#fff"); z-index:8; } } }*/ } @media only screen and (max-width : 1152px) { .select_wrapper { font-size: 14px; } } @media only screen and (min-width:1152px) { .select_wrapper { font-size: 16px; } } .select_wrapper .select { position: relative; height: 48px; line-height: 48px; cursor: pointer; font-weight: 500; color: #000; /*font-weight: 500;*/ font-size: 16px; /*box-shadow:2px 2px 0px 0px rgba(235, 235, 235, 1) inset;*/ } @media only screen and (max-width : 1152px) { .select_wrapper .select { font-size: 14px; padding: 0px 34px 0px 14px; } } @media only screen and (min-width:1152px) { .select_wrapper .select { font-size: 16px; padding: 0px 44px 0px 24px; } } .select_wrapper .select .selected_text { position: relative; white-space: pre; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; } .select_wrapper .select .arrow { position: absolute; top: 50%; margin-top: -4.5px; box-sizing: border-box; width: 5.6px; height: 5.6px; transform: rotate(-45deg); border-left: 1.5px solid #d4d4d4; border-bottom: 1.5px solid #d4d4d4; } @media only screen and (max-width : 1152px) { .select_wrapper .select .arrow { right: 14px; } } @media only screen and (min-width:1152px) { .select_wrapper .select .arrow { right: 24px; } } .select_wrapper .search_input { min-width: 200px; } .select_wrapper .search_input input { background-image: url("/images/search_icon.svg"); background-repeat: no-repeat; background-position: 95% center; } .select_wrapper .option_wrapper { display: none; /*background:#10161d;*/ position: absolute; top: 55px; left: -1px; right: -1px; margin-top: 0px; padding: 4px 0; z-index: 7; background: #ffffff; border: 1px solid #dbdbdb; box-sizing: border-box; /*box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2);*/ border-radius: 8px; } .select_wrapper .option_wrapper .option { display: block; font-weight: 500; height: 39px; line-height: 39px; padding: 0px 20px; cursor: pointer; color: #000; white-space: pre; text-overflow: ellipsis; overflow: hidden; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .select_wrapper .option_wrapper .option { padding: 0px 14px; } } @media only screen and (min-width:1152px) { .select_wrapper .option_wrapper .option { padding: 0px 24px; } } .select_wrapper .option_wrapper .option.hover { color: #e93e2c; } .hasHover .select_wrapper .option_wrapper .option:hover { background-color: #ffecea; color: #e93e2c; } .select_wrapper.with_placeholder .selected_text { font-weight: normal; color: #8c8c8c; } .select_wrapper.with_placeholder .option_wrapper .option:first-child { color: #8c8c8c; font-weight: normal; } .select_wrapper.with_placeholder.selected .selected_text { font-weight: 500; color: #000; } .select_wrapper.small { height: 45px; } .select_wrapper.small .select { height: 45px; line-height: 45px; } .select_wrapper.big { height: 55px; } .select_wrapper.big .select { height: 53px; line-height: 53px; } .select_wrapper.big .option_wrapper { top: 55px; } .select_wrapper.gray { background: #303030; border: none; color: #fff; } .select_wrapper.gray .select { color: #fff; } .select_wrapper.gray .option_wrapper { padding: 10px 0px; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 61px; } .hasHover .select_wrapper.gray .option_wrapper .option:hover { background-color: #e93e2c; color: #fff; } @media only screen and (max-width : 1152px) { .select_wrapper.filter_select { height: 55px; } .select_wrapper.filter_select .select { font-size: 16px; height: 55px; line-height: 55px; padding: 0 19px; } .select_wrapper.filter_select .select .arrow { right: 19px; } .select_wrapper.filter_select .option_wrapper { top: 60px; } .select_wrapper.filter_select .option_wrapper .option { padding: 0 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .select_wrapper.filter_select { height: 40px; } .select_wrapper.filter_select .select { font-size: 13px; height: 38px; line-height: 38px; padding: 0 14px; } .select_wrapper.filter_select .select .arrow { right: 14px; } .select_wrapper.filter_select .option_wrapper { top: 45px; } .select_wrapper.filter_select .option_wrapper .option { padding: 0 14px; } } @media only screen and (min-width:1920px) { .select_wrapper.filter_select { height: 50px; } .select_wrapper.filter_select .select { font-size: 16px; height: 48px; line-height: 48px; padding: 0 17px; } .select_wrapper.filter_select .select .arrow { right: 17px; } .select_wrapper.filter_select .option_wrapper { top: 55px; } .select_wrapper.filter_select .option_wrapper .option { padding: 0 17px; } } .dropdown { position: relative; font-weight: 500; } @media only screen and (max-width : 1152px) { .dropdown { font-size: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .dropdown { font-size: 13px; } } @media only screen and (min-width:1920px) { .dropdown { font-size: 16px; } } .dropdown .dropdown-toggle { cursor: pointer; } .dropdown .dropdown-toggle:after { content: ""; box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; display: inline-block; top: -3.5px; position: relative; margin-left: 10px; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .dropdown .dropdown-menu { display: none; top: 100%; left: 0; min-width: 100%; margin-top: 10px; position: absolute; background: #ffffff; border: 1px solid #dcdcdc; box-sizing: border-box; box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2); border-radius: 8px; white-space: nowrap; z-index: 1; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .dropdown .dropdown-menu { padding: 10px 0px; } } @media only screen and (min-width:1920px) { .dropdown .dropdown-menu { padding: 15px 0px; } } @media only screen and (min-width:1152px) { .dropdown .dropdown-menu .group { margin: 10px 0px; padding: 10px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } } .dropdown .dropdown-menu .dropdown-item { padding: 6px 19px 7px; cursor: pointer; display: block; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .dropdown .dropdown-menu .dropdown-item.exit, .dropdown .dropdown-menu .dropdown-item.selected { color: #e93e2c; } .hasHover .dropdown .dropdown-menu .dropdown-item:hover { color: #e93e2c; } .dropdown.align_right .dropdown-menu { left: auto; right: 0; } .square_icon { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; position: relative; vertical-align: top; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; color: #dbdbdb; border: 1px solid #dbdbdb; border-radius: 8px; } .hasHover .square_icon:hover { color: #e93e2c; border-color: #e93e2c; } .square_icon .svg-icon--download { font-size: 13px; } .square_icon .svg-icon--checkbox2 { font-size: 8px; } .square_icon .svg-icon--delete { font-size: 14px; } .square_icon .svg-icon--cancel { font-size: 11px; } .square_icon .svg-icon--reload { font-size: 14px; } .square_icon .svg-icon--edit { font-size: 14px; } .square_icon .svg-icon--ticket { font-size: 12px; } .square_icon .svg-icon--time { font-size: 14px; } .hasHover .square_icon:hover[data-tooltip]:before { content: ""; width: 7.6px; height: 7.6px; position: absolute; top: 50%; transform: rotate(-45deg) translateY(-50%); background: #151515; right: 100%; margin-right: 3px; /*left:100%; margin-left: 10px;*/ } .hasHover .square_icon:hover[data-tooltip]:after { content: attr(data-tooltip); background: #151515; border-radius: 8px; height: 34px; line-height: 34px; font-weight: 500; font-size: 13px; padding: 0px 13px; color: #fff; position: absolute; top: 50%; margin-top: -17px; margin-right: 10px; right: 100%; white-space: nowrap; /*margin-left: 10px; left:100%;*/ } .event_filter_holder .select2-search__field { height: 38px !important; margin: 0 !important; padding: 3pt !important; font-weight: 400; color: #8c8c8c; font-size: 13px !important; line-height: 38px; } .event_filter_holder .select2-search:first-child > .select2-search__field { width: auto !important; } .event_filter_holder .select2-selection--multiple { background-color: transparent !important; border: 1px solid rgb(219, 219, 219) !important; border-radius: 8px !important; } .event_filter_holder .select_wrapper { border: 0 !important; } .event_filter_holder .select2-dropdown { width: auto !important; } .event_filter_holder { display: inline-block; height: 40px; margin: 10px 0; } #event_sort .select_wrapper { height: 45px; } #page { /*min-height:100%;*/ position: relative; box-sizing: border-box; /*@media only screen and (max-width : 1152px){ min-height: 0; } @media only screen and (min-width: 1152px) and (max-width:1920px){ padding-bottom:$d_s_footer_height; margin-bottom:-$d_s_footer_height; } @media only screen and (min-width:1920px){ padding-bottom:$d_b_footer_height; margin-bottom:-$d_b_footer_height; }*/ } header { position: relative; } header:before { content: ""; position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; visibility: hidden; z-index: -1; opacity: 0; transition: visibility 0s 0.3s linear, z-index 0s 0.3s linear, opacity 0.3s 0s linear; } @media only screen and (max-width : 1152px) { header:before { background: #000; } } @media only screen and (min-width:1152px) { header:before { background: #fff; } } header .top { position: relative; z-index: 3; } @media only screen and (min-width:1152px) { header .top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top { height: 98px; } } @media only screen and (min-width:1920px) { header .top { height: 110px; } } header .top .left-side { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .top .left-side { background: #fff; height: 74px; padding: 0px 82px 0px 22px; } } @media only screen and (min-width:1152px) { header .top .left-side { position: absolute; top: 0px; bottom: 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .left-side { left: 25px; } } @media only screen and (min-width:1920px) { header .top .left-side { left: 38px; } } header .top .left-side .logo { color: #e93e2c; } header .top .left-side .logo .svg-icon { display: block; } @media only screen and (max-width : 1152px) { header .top .left-side .logo .svg-icon { font-size: 43px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .left-side .logo .svg-icon { font-size: 53px; } } @media only screen and (min-width:1920px) { header .top .left-side .logo .svg-icon { font-size: 64px; } } header .top .left-side .choose_city_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .top .left-side .choose_city_wrapper { border-left: 1px solid #ebebeb; height: 39px; padding-left: 17px; margin-left: 17px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .left-side .choose_city_wrapper { margin-left: 33px; } } @media only screen and (min-width:1920px) { header .top .left-side .choose_city_wrapper { border-left: 1px solid #e5e5e5; height: 59px; margin-left: 42px; padding-left: 38px; } } header .top .left-side .choose_city_wrapper .dropdown-toggle { position: relative; padding-right: 15px; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .top .left-side .choose_city_wrapper .dropdown-toggle { color: #848484; } } @media only screen and (min-width:1152px) { header .top .left-side .choose_city_wrapper .dropdown-toggle { color: #b6b6b6; } } header .top .left-side .choose_city_wrapper .dropdown-toggle:after { position: absolute; margin-top: -3.5px; top: auto; bottom: 0.5em; } @media only screen and (max-width : 1152px) { header .top .left-side .choose_city_wrapper .dropdown-toggle:after { margin-left: 7px; color: #e0e0e0; } } @media only screen and (min-width:1152px) { header .top .left-side .choose_city_wrapper .dropdown-toggle:after { color: #c8c8c8; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .left-side .choose_city_wrapper .dropdown-toggle:after { margin-left: 11px; } } @media only screen and (min-width:1920px) { header .top .left-side .choose_city_wrapper .dropdown-toggle:after { margin-left: 17px; } } .hasHover header .top .left-side .choose_city_wrapper .dropdown-toggle:hover { color: #e93e2c; } .hasHover header .top .left-side .choose_city_wrapper .dropdown-toggle:hover:after { color: #e93e2c; } header .top .left-side .choose_city_wrapper .dropdown-menu { left: -20px; } @media only screen and (max-width : 1152px) { header .top .main_menu { background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; box-sizing: border-box; height: 55px; border-top: 1px solid #e5e5e5; padding-left: 22px; overflow: auto; /*-webkit-overflow-scrolling:touch; IOS has a BUG*/ } } @media only screen and (max-width : 1152px) { .news_on_map_page header .top .main_menu { display: none; } } header .top .main_menu ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (max-width : 1152px) { header .top .main_menu ul { white-space: nowrap; padding-right: 22px; margin: auto; } } header .top .main_menu ul li { font-weight: bold; text-transform: uppercase; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li { font-size: 14px; margin-left: 15px; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li { position: relative; letter-spacing: 0.02em; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li { font-size: 15px; margin-left: 17px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li { font-size: 19px; margin-left: 33px; } } header .top .main_menu ul li:first-child { margin-left: 0px; } header .top .main_menu ul li.has_sub_menu:before { content: ""; position: fixed; left: 0px; right: 0px; bottom: 0px; background: #000; visibility: hidden; opacity: 0; transition: visibility 0.3s 0s linear, opacity 0.3s 0s linear; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu:before { /*top: $header_top_mobile_h + $header_main_menu_mobile_h;*/ z-index: -1; top: 0; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu:before { top: 0; z-index: 4; } } header .top .main_menu ul li.has_sub_menu > a { position: relative; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu > a { padding-right: 13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu > a { padding-right: 12px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu > a { padding-right: 15px; } } header .top .main_menu ul li.has_sub_menu > a:after { content: ""; position: absolute; top: 50%; margin-top: -2.5px; right: 0px; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu > a:after { box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-left: 1.5px solid #e93e2c; border-bottom: 1.5px solid #e93e2c; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu > a:after { box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-left: 1.5px solid #c8c8c8; border-bottom: 1.5px solid #c8c8c8; } } .hasHover header .top .main_menu ul li.has_sub_menu > a:hover:after { border-color: #e93e2c; } header .top .main_menu ul li.has_sub_menu .sub_menu, header .top .main_menu ul li.has_sub_menu .sub_sub_menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; opacity: 0; transition: visibility 0s 0.3s linear, z-index 0s 0.3s linear, opacity 0.3s 0s linear; background: #fff; position: absolute; top: 100%; text-transform: none; box-sizing: border-box; z-index: -1; visibility: hidden; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu, header .top .main_menu ul li.has_sub_menu .sub_sub_menu { left: 0; right: 0; border-top: 8px solid #ededed; border-radius: 0px 0px 12px 12px; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu, header .top .main_menu ul li.has_sub_menu .sub_sub_menu { border: 1px solid #f1f1f1; box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2); padding: 20px; margin-top: 25px; left: 50%; transform: translateX(-50%); border-radius: 12px; } } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col { display: block !important; width: 100%; box-sizing: border-box; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col { padding: 0px 15px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link_with_sub, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link_with_sub { display: block; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .sub_menu_caret, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .sub_menu_caret { position: absolute !important; top: 0; right: 0; width: 100px; bottom: 0; padding: 0 !important; margin: 0 !important; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu { position: absolute; left: 50%; top: 20px; bottom: 0; margin-left: 0; z-index: 1; background: #fff; display: none !important; padding-bottom: 30px; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu span, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu span { display: none; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu span.sub_sub_title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu span.sub_sub_title { display: none; } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu.col_relative, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu.col_relative { position: relative; left: 0; top: 0; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu .close_sub span, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu .close_sub span { display: none; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu { left: 0; top: 0; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu span, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu span { display: inline-block; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu .close_sub, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu .close_sub { font-weight: normal; font-size: 16px; position: relative; display: block; width: 100%; color: #c4c4c4; } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col.col_submenu .close_sub:before, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col.col_submenu .close_sub:before { content: ""; display: inline-block; margin-right: 10px; box-sizing: border-box; width: 15px; height: 14px; transform: rotate(135deg); border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .sub_sub_menu_ul, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .sub_sub_menu_ul { padding-right: 0; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .title { font-weight: bold; font-size: 18px; height: 50px; line-height: 50px; padding: 0px 32px 0px 22px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link { display: block; position: relative; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link { box-sizing: border-box; border-top: 1px solid #f1f1f1; height: 50px; line-height: 50px; padding: 0px 32px 0px 22px; font-weight: bold; font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link { font-weight: 500; font-size: 13px; margin-top: 10px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link { font-weight: 500; font-size: 15px; margin-top: 15px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link:after, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link:after { content: ""; position: absolute; top: 50%; margin-top: -2.5px; display: none; box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link:after, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link:after { right: 24.5px; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link:after, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link:after { right: 2.5px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .menu_col .link.has_sub_sub_menu:after, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .menu_col .link.has_sub_sub_menu:after { display: block; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .col { display: none; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu .sub_menu .col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .col { margin-left: 20px; } header .top .main_menu ul li.has_sub_menu .sub_menu .col:first-child, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .col:first-child { margin-left: 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .col { width: 200px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .col, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .col { width: 250px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .banner, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; text-align: center; background: #dadada; border-radius: 8px; box-sizing: border-box; position: relative; align-items: center; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner { padding: 20px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner { padding: 30px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .img, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .img:after, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .img:after { content: ""; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%); } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .img + .above_title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .img + .above_title { color: #ff9d93; } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .above_title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .above_title { font-weight: bold; color: #aeaeae; position: relative; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner .above_title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .above_title { font-size: 13px; margin-bottom: 5px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner .above_title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .above_title { font-size: 15px; margin-bottom: 10px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .title { font-weight: 900; color: #fff; position: relative; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner .title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .title { font-size: 18px; } } @media only screen and (min-width:1920px) { header .top .main_menu ul li.has_sub_menu .sub_menu .banner .title, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .title { font-size: 23px; } } header .top .main_menu ul li.has_sub_menu .sub_menu .banner .logo, header .top .main_menu ul li.has_sub_menu .sub_sub_menu .banner .logo { position: relative; margin-top: auto; color: #fff; font-size: 48px; } header .top .main_menu ul li.has_sub_menu.active > a { color: #e93e2c; } header .top .main_menu ul li.has_sub_menu.active > a:after { border-color: #e93e2c; } header .top .main_menu ul li.has_sub_menu.active:before { visibility: visible; transition: visibility 0s 0s linear, opacity 0.3s 0s linear; } @media only screen and (max-width : 1152px) { header .top .main_menu ul li.has_sub_menu.active:before { opacity: 0.6; } } @media only screen and (min-width:1152px) { header .top .main_menu ul li.has_sub_menu.active:before { opacity: 0.33; } } header .top .main_menu ul li.has_sub_menu.active .sub_menu { visibility: visible; opacity: 1; transition: visibility 0s 0s linear, z-index 0s 0s linear, opacity 0.3s 0s linear; z-index: 4; overflow: hidden; } header .top .main_menu ul li .search-icon { cursor: pointer; color: #c8c8c8; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .hasHover header .top .main_menu ul li .search-icon:hover { color: #e93e2c; } header .top .main_menu ul li .search-icon .svg-icon { display: block; } header .top .main_menu ul .has_sub_sub_menu { text-transform: none; display: block; width: 100%; } header .top .main_menu ul .has_sub_sub_menu:hover { color: #e93e2c; cursor: pointer; } header .top .main_menu ul .has_sub_sub_menu.active { color: #e93e2c; } header .top .main_menu ul .has_sub_sub_menu a { width: auto; display: inline-block !important; } header .top .profile_menu { position: absolute; top: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (max-width : 1152px) { header .top .profile_menu .svg-icon { display: block; } } @media only screen and (max-width : 1152px) { header .top .profile_menu { height: 74px; right: 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu { right: 35px; } } @media only screen and (min-width:1920px) { header .top .profile_menu { right: 47px; } } header .top .profile_menu .search-icon { color: #e93e2c; font-size: 22px; margin-right: 20px; } @media only screen and (min-width:1152px) { header .top .profile_menu .search-icon { display: none; } } @media only screen and (max-width : 1152px) { header .top .profile_menu .profile_dropdown { position: static; } } @media only screen and (max-width : 1152px) { header .top .profile_menu .profile_dropdown .dropdown-toggle .svg-icon--profile { font-size: 22px; color: #e93e2c; } } @media only screen and (min-width:1152px) { header .top .profile_menu .profile_dropdown .dropdown-toggle .svg-icon--profile { display: none; } } header .top .profile_menu .profile_dropdown .dropdown-toggle .user_avatar { width: 36px; height: 36px; border-radius: 50%; background-color: #ffe6e3; background-repeat: no-repeat; background-position: center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width : 1152px) { header .top .profile_menu .profile_dropdown .dropdown-toggle .user_avatar { display: none; } } header .top .profile_menu .profile_dropdown .dropdown-toggle .user_avatar.empty { font-size: 17px; color: #ffc2bc; } header .top .profile_menu .profile_dropdown .dropdown-toggle .user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } header .top .profile_menu .profile_dropdown .dropdown-toggle .close { display: none; } @media only screen and (max-width : 1152px) { header .top .profile_menu .profile_dropdown .dropdown-toggle .close { position: absolute; width: 35px; height: 35px; top: 19px; right: 22px; border-radius: 50%; color: #fff; background: #fa5c4c; align-items: center; justify-content: center; font-size: 15.17px; } } header .top .profile_menu .profile_dropdown .dropdown-toggle:after { content: none; } @media only screen and (max-width : 1152px) { header .top .profile_menu .profile_dropdown .dropdown-menu { top: 74px; position: fixed; left: 0px; right: 0px; bottom: 0; margin-top: 0; border-radius: 0; border: none; overflow: auto; -webkit-overflow-scrolling: touch; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info { background: #f9f9f9; padding: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; border-top: 1px solid #e5e5e5; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .user_avatar { background: #e8e8e8; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 4px; width: 36px; height: 36px; flex-shrink: 0; margin-right: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .user_avatar.empty { color: #d9d9d9; font-size: 18px; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper { flex-grow: 1; overflow: hidden; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .user_name { font-weight: 900; font-size: 16px; line-height: 1.2; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #8c8c8c; font-size: 12px; line-height: 16px; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row .location { height: 16px; flex-shrink: 0; position: relative; padding-left: 14px; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row .location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row .location:before { color: #cfcfcf; font-size: 11px; -ms-grid-row-align: center; align-self: center; line-height: 1; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row .email { height: 16px; text-overflow: ellipsis; overflow: hidden; position: relative; margin-left: 10px; padding-left: 10px; } header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info .info_wrapper .info .info_row .email:before { content: ""; position: absolute; top: 50%; left: 0px; background: #d6d3d3; margin-top: -6px; height: 12px; width: 1px; } header .top .profile_menu .profile_dropdown .dropdown-menu .dropdown-item { border-top: 1px solid #e5e5e5; height: 50px; line-height: 50px; font-size: 14px; padding: 0px 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } header .top .profile_menu .profile_dropdown .dropdown-menu .dropdown-item:after { content: ""; box-sizing: border-box; width: 5.65px; height: 5.65px; transform: rotate(-45deg); border-right: 1.5px solid #d5d5d5; border-bottom: 1.5px solid #d5d5d5; } header .top .profile_menu .profile_dropdown .dropdown-menu .dropdown-item.exit { padding-top: 10px; } header .top .profile_menu .profile_dropdown .dropdown-menu .dropdown-item.exit:after { content: none; } } @media only screen and (min-width:1152px) { header .top .profile_menu .profile_dropdown .dropdown-menu .profile_info { display: none; } } @media only screen and (max-width : 1152px) { header .top .profile_menu .add_dropdown { display: none; } } header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon { display: inline-block; width: 10px; height: 10px; position: relative; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon { margin-right: 9px; } header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:after, header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:before { background: #e93e2c; } } @media only screen and (min-width:1920px) { header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon { margin-right: 12px; } header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:after, header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:before { background: #fff; } } header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:before { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; margin-top: -1px; left: 0; } header .top .profile_menu .add_dropdown .dropdown-toggle .plus_icon:after { content: ""; position: absolute; width: 2px; height: 100%; left: 50%; margin-left: -1px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .add_dropdown .dropdown-toggle { font-weight: 500; font-size: 14px; line-height: 1; color: #e93e2c; } header .top .profile_menu .add_dropdown .dropdown-toggle:after { content: none; } } @media only screen and (min-width:1920px) { header .top .profile_menu .add_dropdown .dropdown-toggle { border-radius: 90px; height: 39px; line-height: 39px; padding: 0px 15px; font-size: 15px; background: #e93e2c; color: #fff; } header .top .profile_menu .add_dropdown .dropdown-toggle:after { border-color: #ff8873; margin-left: 20px; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } } .hasHover header .top .profile_menu .add_dropdown:hover .dropdown-toggle:after { border-color: #fff; } header .top .profile_menu .favorites { height: 39px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; font-weight: bold; font-size: 13px; } @media only screen and (max-width : 1152px) { header .top .profile_menu .favorites { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .favorites { margin: 0px 28px; } } @media only screen and (min-width:1920px) { header .top .profile_menu .favorites { background: #ffecea; border-radius: 39px; padding: 0px 18px; margin: 0px 18px; } } header .top .profile_menu .favorites .svg-icon { margin-right: 10px; font-size: 16px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .favorites .svg-icon { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; color: #e1e1e1; } } @media only screen and (min-width:1920px) { header .top .profile_menu .favorites .svg-icon { color: #e93e2c; } } .hasHover header .top .profile_menu .favorites:hover .svg-icon { color: #e93e2c; } header .top .profile_menu .login-link { font-weight: 500; color: #151515; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .login-link { font-size: 14px; } } @media only screen and (min-width:1920px) { header .top .profile_menu .login-link { font-size: 16px; } } header .top .profile_menu .login-link .svg-icon { color: #e93e2c; font-size: 21px; } @media only screen and (min-width:1152px) { header .top .profile_menu .login-link .svg-icon { display: none; } } @media only screen and (max-width : 1152px) { header .top .profile_menu .login-link span { display: none; } } .hasHover header .top .profile_menu .login-link:hover { color: #e93e2c; } header .top .profile_menu .registration-link { cursor: pointer; font-weight: bold; color: #e93e2c; margin-left: 25px; } @media only screen and (max-width : 1152px) { header .top .profile_menu .registration-link { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .top .profile_menu .registration-link { font-size: 14px; } } @media only screen and (min-width:1920px) { header .top .profile_menu .registration-link { font-size: 16px; } } header .bottom { box-sizing: border-box; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: relative; z-index: 2; } @media only screen and (max-width : 1152px) { .news_on_map_page header .bottom { display: none; } } @media only screen and (max-width : 1152px) { header .bottom { height: 50px; overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; padding-left: 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom { justify-content: center; height: 52px; } } @media only screen and (min-width:1920px) { header .bottom { justify-content: center; height: 65px; } } @media only screen and (max-width : 1152px) { header .bottom .menu { margin: auto; } } header .bottom .menu ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { header .bottom .menu ul { padding-right: 22px; } } header .bottom .menu ul .link { display: block; } @media only screen and (max-width : 1152px) { header .bottom .menu ul .link { font-size: 14px; line-height: 1; height: 16px; color: #8d8d8d; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom .menu ul .link { color: #888; font-size: 14px; line-height: 1; height: 16px; } } @media only screen and (min-width:1920px) { header .bottom .menu ul .link { color: #888; font-size: 17px; line-height: 19px; height: 23px; } } @media only screen and (max-width : 1152px) { header .bottom .menu ul li { margin-left: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom .menu ul li { margin-left: 23px; } } @media only screen and (min-width:1920px) { header .bottom .menu ul li { height: 23px; margin-left: 45px; } } header .bottom .menu ul li:first-child { margin-left: 0px; } header .bottom .menu ul li.choose_date .link { color: #e93e2c; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom .menu ul li.choose_date { font-weight: 500; } } @media only screen and (min-width:1920px) { header .bottom .menu ul li.choose_date { margin-left: 35px; border-left: 1px solid #e5e5e5; padding-left: 33px; } } header .bottom .menu ul li.choose_date .choose_date_btn { position: relative; cursor: pointer; } @media only screen and (max-width : 1152px) { header .bottom .menu ul li.choose_date .choose_date_btn { padding-right: 29px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom .menu ul li.choose_date .choose_date_btn { padding-right: 17px; } } @media only screen and (min-width:1920px) { header .bottom .menu ul li.choose_date .choose_date_btn { padding-right: 41px; } } header .bottom .menu ul li.choose_date .choose_date_btn .arrow { position: absolute; top: 50%; right: 0; } @media only screen and (max-width : 1152px), only screen and (min-width:1920px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow { background: #ffe6e3; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } } @media only screen and (max-width : 1152px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow { width: 17px; height: 17px; margin-top: -8.5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow { margin-top: -2.5px; } } @media only screen and (min-width:1920px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow { width: 23px; height: 23px; margin-top: -11.5px; } } header .bottom .menu ul li.choose_date .choose_date_btn .arrow:after { content: ""; display: block; position: relative; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow:after { box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-right: 2px solid #e93e2c; border-bottom: 2px solid #e93e2c; } } @media only screen and (min-width:1152px) { header .bottom .menu ul li.choose_date .choose_date_btn .arrow:after { box-sizing: border-box; width: 5px; height: 5px; transform: rotate(-45deg); border-right: 1.5px solid #e93e2c; border-bottom: 1.5px solid #e93e2c; } } header .search_wrapper { position: absolute; background: #e93e2c; left: 0; right: 0; color: #fff; /*opacity:0;*/ display: none; transition: opacity 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { header .search_wrapper { top: 0; z-index: 4; } } @media only screen and (min-width:1152px) { header .search_wrapper { top: 100%; z-index: 2; } } header .search_wrapper .search_form { margin: 0 auto; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form { padding: 11px 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form { padding: 40px 0px 70px; width: 1002px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form { padding: 40px 0px 70px; width: 1310px; } } header .search_wrapper .search_form .field_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper { align-items: center; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper { position: relative; flex-direction: column; } } header .search_wrapper .search_form .field_wrapper .cancel { font-weight: 500; cursor: pointer; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .cancel { font-size: 15px; margin-left: 11px; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper .cancel { flex-direction: column; order: -1; margin-bottom: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .field_wrapper .cancel { font-size: 14px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .field_wrapper .cancel { font-size: 15px; } } header .search_wrapper .search_form .field_wrapper .field { position: relative; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .field { flex-grow: 1; } } header .search_wrapper .search_form .field_wrapper .field input { background: #ffffff; border: 1px solid #dcdcdc; box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2); border-radius: 8px; color: #000; font-weight: normal; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .field input { height: 44px; font-size: 15px; padding: 0px 35px 0px 17px; } header .search_wrapper .search_form .field_wrapper .field input::-moz-placeholder { color: #d6d6d6; font-size: 15px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input:-ms-input-placeholder { color: #d6d6d6; font-size: 15px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input::placeholder { color: #d6d6d6; font-size: 15px; font-weight: normal; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .field_wrapper .field input { height: 65px; font-size: 18px; padding: 0px 50px 0px 25px; } header .search_wrapper .search_form .field_wrapper .field input::-moz-placeholder { color: #b3b3b3; font-size: 18px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input:-ms-input-placeholder { color: #b3b3b3; font-size: 18px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input::placeholder { color: #b3b3b3; font-size: 18px; font-weight: normal; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .field_wrapper .field input { height: 75px; font-size: 28px; padding: 0px 50px 0px 25px; } header .search_wrapper .search_form .field_wrapper .field input::-moz-placeholder { color: #b3b3b3; font-size: 28px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input:-ms-input-placeholder { color: #b3b3b3; font-size: 28px; font-weight: normal; } header .search_wrapper .search_form .field_wrapper .field input::placeholder { color: #b3b3b3; font-size: 28px; font-weight: normal; } } header .search_wrapper .search_form .field_wrapper .field .clear { display: none; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; cursor: pointer; } header .search_wrapper .search_form .field_wrapper .field .clear:before { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } header .search_wrapper .search_form .field_wrapper .field .clear:after { transform: translateX(-50%) translateY(-50%) rotate(45deg); } header .search_wrapper .search_form .field_wrapper .field .clear:before, header .search_wrapper .search_form .field_wrapper .field .clear:after { content: ""; position: absolute; width: 21px; height: 2.69px; top: 50%; left: 50%; background: #e93e2c; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .field .clear { display: none !important; } } header .search_wrapper .search_form .field_wrapper .search_results_wrapper { display: none; position: absolute; width: 100%; top: 100%; margin-top: 6px; left: 0px; background: #ffffff; border: 1px solid #dcdcdc; box-sizing: border-box; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper { margin-top: 0px; top: 100%; border-radius: 0px 0px 8px 8px; padding: 10px 15px; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper { padding: 25px 30px; border-radius: 8px; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper .search_results { overflow: auto; -webkit-overflow-scrolling: touch; max-height: 350px; } } header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group { border-top: 1px solid #d7d7d7; padding: 15px 0px 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; color: #000000; } header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group:first-child { border-top: none; } header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .title { color: #8c8c8c; margin-bottom: 5px; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .title { font-size: 14px; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .title { font-size: 17px; } } header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .link { font-weight: 500; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .link { font-size: 16px; } } @media only screen and (min-width:1152px) { header .search_wrapper .search_form .field_wrapper .search_results_wrapper .group .link { font-size: 18px; } } header .search_wrapper .search_form .recommendations { margin-top: 70px; } @media only screen and (max-width : 1152px) { header .search_wrapper .search_form .recommendations { display: none; } } header .search_wrapper .search_form .recommendations .box-title { font-weight: bold; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .box-title { font-size: 24px; margin-bottom: 20px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .box-title { font-size: 34px; margin-bottom: 30px; } } header .search_wrapper .search_form .recommendations .items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .items { margin-left: -30px; margin-bottom: 30px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .items { margin-left: -40px; margin-bottom: 40px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .items .item { width: 228px; margin-left: 30px; margin-bottom: 30px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .items .item { width: 297.5px; margin-left: 40px; margin-bottom: 40px; } } header .search_wrapper .search_form .recommendations .items .item .img { display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 12px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .img { height: 132px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .img { height: 190px; } } header .search_wrapper .search_form .recommendations .items .item .category_wrapper { margin: 15px 0px 10px; font-weight: bold; text-transform: uppercase; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-size: 12px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .category_wrapper { font-size: 13px; } } header .search_wrapper .search_form .recommendations .items .item .category_wrapper .views { color: #ff9d93; } .hasHover header .search_wrapper .search_form .recommendations .items .item .category_wrapper a:hover { color: inherit; } header .search_wrapper .search_form .recommendations .items .item .title { font-weight: bold; color: #fff; } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .title { font-size: 15px; } } @media only screen and (min-width:1920px) { header .search_wrapper .search_form .recommendations .items .item .title { font-size: 21px; } } header .datepicker_wrapper { position: absolute; left: 0px; right: 0px; top: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { header .datepicker_wrapper { z-index: 4; margin-top: -8px; } } @media only screen and (min-width:1152px) { header .datepicker_wrapper { z-index: 2; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { header .datepicker_wrapper { margin-top: -2px; } } @media only screen and (min-width:1920px) { header .datepicker_wrapper { margin-top: -15px; } } header.shadow:before { visibility: visible; transition: visibility 0s 0s linear, z-index 0s 0s linear, opacity 0.3s 0s linear; } @media only screen and (max-width : 1152px) { header.shadow:before { z-index: 4; opacity: 0.6; } } @media only screen and (min-width:1152px) { header.shadow:before { z-index: 2; opacity: 0.78; } } header.search-active .search_wrapper { /*display: block; opacity:1;*/ } header.profile_open { z-index: 999; } @media only screen and (max-width : 1152px) { header.profile_open .top .left-side { background: #e93e2c; } header.profile_open .top .left-side .logo { color: #fff; } header.profile_open .top .left-side .choose_city_wrapper { border-color: #fc5e4e; } header.profile_open .top .left-side .choose_city_wrapper .dropdown-toggle { color: #fff; } header.profile_open .top .left-side .choose_city_wrapper .dropdown-toggle:after { color: #ff6252; } header.profile_open .top .left-side .choose_city_wrapper .dropdown-menu { z-index: 2; } header.profile_open .profile_menu { position: static; height: 0; } header.profile_open .profile_menu .search-icon { display: none; } header.profile_open .profile_menu .profile_dropdown .dropdown-toggle .user_avatar { display: none; } header.profile_open .profile_menu .profile_dropdown .dropdown-toggle .svg-icon--profile { display: none; } header.profile_open .profile_menu .profile_dropdown .dropdown-toggle .close { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } } #content { position: relative; z-index: 1; padding-bottom: 50px; } #content.onTop { z-index: 10; } @media only screen and (max-width : 1152px) { #content .contacts_page { margin-bottom: -50px; } } @media only screen and (max-width : 1152px) { .filters_wrapper { background: #fff; padding: 24px 22px; display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 4; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters_wrapper { margin-left: -15px; margin-bottom: 30px; } } @media only screen and (min-width:1920px) { .filters_wrapper { margin-left: -20px; margin-bottom: 40px; } } @media only screen and (max-width : 1152px) { .filters { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; min-height: 100%; } } @media only screen and (max-width : 1152px) { .filters .mob_title { color: #000; font-weight: 900; font-size: 24px; position: relative; margin-bottom: 17px; } } @media only screen and (min-width:1152px) { .filters .mob_title { display: none; } } .filters .mob_title .close_filters { position: absolute; font-size: 18px; height: 18px; top: 50%; margin-top: -9px; right: 0px; } @media only screen and (min-width:1152px) { .filters .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width : 1152px) { .filters .row .field { height: 55px; margin-bottom: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .field { width: 165px; height: 40px; margin-left: 15px; } } @media only screen and (min-width:1920px) { .filters .row .field { width: 200px; height: 50px; margin-left: 20px; } } .filters .row .field .empty_label { display: none; position: relative; border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 8px; height: 100%; color: #b3b3b3; } @media only screen and (max-width : 1152px) { .filters .row .field .empty_label { height: 55px; line-height: 53px; padding: 0 20px; font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .field .empty_label { height: 40px; line-height: 40px; padding: 0 14px; font-size: 13px; } } @media only screen and (min-width:1920px) { .filters .row .field .empty_label { height: 50px; line-height: 48px; padding: 0 17px; font-size: 16px; } } .filters .row .field .empty .empty_label { display: block; } .filters .row .field .empty .choosed { display: none; } .filters .row .field .choose_date_range { height: 100%; cursor: pointer; } .filters .row .field .choose_date_range .choosed_text { display: none; } .filters .row .field .choose_date_range.choosed .empty_text, .filters .row .field .choose_date_range.choosed .svg-icon { display: none; } .filters .row .field .choose_date_range .svg-icon { position: absolute; top: 50%; transform: translateY(-50%); } @media only screen and (max-width : 1152px) { .filters .row .field .choose_date_range .svg-icon { right: 18px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .field .choose_date_range .svg-icon { right: 14px; } } @media only screen and (min-width:1920px) { .filters .row .field .choose_date_range .svg-icon { right: 17px; } } .filters .row .field .choosed { box-sizing: border-box; border-radius: 8px; color: #e93e2c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; font-weight: bold; } @media only screen and (max-width : 1152px) { .filters .row .field .choosed { background: #fff0ee; border: 2px solid #e93e2c; height: 55px; line-height: 53px; padding: 0 18px; font-size: 16px; } } @media only screen and (min-width:1152px) { .filters .row .field .choosed { background: #fff3f1; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .field .choosed { height: 40px; line-height: 38px; padding: 0 14px; font-size: 13px; } } @media only screen and (min-width:1920px) { .filters .row .field .choosed { height: 50px; line-height: 50px; padding: 0 17px; font-size: 16px; } } .filters .row .field .choosed .close { display: block; width: 10px; height: 10px; position: relative; } .filters .row .field .choosed .close:before, .filters .row .field .choosed .close:after { content: ""; top: 50%; margin-top: -1px; width: 12px; height: 2px; background: #e93e2c; position: absolute; } .filters .row .field .choosed .close:before { transform: rotate(-45deg); } .filters .row .field .choosed .close:after { transform: rotate(45deg); } .filters .row .field.align_right { margin-left: auto; } .filters .row .show_on_map { background: #fff3f1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; color: #e93e2c; font-weight: 500; margin-left: auto; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width : 1152px) { .filters .row .show_on_map { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .show_on_map { height: 40px; margin-top: 15px; border-radius: 4px; padding: 0px 30px 0px 19px; font-size: 13px; } } @media only screen and (min-width:1920px) { .filters .row .show_on_map { height: 50px; margin-top: 20px; border-radius: 8px; padding: 0px 20px 0px 13px; font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .show_on_map span { margin-left: 9px; } } @media only screen and (min-width:1920px) { .filters .row .show_on_map span { margin-left: 17px; } } .filters .row .show_on_map:before { content: ""; display: block; background: #fff; border: 1px solid #f9d2cb; box-sizing: border-box; text-align: center; color: #fff; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .show_on_map:before { line-height: 17px; height: 17px; width: 17px; border-radius: 3px; margin-right: 16px; font-size: 6px; } } @media only screen and (min-width:1920px) { .filters .row .show_on_map:before { line-height: 22px; height: 22px; width: 22px; border-radius: 4px; margin-right: 19px; font-size: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .filters .row .show_on_map .svg-icon { font-size: 8.52px; } } @media only screen and (min-width:1920px) { .filters .row .show_on_map .svg-icon { font-size: 11.12px; } } .filters .row .show_on_map.checked:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e004"; } .filters .row .show_on_map.checked:before { background-color: #e93e2c; border-color: #e93e2c; } .filters .mob_buttons { margin-top: auto; } @media only screen and (min-width:1152px) { .filters .mob_buttons { display: none; } } .filters .mob_buttons .btn + .btn { margin-top: 13px; } .mobile_filters { padding: 20px 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-top: 0; } @media only screen and (min-width:1152px) { .mobile_filters { display: none; } } .mobile_filters .filter_btn, .mobile_filters .show_on_map_btn, .mobile_filters .change_view_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; height: 32px; border: 1px solid #ededed; box-sizing: border-box; border-radius: 8px; } .mobile_filters .filter_btn .svg-icon, .mobile_filters .show_on_map_btn .svg-icon, .mobile_filters .change_view_wrapper .svg-icon { display: block; } .mobile_filters .filter_btn .active_icon, .mobile_filters .show_on_map_btn .active_icon, .mobile_filters .change_view_wrapper .active_icon { display: none; } .mobile_filters .filter_btn { margin-right: auto; margin-left: 0; color: #e1e1e1; font-size: 14px; padding: 0px 13px; } .mobile_filters .filter_btn .text { margin-left: 10px; color: #c4c4c4; line-height: 1; } .mobile_filters .filter_btn.active { background: #fae9e7; border-color: #fae9e7; color: #e93e2c; } .mobile_filters .filter_btn.active .text { color: #e93e2c; } .mobile_filters .show_on_map_btn { padding: 0px 13px; color: #c4c4c4; font-size: 16px; margin-right: 10px; } .mobile_filters .active .active_icon { display: block; } .mobile_filters .active .color_icon { display: none; } .mobile_filters .change_view_wrapper:first-child { margin-left: auto; } .mobile_filters .change_view { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0px 14px; color: #e1e1e1; font-size: 15px; } .mobile_filters .change_view.active { color: #e93e2c; } .mobile_filters .change_view + .change_view { border-left: 1px solid #ededed; } .mobile_filters .close_btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -ms-grid-row-align: center; align-self: center; color: #e93e2c; font-weight: 500; font-size: 15px; } .mobile_filters .close_btn .text { height: 15px; line-height: 13px; } .mobile_filters .close_btn .svg-icon { margin-left: 13px; font-size: 11px; } .swiper-pagination { position: relative; } .swiper-pagination .swiper-pagination-bullet { display: inline-block; transition: all 0.3s ease 0s; } @media only screen and (max-width : 1152px) { .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; margin: 0px 5px; } } @media only screen and (min-width:1152px) { .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; margin: 0px 7px; } } .swiper-pagination .swiper-pagination-bullet-active { background: #e93e2c !important; } @media only screen and (min-width:1152px) { .swiper-pagination .swiper-pagination-bullet-active { width: 34px; } } .rating_info { text-align: center; border-radius: 50%; background: #e93e2c; color: #fff; font-weight: 900; } @media only screen and (max-width : 1152px), only screen and (min-width: 1152px) and (max-width:1920px) { .rating_info { width: 38px; height: 38px; line-height: 38px; font-size: 12.5px; } } @media only screen and (min-width:1920px) { .rating_info { width: 45px; height: 45px; line-height: 45px; font-size: 15px; } } .favorite_btn { text-align: center; color: #e1e1e1; cursor: pointer; } @media only screen and (max-width : 1152px) { .favorite_btn { font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .favorite_btn { font-size: 18.5px; } } @media only screen and (min-width:1920px) { .favorite_btn { font-size: 23.6px; } } .favorite_btn.active { color: #e93e2c !important; opacity: 1 !important; } .hasHover .favorite_btn:hover { color: #e93e2c !important; opacity: 1 !important; } .favorite_btn .svg-icon { display: block; } .ticket_icon { text-align: center; background: #e93e2c; border: 2px solid #e93e2c; color: #fff; box-sizing: border-box; width: auto; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 10px; font-size: 14px; height: 40px; } .ticket_icon > span { margin-bottom: 1px; white-space: nowrap; } .ticket_icon:before { margin-right: 10px; display: inline; font-size: 12px; } @media (min-width: 768px) { .ticket_icon.small { padding-right: 11px; } .ticket_icon.small:before { margin-right: 0px; } .ticket_icon.small > span { display: none; } } .ticket_icon.sold_out { background: #a2a2a2; border-color: #a2a2a2; } .ticket_icon[data-ticket_url] { cursor: pointer; } .hasHover .ticket_icon[data-ticket_url]:hover { color: #e93e2c !important; background: #fff; } .ticket_icon:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e010"; } .news_list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media only screen and (max-width : 1152px) { .news_list { margin: 0px -22px; overflow: hidden; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_list { margin-left: -30px; } } @media only screen and (min-width:1920px) { .news_list { margin-left: -50px; } } @media only screen and (max-width : 1152px) { .news_list .col { width: 100%; } } @media only screen and (min-width:1152px) { .news_list .col { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_list .col { width: 516px; } } @media only screen and (min-width:1920px) { .news_list .col { width: 786px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_list .news { margin-left: 30px; margin-bottom: 30px; } } @media only screen and (min-width:1920px) { .news_list .news { margin-left: 50px; margin-bottom: 40px; } } @media only screen and (max-width : 1152px) { [data-slide_mobile="1"] .swiper-container { padding-left: 22px; padding-right: 22px; padding-bottom: 30px; overflow: visible; width: 100%; box-sizing: border-box; } } .news { position: relative; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .news { border-radius: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news { border-radius: 8px; } } @media only screen and (min-width:1920px) { .news { border-radius: 12px; } } .news .descr { color: #8d8d8d; } @media only screen and (max-width : 1152px) { .news .descr { font-size: 10px; line-height: 140%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news .descr { font-size: 12px; line-height: 160%; } } @media only screen and (min-width:1920px) { .news .descr { font-size: 14px; line-height: 160%; } } .news .descr .bold { font-weight: 500; } .news .descr .green { color: #52ad5b; } .news .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .news .title { font-size: 16px; line-height: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news .title { font-size: 16px; line-height: 110%; } } @media only screen and (min-width:1920px) { .news .title { font-size: 24px; line-height: 28px; } } .news .img { background-size: cover; background-position: center center; background-repeat: no-repeat; } .news .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (min-width:1152px) { .news.sticky { position: -webkit-sticky; position: sticky; top: 0; } } @media only screen and (max-width : 1152px) { .news.small_preview { background: #fff; } } @media only screen and (min-width:1152px) { .news.small_preview { box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.27); } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small_preview { width: 228px; } } @media only screen and (min-width:1920px) { .news.small_preview { width: 343px; } } @media only screen and (min-width:1152px) { .news.small_preview .img { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .news.small_preview .img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; border-radius: inherit; background: rgba(0, 0, 0, 0.44); } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small_preview .img { border-radius: 8px; } } @media only screen and (min-width:1920px) { .news.small_preview .img { border-radius: 12px; } } @media only screen and (min-width:1152px) { .news.small_preview.active .img:before { border: 2px solid #e93e2c; } } @media only screen and (min-width:1152px) { .news.small_preview .category { letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } .hasHover .news.small_preview .category:hover { color: #e93e2c; } } @media only screen and (min-width:1152px) { .news.small_preview .info { position: relative; color: #fff; box-sizing: border-box; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small_preview .info { padding: 15px; min-height: 219px; } } @media only screen and (min-width:1920px) { .news.small_preview .info { padding: 20px 18px; min-height: 247px; } } .news.small_preview .info .favorite_btn { position: absolute; } @media only screen and (max-width : 1152px) { .news.small_preview .info .favorite_btn { right: 15px; bottom: 15px; } } @media only screen and (min-width:1152px) { .news.small_preview .info .favorite_btn { color: #e1e1e1; opacity: 0.44; } } @media only screen and (min-width:1152px) { .news.small_preview .info .favorite_btn { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small_preview .info .title { margin: 5px 0px 10px; } } @media only screen and (min-width:1920px) { .news.small_preview .info .title { margin: 10px 0px 15px; } } .news.small_preview .info .descr { margin-top: auto; } @media only screen and (min-width:1152px) { .news.small_preview .info .descr { color: rgba(255, 255, 255, 0.6); margin-right: 30px; } } .news.small_preview .info .descr .bold { color: #fff; } .news.small { background: #fff; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border: 1px solid #e8e8e8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } @media only screen and (max-width : 1152px) { .news.small { width: 221px; min-height: 350px; word-break: break-word; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small { box-shadow: 0px 6.60342px 9.90512px rgba(0, 0, 0, 0.06); width: 228px; min-height: 346px; } } @media only screen and (min-width:1920px) { .news.small { width: 343px; min-height: 487px; } } .news.small .category { color: #e93e2c; } .news.small .info { flex-grow: 1; } @media only screen and (max-width : 1152px) { .news.small .info { padding: 10px 15px 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small .info { padding: 10px 15px 15px; } } @media only screen and (min-width:1920px) { .news.small .info { padding: 20px 25px 25px; } } .news.small .info .favorite_btn { position: absolute; } @media only screen and (max-width : 1152px) { .news.small .info .favorite_btn { right: 15px; bottom: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small .info .favorite_btn { right: 15px; bottom: 15px; } } @media only screen and (min-width:1920px) { .news.small .info .favorite_btn { right: 25px; bottom: 25px; } } @media only screen and (max-width : 1152px) { .news.small .info .title { margin: 5px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small .info .title { margin: 5px 0px 10px; } } @media only screen and (min-width:1920px) { .news.small .info .title { margin: 10px 0px 15px; } } .news.small .info .under_title { line-height: 150%; } @media only screen and (max-width : 1152px) { .news.small .info .under_title { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small .info .under_title { font-size: 12px; } } @media only screen and (min-width:1920px) { .news.small .info .under_title { font-size: 14px; } } .news.small .info .descr { margin-top: auto; } @media only screen and (max-width : 1152px) { .news.small .info .descr { font-size: 10px; line-height: 140%; margin-right: 25px; } } @media only screen and (min-width:1152px) { .news.small .info .descr { margin-right: 35px; } } .news.small .info .descr .bold { color: #000; } @media only screen and (max-width : 1152px) { .news.small .info .descr .bold { margin-top: 10px; } } .news.small.event_end .news-img { filter: grayscale(100%); } .news.small.event_end .info, .news.small.event_end .descr, .news.small.event_end .bold, .news.small.event_end .category, .news.small.event_end .views { color: #dedede !important; } .news.people { text-align: center; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.people { width: 658px; } } @media only screen and (min-width:1920px) { .news.people { width: 998px; } } .news.people .img { display: block; border-radius: 10px; } @media only screen and (max-width : 1152px) { .news.people .img { height: 240px; border-radius: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.people .img { height: 378px; border-radius: 10px; } } @media only screen and (min-width:1920px) { .news.people .img { height: 586px; } } .news.people .info { align-items: center; } @media only screen and (max-width : 1152px) { .news.people .info { margin: 20px auto 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.people .info { margin: 35px auto 0px; max-width: 486px; } } @media only screen and (min-width:1920px) { .news.people .info { margin: 65px auto 0px; max-width: 736px; } } .news.people .info .category { color: #e93e2c; } @media only screen and (max-width : 1152px) { .news.people .info .title { font-size: 19px; line-height: 22px; margin: 15px 0px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.people .info .title { font-size: 24px; line-height: 28px; margin: 15px 0px 0px; } } @media only screen and (min-width:1920px) { .news.people .info .title { font-size: 34px; line-height: 40px; margin: 20px 0px 0px; } } .news.big, .news.medium { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; } .news.big .event_end_label, .news.medium .event_end_label { position: absolute; left: 25px; top: 25px; line-height: 23px; background: #000; color: #fff; font-weight: 500; font-size: 12px; border-radius: 12px; padding: 0px 10px; } @media only screen and (min-width:1152px) { .news.big .event_end_label, .news.medium .event_end_label { height: 23px; } } .news.big.event_end, .news.medium.event_end { filter: grayscale(100%); } .news.big.event_end .img, .news.medium.event_end .img { filter: grayscale(100%); } .news.big.event_end .info, .news.big.event_end .descr, .news.big.event_end .bold, .news.big.event_end .category, .news.big.event_end .views, .news.medium.event_end .info, .news.medium.event_end .descr, .news.medium.event_end .bold, .news.medium.event_end .category, .news.medium.event_end .views { color: #dedede !important; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big, .news.medium { border-radius: 12px; width: 486px; } } @media only screen and (min-width:1920px) { .news.big, .news.medium { width: 736px; } } .news.big .category, .news.medium .category { letter-spacing: 0.08em; text-transform: uppercase; } .news.big .data_wrapper, .news.medium .data_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; } @media only screen and (max-width : 1152px) { .news.big .data_wrapper, .news.medium .data_wrapper { flex-direction: column; justify-content: flex-end; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium { height: 346px; padding: 25px; } } @media only screen and (min-width:1920px) { .news.medium { height: 487px; padding: 35px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .info { max-width: 344px; } } @media only screen and (min-width:1920px) { .news.medium .info { max-width: 474px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .info .title { font-weight: bold; font-size: 18px; line-height: 21px; margin: 5px 0px 0px; max-width: 344px; } } @media only screen and (min-width:1920px) { .news.medium .info .title { max-width: 474px; font-size: 24px; line-height: 28px; margin: 10px 0px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .info .under_title { font-size: 13px; line-height: 150%; margin-top: 5px; } } @media only screen and (min-width:1920px) { .news.medium .info .under_title { margin-top: 10px; font-weight: 500; font-size: 16px; line-height: 150%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .info .descr { margin-top: 25px; } } @media only screen and (min-width:1920px) { .news.medium .info .descr { margin-top: 40px; } } .news.medium .info .descr .bold { color: #fff; } .news.medium .rating_info, .news.medium .ticket_icon { position: absolute; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .rating_info, .news.medium .ticket_icon { right: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .news.medium .rating_info, .news.medium .ticket_icon { right: 30px; top: 30px; } } .news.medium .favorite_btn { position: absolute; opacity: 0.44; z-index: 1; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.medium .favorite_btn { right: 25px; bottom: 25px; } } @media only screen and (min-width:1920px) { .news.medium .favorite_btn { right: 35px; bottom: 35px; } } @media only screen and (max-width : 1152px) { .news.big { height: 427px; padding: 22px; border-radius: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big { height: 556px; padding: 40px 25px; } } @media only screen and (min-width:1920px) { .news.big { height: 830px; padding: 60px; } } .news.big:before { opacity: 0.7; } .news.big .info { /*@media only screen and (min-width:1152px){ justify-content: flex-end; }*/ } @media only screen and (max-width : 1152px) { .news.big .info .title { font-size: 22px; line-height: 26px; margin: 6px 0px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .info .title { font-weight: bold; font-size: 23px; line-height: 27px; margin: 5px 0px 10px; } } @media only screen and (min-width:1920px) { .news.big .info .title { font-size: 32px; line-height: 37px; margin: 10px 0px 25px; } } .news.big .info .descr { color: rgba(255, 255, 255, 0.7); } @media only screen and (max-width : 1152px) { .news.big .info .descr { display: none; } } @media only screen and (min-width:1152px) { .news.big .info .descr { margin-top: auto; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .info .descr { font-size: 12px; line-height: 130%; } } @media only screen and (min-width:1920px) { .news.big .info .descr { font-size: 15px; line-height: 150%; } } .news.big .ticket { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .news.big .ticket { padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.22); align-items: center; } } @media only screen and (min-width:1152px) { .news.big .ticket { flex-shrink: 0; border-left: 1px solid rgba(255, 255, 255, 0.33); flex-direction: column; align-content: flex-end; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket { padding-left: 15px; margin-left: 15px; width: 117px; } } @media only screen and (min-width:1920px) { .news.big .ticket { padding-left: 20px; margin-left: 20px; width: 124px; } } @media only screen and (max-width : 1152px) { .news.big .ticket .date { margin-right: 10px; flex-shrink: 0; font-weight: bold; color: #ca4030; } } .news.big .ticket .date .num { line-height: 1; } @media only screen and (max-width : 1152px) { .news.big .ticket .date .num { font-size: 31px; white-space: nowrap; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket .date .num { font-weight: 500; font-size: 26px; } } @media only screen and (min-width:1920px) { .news.big .ticket .date .num { font-size: 36px; } } @media only screen and (max-width : 1152px) { .news.big .ticket .date .month { font-size: 12px; text-transform: uppercase; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket .date .month { margin-top: 5px; font-weight: 500; font-size: 13px; } } @media only screen and (min-width:1920px) { .news.big .ticket .date .month { margin-top: 5px; font-size: 18px; } } .news.big .ticket .descr, .news.big .ticket .price { color: rgba(255, 255, 255, 0.66); } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket .descr_wrapper { margin: 15px 0; } } @media only screen and (min-width:1920px) { .news.big .ticket .descr_wrapper { margin: 30px 0; } } @media only screen and (max-width : 1152px) { .news.big .ticket .price { font-size: 12px; color: #fff; margin-top: 5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket .price { margin: 10px 0px 0px; } } @media only screen and (min-width:1920px) { .news.big .ticket .price { margin: 15px 0px 0px; } } .news.big .ticket .buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .news.big .ticket .buttons { padding-left: 10px; margin-left: auto; flex-shrink: 0; } } @media only screen and (min-width:1152px) { .news.big .ticket .buttons { margin-top: auto; align-items: center; } } .news.big .ticket .buttons .favorite_btn { opacity: 0.44; } @media only screen and (max-width : 1152px) { .news.big .ticket .buttons .favorite_btn { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big .ticket .buttons .ticket_icon + .favorite_btn { margin-left: 15px; } } @media only screen and (min-width:1920px) { .news.big .ticket .buttons .ticket_icon + .favorite_btn { margin-left: 20px; } } .news.big.full_width { width: 100%; } @media only screen and (max-width : 1152px) { .news.big.full_width { height: 326px; padding: 14px; border-radius: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big.full_width { height: 329px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .news.big.full_width { height: 500px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big.full_width .info { width: 486px; } } @media only screen and (min-width:1920px) { .news.big.full_width .info { width: 736px; } } @media only screen and (max-width : 1152px) { .news.big.full_width .info .title { font-size: 23px; line-height: 27px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big.full_width .info .title { font-weight: 900; font-size: 28px; line-height: 100%; } } @media only screen and (min-width:1920px) { .news.big.full_width .info .title { font-weight: 900; font-size: 42px; line-height: 100%; } } .news.big.full_width .ticket { /*.date{ .num{ @media only screen and (min-width:1920px){ font-weight: bold; font-size: 34px; } } .month{ @media only screen and (min-width:1920px){ font-weight: bold; font-size: 17px; } } }*/ } @media only screen and (max-width : 1152px) { .news.big.full_width .ticket { padding-top: 10px; margin-top: 10px; } } @media only screen and (min-width:1152px) { .news.big.full_width .ticket { width: 180px; } } .news.big.full_width .ticket .descr, .news.big.full_width .ticket .price { color: rgba(255, 255, 255, 0.66); } @media only screen and (min-width:1920px) { .news.big.full_width .ticket .descr, .news.big.full_width .ticket .price { font-size: 13px; line-height: 15px; } } .news.big.full_width .ticket .price { /*@media only screen and (min-width:1920px){ font-weight: bold; color:#fff; margin-top: 5px; }*/ } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.big.full_width .ticket .descr_wrapper { margin: 10px 0; } } @media only screen and (min-width:1920px) { .news.big.full_width .ticket .descr_wrapper { margin: 15px 0; } } .news.large { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: stretch; border-radius: 12px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large { width: 1002px; height: 385px; } } @media only screen and (min-width:1920px) { .news.large { width: 1522px; height: 586px; } } .news.large .img_wrapper { flex-shrink: 0; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .img_wrapper { width: 602px; } } @media only screen and (min-width:1920px) { .news.large .img_wrapper { width: 917px; } } .news.large .img_wrapper .img { display: block; height: 100%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .img_wrapper .img { margin-right: -8px; } } @media only screen and (min-width:1920px) { .news.large .img_wrapper .img { margin-right: -12px; } } .news.large .info { position: relative; border-radius: 12px; border: 1px solid #e8e8e8; box-sizing: border-box; background: #fff; flex-grow: 1; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .info { box-shadow: 0px 6.57207px 9.85811px rgba(0, 0, 0, 0.06); padding: 25px; } } @media only screen and (min-width:1920px) { .news.large .info { box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); padding: 45px 50px; } } .news.large .info .ticket_icon { position: absolute; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .info .ticket_icon { right: 25px; top: 25px; } } @media only screen and (min-width:1920px) { .news.large .info .ticket_icon { right: 35px; top: 35px; } } .news.large .info .favorite_btn { position: absolute; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .info .favorite_btn { right: 25px; bottom: 25px; } } @media only screen and (min-width:1920px) { .news.large .info .favorite_btn { right: 35px; bottom: 35px; } } .news.large .info .category { color: #e93e2c; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.large .info .title { margin: 15px 0px 0; font-size: 23px; line-height: 27px; max-width: 314px; } } @media only screen and (min-width:1920px) { .news.large .info .title { margin: 20px 0px 0; font-size: 34px; line-height: 40px; max-width: 474px; } } .news.large .info .descr { margin-top: auto; } .news.large .info .descr .bold { color: #000; } .news.article { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-bottom: -1px; border-radius: 0; } @media only screen and (max-width : 1152px) { .news.article { padding-top: 14px; padding-bottom: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.article { padding-top: 24px; padding-bottom: 24px; } } @media only screen and (min-width:1920px) { .news.article { padding-top: 34px; padding-bottom: 34px; } } .news.article:first-child { border-top: none; } .news.article .img { flex-shrink: 0; } @media only screen and (max-width : 1152px) { .news.article .img { width: 110px; height: 80px; margin-right: 15px; border-radius: 4px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.article .img { width: 228px; height: 164px; margin-right: 30px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .news.article .img { width: 375px; height: 272px; margin-right: 50px; border-radius: 8px; } } .news.article .info { flex-grow: 1; flex-direction: column; align-items: flex-start; } .news.article .info .category { color: #e93e2c; } @media only screen and (max-width : 1152px) { .news.article .info .title { font-weight: bold; font-size: 14px; line-height: 16px; margin-top: 7px; margin-bottom: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.article .info .title { font-size: 18px; line-height: 21px; margin-top: 10px; } } @media only screen and (min-width:1920px) { .news.article .info .title { font-size: 28px; line-height: 33px; margin-top: 10px; } } .news.article .info .author { margin-top: auto; line-height: 1; } @media only screen and (max-width : 1152px) { .news.article .info .author { font-size: 9px; color: #cdcdcd; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.article .info .author { font-size: 12px; color: #cdcdcd; } } @media only screen and (min-width:1920px) { .news.article .info .author { color: #8d8d8d; font-size: 14px; } } .news.article .info .author:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e001"; } .news.article .info .author:before { display: inline-block; vertical-align: middle; } @media only screen and (max-width : 1152px) { .news.article .info .author:before { font-size: 9px; margin-right: 10px; color: #dedede; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.article .info .author:before { font-size: 7px; margin-right: 10px; color: #dadada; } } @media only screen and (min-width:1920px) { .news.article .info .author:before { font-size: 12px; margin-right: 15px; color: #dedede; } } @media only screen and (max-width : 1152px) { .news_views { background: #fff; margin: 0px -22px; } .news_views.list_view .news_list { margin: 0; } .news_views.tile_view .news_list { padding-right: 22px; margin: 0px; } .news_views.tile_view .news.small { width: 100%; height: auto; min-height: 350px; margin-bottom: 24px; margin-left: 22px; } .news_views.tile_view .news.small .news-img { height: 155px; border-radius: 8px; } .news_views.tile_view .news.small .news-img .rating_info, .news_views.tile_view .news.small .news-img .ticket_icon { position: absolute; right: 12px; top: 12px; } .news_views.tile_view .news.small .category_wrapper { font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; } .news_views.tile_view .news.small .info { flex-grow: 1; padding: 10px 15px 15px; } .news_views.tile_view .news.small .info .favorite_btn { position: absolute; right: 15px; bottom: 15px; } .news_views.tile_view .news.small .info .title { font-size: 19px; line-height: 22px; margin: 5px 0px; } .news_views.tile_view .news.small .info .under_title { line-height: 150%; display: none; } .news_views.tile_view .news.small .info .descr { margin-top: auto; font-size: 10px; line-height: 140%; margin-right: 25px; } .news_views.tile_view .news.small .info .descr .bold { color: #000; margin-top: 10px; } } @media only screen and (min-width: 500px) and (max-width: 749px) { .news_views.tile_view .news.small { flex-basis: -webkit-calc(50% - 22px); flex-basis: -moz-calc(50% - 22px); flex-basis: calc(50% - 22px); } } @media only screen and (min-width: 750px) and (max-width: 1151px) { .news_views.tile_view .news.small { flex-basis: -webkit-calc(33.3333% - 22px); flex-basis: -moz-calc(33.3333% - 22px); flex-basis: calc(33.3333% - 22px); } } @media only screen and (max-width : 1152px) { .news_views.list_view .news.small_preview, .news_views.list_view .news.small, .news_on_map .news_wrapper .news.small_preview, .news_on_map .news_wrapper .news.small { border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid #ebebeb; padding: 22px; flex-direction: row; width: 100%; height: auto; min-height: auto; } .news_views.list_view .news.small_preview .news-img, .news_views.list_view .news.small .news-img, .news_on_map .news_wrapper .news.small_preview .news-img, .news_on_map .news_wrapper .news.small .news-img { position: static; width: 129px; height: 93px; border-radius: 8px; flex-shrink: 0; } .news_views.list_view .news.small_preview .news-img img, .news_views.list_view .news.small_preview .news-img picture, .news_views.list_view .news.small .news-img img, .news_views.list_view .news.small .news-img picture, .news_on_map .news_wrapper .news.small_preview .news-img img, .news_on_map .news_wrapper .news.small_preview .news-img picture, .news_on_map .news_wrapper .news.small .news-img img, .news_on_map .news_wrapper .news.small .news-img picture { height: 100%; -o-object-fit: cover; object-fit: cover; min-height: auto; } .news_views.list_view .news.small_preview .news-img .rating_info, .news_views.list_view .news.small .news-img .rating_info, .news_on_map .news_wrapper .news.small_preview .news-img .rating_info, .news_on_map .news_wrapper .news.small .news-img .rating_info { display: none; } .news_views.list_view .news.small_preview .category_wrapper, .news_views.list_view .news.small .category_wrapper, .news_on_map .news_wrapper .news.small_preview .category_wrapper, .news_on_map .news_wrapper .news.small .category_wrapper { display: none; } .news_views.list_view .news.small_preview .info, .news_views.list_view .news.small .info, .news_on_map .news_wrapper .news.small_preview .info, .news_on_map .news_wrapper .news.small .info { padding: 0; margin-left: 11px; } .news_views.list_view .news.small_preview .info .favorite_btn, .news_views.list_view .news.small .info .favorite_btn, .news_on_map .news_wrapper .news.small_preview .info .favorite_btn, .news_on_map .news_wrapper .news.small .info .favorite_btn { right: 22px; bottom: 22px; } .news_views.list_view .news.small_preview .info .title, .news_views.list_view .news.small .info .title, .news_on_map .news_wrapper .news.small_preview .info .title, .news_on_map .news_wrapper .news.small .info .title { margin: 0px 0px 5px; font-size: 14px; } .news_views.list_view .news.small_preview .info .descr, .news_views.list_view .news.small .info .descr, .news_on_map .news_wrapper .news.small_preview .info .descr, .news_on_map .news_wrapper .news.small .info .descr { font-size: 11px; line-height: 13px; margin-right: 25px; color: #b0b0b0; } .news_views.list_view .news.small_preview .info .descr .str + .str, .news_views.list_view .news.small .info .descr .str + .str, .news_on_map .news_wrapper .news.small_preview .info .descr .str + .str, .news_on_map .news_wrapper .news.small .info .descr .str + .str { margin-top: 5px; } .news_views.list_view .news.small_preview .info .descr .bold, .news_views.list_view .news.small .info .descr .bold, .news_on_map .news_wrapper .news.small_preview .info .descr .bold, .news_on_map .news_wrapper .news.small .info .descr .bold { display: none; } .news_views.list_view .news.small_preview, .news_on_map .news_wrapper .news.small_preview { margin-top: 0; } .news_views.list_view .news.small, .news_on_map .news_wrapper .news.small { background: transparent; } .news_views.list_view .news.small:first-child, .news_on_map .news_wrapper .news.small:first-child { padding-top: 0px; } } .big_news_carousel { position: relative; } @media only screen and (max-width : 1152px) { .big_news_carousel { background: #f7f7f7; margin: 0px -22px; padding: 0px 8px 20px; margin-top: -1px; border-bottom: 1px solid #ebebeb; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel { margin-top: 30px; margin-bottom: 50px; } } @media only screen and (min-width:1920px) { .big_news_carousel { margin-top: 30px; margin-bottom: 60px; } } .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { position: absolute; box-sizing: border-box; top: 50%; border-radius: 50%; text-align: center; z-index: 2; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { width: 40px; height: 40px; line-height: 40px; margin-top: -40px/2; font-size: 12px; box-shadow: 0px 1.41818px 2.83636px rgba(0, 0, 0, 0.07); } } @media only screen and (min-width:1920px) { .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { width: 55px; height: 55px; line-height: 55px; margin-top: -55px/2; font-size: 17px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07); } } .hasHover .big_news_carousel .swiper-button-prev:hover, .hasHover .big_news_carousel .swiper-button-next:hover { background: #e93e2c; color: #fff; } .big_news_carousel .swiper-button-prev { left: auto; right: 100%; padding-right: 3px; } .big_news_carousel .swiper-button-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } .big_news_carousel .swiper-button-next { right: auto; left: 100%; padding-left: 3px; } .big_news_carousel .swiper-button-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { background: #ffffff; border: 1px solid #e4e4e4; color: #b2b2b2; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { top: 164.5px; } } @media only screen and (min-width:1920px) { .big_news_carousel .swiper-button-prev, .big_news_carousel .swiper-button-next { top: 250px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel .swiper-button-prev { margin-right: -40px/2; } } @media only screen and (min-width:1920px) { .big_news_carousel .swiper-button-prev { margin-right: -55px/2; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel .swiper-button-next { margin-left: -40px/2; } } @media only screen and (min-width:1920px) { .big_news_carousel .swiper-button-next { margin-left: -55px/2; } } @media only screen and (max-width : 1152px) { .big_news_carousel .swiper-pagination { margin-top: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .big_news_carousel .swiper-pagination { margin-top: 20px; } } @media only screen and (min-width:1920px) { .big_news_carousel .swiper-pagination { margin-top: 30px; } } @media only screen and (max-width : 1152px) { .big_news_carousel .swiper-pagination .swiper-pagination-bullet { background: #d1d1d1; } } @media only screen and (min-width:1152px) { .big_news_carousel .swiper-pagination .swiper-pagination-bullet { background: rgba(69, 69, 69, 0.22); } } .people_slider { margin: 0px auto; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .people_slider { width: 658px; } } @media only screen and (min-width:1920px) { .people_slider { width: 998px; } } .people_slider .swiper-container { overflow: visible; } @media only screen and (min-width:1152px) { .people_slider .swiper-container .swiper-slide { opacity: 0.33; transition: opacity 0.3s 0s ease-in; } .people_slider .swiper-container .swiper-slide.swiper-slide-duplicate-active, .people_slider .swiper-container .swiper-slide.swiper-slide-active { opacity: 1; } } .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { position: absolute; box-sizing: border-box; top: 50%; border-radius: 50%; text-align: center; z-index: 2; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { width: 40px; height: 40px; line-height: 40px; margin-top: -40px/2; font-size: 12px; box-shadow: 0px 1.41818px 2.83636px rgba(0, 0, 0, 0.07); } } @media only screen and (min-width:1920px) { .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { width: 55px; height: 55px; line-height: 55px; margin-top: -55px/2; font-size: 17px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07); } } .hasHover .people_slider .swiper-container .swiper-button-prev:hover, .hasHover .people_slider .swiper-container .swiper-button-next:hover { background: #e93e2c; color: #fff; } .people_slider .swiper-container .swiper-button-prev { left: auto; right: 100%; padding-right: 3px; } .people_slider .swiper-container .swiper-button-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } .people_slider .swiper-container .swiper-button-next { right: auto; left: 100%; padding-left: 3px; } .people_slider .swiper-container .swiper-button-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { background: #ffffff; border: 1px solid #e4e4e4; color: #e93e2c; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { top: 189px; } } @media only screen and (min-width:1920px) { .people_slider .swiper-container .swiper-button-prev, .people_slider .swiper-container .swiper-button-next { top: 293px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .people_slider .swiper-container .swiper-button-prev { margin-right: 10px; } } @media only screen and (min-width:1920px) { .people_slider .swiper-container .swiper-button-prev { margin-right: 22.5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .people_slider .swiper-container .swiper-button-next { margin-left: 10px; } } @media only screen and (min-width:1920px) { .people_slider .swiper-container .swiper-button-next { margin-left: 22.5px; } } @media only screen and (max-width : 1152px) { .people_slider .swiper-pagination { margin-top: 55px; } } @media only screen and (min-width:1152px) { .people_slider .swiper-pagination { display: none; } } .people_slider .swiper-pagination .swiper-pagination-bullet { background: #dbdbdb; } .title_row { position: relative; } @media only screen and (max-width : 1152px) { .title_row { margin-bottom: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .title_row { margin-bottom: 40px; } } @media only screen and (min-width:1920px) { .title_row { margin-bottom: 50px; } } .title_row h1, .title_row h2 { font-weight: 900; line-height: 1; } @media only screen and (max-width : 1152px) { .title_row h1, .title_row h2 { font-size: 21px; } } @media only screen and (min-width:1152px) { .title_row h1, .title_row h2 { text-align: center; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .title_row h1, .title_row h2 { font-size: 28px; } } @media only screen and (min-width:1920px) { .title_row h1, .title_row h2 { font-size: 42px; } } .title_row .more { position: absolute; right: 0px; bottom: 0px; font-weight: 500; } @media only screen and (max-width : 1152px) { .title_row .more { font-size: 12px; padding-right: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .title_row .more { font-size: 13px; padding-right: 17px; } } @media only screen and (min-width:1920px) { .title_row .more { font-size: 17px; padding-right: 25px; } } .title_row .more:after { content: ""; position: absolute; top: 50%; margin-top: -2.5px; right: 2px; } @media only screen and (max-width : 1152px) { .title_row .more:after { box-sizing: border-box; width: 4.89px; height: 4.89px; transform: rotate(-45deg); border-right: 1.5px solid #e93e2c; border-bottom: 1.5px solid #e93e2c; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .title_row .more:after { box-sizing: border-box; width: 5.73px; height: 5.73px; transform: rotate(-45deg); border-right: 2px solid #e93e2c; border-bottom: 2px solid #e93e2c; } } @media only screen and (min-width:1920px) { .title_row .more:after { box-sizing: border-box; width: 6.75px; height: 6.75px; transform: rotate(-45deg); border-right: 2px solid #e93e2c; border-bottom: 2px solid #e93e2c; } } .title_row.align_left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } .title_row.align_left h1 { text-align: left; } .title_row.align_left .more { position: relative; margin-left: 40px; } .title_row .slider_buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: auto; } .title_row .slider_buttons .swiper-button-prev, .title_row .slider_buttons .swiper-button-next { background: #fff; box-sizing: border-box; border-radius: 50%; text-align: center; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .title_row .slider_buttons .swiper-button-prev, .title_row .slider_buttons .swiper-button-next { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .title_row .slider_buttons .swiper-button-prev, .title_row .slider_buttons .swiper-button-next { width: 35.37px; height: 35.37px; line-height: 35.37px; font-size: 11px; border: 1px solid #e4e4e4; box-shadow: 0px 1.12528px 2.25057px rgba(0, 0, 0, 0.07); margin-left: 10px; } } @media only screen and (min-width:1920px) { .title_row .slider_buttons .swiper-button-prev, .title_row .slider_buttons .swiper-button-next { width: 51.28px; height: 51.28px; line-height: 51.28px; font-size: 16px; border: 1px solid #e4e4e4; box-shadow: 0px 1.63158px 3.26316px rgba(0, 0, 0, 0.07); margin-left: 17px; } } .hasHover .title_row .slider_buttons .swiper-button-prev:hover, .hasHover .title_row .slider_buttons .swiper-button-next:hover { background: #e93e2c; color: #fff; } .title_row .slider_buttons .swiper-button-prev { left: auto; right: 100%; padding-right: 3px; } .title_row .slider_buttons .swiper-button-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } .title_row .slider_buttons .swiper-button-next { right: auto; left: 100%; padding-left: 3px; } .title_row .slider_buttons .swiper-button-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } .banner_top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width : 1152px) { .banner_top { margin: 22px 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .banner_top { margin-top: 30px; } } @media only screen and (min-width:1920px) { .banner_top { margin-top: 50px; } } .banner_top img { display: block; max-width: 100%; } @media only screen and (max-width : 1152px) { section.category-news { margin-top: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.category-news { margin-top: 30px; } } @media only screen and (min-width:1920px) { section.category-news { margin-top: 65px; } } @media only screen and (max-width : 1152px) { section.main-news .news.big { margin-bottom: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-news { margin-top: 30px; } } @media only screen and (min-width:1920px) { section.main-news { margin-top: 65px; } } @media only screen and (max-width : 1152px) { section.main-best-news { margin-top: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-best-news { margin-top: 40px; } } @media only screen and (min-width:1920px) { section.main-best-news { margin-top: 80px; } } section.main-films { background: #000; color: #fff; } @media only screen and (max-width : 1152px) { section.main-films { padding-top: 30px; padding-bottom: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-films { margin-top: 20px; padding-top: 40px; padding-bottom: 45px; } } @media only screen and (min-width:1920px) { section.main-films { margin-top: 60px; padding-top: 70px; padding-bottom: 105px; } } section.main-films .news.small { background: #1f1f1f; box-shadow: none; border: none; } section.main-films .news.small .info .views { color: #5a5a5a; } section.main-films .news.small .info .favorite_btn { color: #3e3e3e; } section.main-films .news.small .info .descr { color: #5a5a5a; } section.main-films .news.small .info .descr .bold { color: inherit; } section.main-films .swiper-button-prev, section.main-films .swiper-button-next { position: absolute; box-sizing: border-box; top: 50%; border-radius: 50%; text-align: center; z-index: 2; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { section.main-films .swiper-button-prev, section.main-films .swiper-button-next { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-films .swiper-button-prev, section.main-films .swiper-button-next { width: 40px; height: 40px; line-height: 40px; margin-top: -40px/2; font-size: 12px; box-shadow: 0px 1.41818px 2.83636px rgba(0, 0, 0, 0.07); } } @media only screen and (min-width:1920px) { section.main-films .swiper-button-prev, section.main-films .swiper-button-next { width: 55px; height: 55px; line-height: 55px; margin-top: -55px/2; font-size: 17px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07); } } .hasHover section.main-films .swiper-button-prev:hover, .hasHover section.main-films .swiper-button-next:hover { background: #e93e2c; color: #fff; } section.main-films .swiper-button-prev { left: auto; right: 100%; padding-right: 3px; } section.main-films .swiper-button-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e009"; } section.main-films .swiper-button-next { right: auto; left: 100%; padding-left: 3px; } section.main-films .swiper-button-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e007"; } section.main-films .swiper-button-prev, section.main-films .swiper-button-next { color: #fff; } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-films .swiper-button-prev, section.main-films .swiper-button-next { background: #272727; } } @media only screen and (min-width:1920px) { section.main-films .swiper-button-prev, section.main-films .swiper-button-next { background: #292929; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-films .swiper-button-prev { margin-right: 15px; } } @media only screen and (min-width:1920px) { section.main-films .swiper-button-prev { margin-right: 45px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-films .swiper-button-next { margin-left: 15px; } } @media only screen and (min-width:1920px) { section.main-films .swiper-button-next { margin-left: 45px; } } @media only screen and (max-width : 1152px) { section.main-places { padding-top: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-places { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (min-width:1920px) { section.main-places { padding-top: 100px; padding-bottom: 80px; } } section.main-peoples { background: #f7f7f7; overflow: hidden; } @media only screen and (max-width : 1152px) { section.main-peoples { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-peoples { padding-top: 40px; padding-bottom: 60px; } } @media only screen and (min-width:1920px) { section.main-peoples { padding-top: 60px; padding-bottom: 130px; } } @media only screen and (max-width : 1152px) { section.main-articles { padding-top: 35px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-articles { padding-top: 55px; } } @media only screen and (min-width:1920px) { section.main-articles { padding-top: 100px; padding-bottom: 50px; } } @media only screen and (max-width : 1152px) { section.main-articles .title_row { margin-bottom: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { section.main-articles .title_row { margin-bottom: 25px; } } @media only screen and (min-width:1920px) { section.main-articles .title_row { margin-bottom: 30px; } } section.main-articles .title_row h1, section.main-articles .title_row h2 { text-align: left; } @media only screen and (min-width:1920px) { section.main-articles .title_row h1, section.main-articles .title_row h2 { font-size: 38px; } } .articles_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .articles_wrapper { flex-direction: column; } } @media only screen and (min-width:1152px) { .articles_wrapper { justify-content: space-between; } } @media only screen and (max-width : 1152px) { .articles_wrapper .sticky_wrapper { order: -1; margin-bottom: 26px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } } @media only screen and (min-width:1152px) { .articles_wrapper .sticky_wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: flex-start; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .articles_wrapper .sticky_wrapper { width: 314px; } } @media only screen and (min-width:1920px) { .articles_wrapper .sticky_wrapper { width: 343px; } } @media only screen and (min-width:1152px) { .articles_wrapper .sticky_wrapper .sticky { position: -webkit-sticky; position: sticky; top: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .articles_wrapper .sticky_wrapper .sticky .banner { max-width: 263px; } } @media only screen and (min-width:1920px) { .articles_wrapper .sticky_wrapper .sticky .banner { max-width: 300px; } } .articles_wrapper .sticky_wrapper .sticky .banner img { display: block; max-width: 100%; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .articles { flex-shrink: 0; width: 658px; } } @media only screen and (min-width:1920px) { .articles { flex-shrink: 0; width: 1129px; } } .articles .load_more { display: block; font-weight: bold; background: #f5f5f5; color: #e93e2c; text-align: center; border-radius: 8px; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .articles .load_more { font-size: 14px; height: 47px; line-height: 47px; margin-top: 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .articles .load_more { font-size: 21px; height: 60px; line-height: 60px; margin-top: 40px; } } @media only screen and (min-width:1920px) { .articles .load_more { font-size: 21px; height: 90px; line-height: 90px; margin-top: 50px; } } .hasHover .articles .load_more:hover { background: #e93e2c; color: #fff; } .gray_section { background: #f3f3f3; } @media only screen and (max-width : 1152px) { .gray_section { padding: 30px 0px; margin: 30px 0px; } } @media only screen and (min-width:1152px) { .gray_section { padding: 50px 0px; margin-bottom: 40px; } } .gray_section:last-child { margin-bottom: -50px !important; } .section_title { background: #f7f7f7; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } @media (max-width: 768px) { .section_title { margin-bottom: 20px; } } @media only screen and (max-width : 1152px) { .section_title { /*padding: 20px 0px;*/ height: 102px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title { height: 148px; } } @media only screen and (min-width:1920px) { .section_title { height: 240px; } } .section_title .container { height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .section_title .container > .title { position: relative; text-align: center; } @media only screen and (max-width : 1152px) { .section_title .container > .title .above_title { font-size: 16px; color: #a6a6a6; line-height: 1; } } @media only screen and (min-width:1152px) { .section_title .container > .title .above_title { /*position: absolute; left: 50%; transform: translateX(-50%); top: -10px;*/ } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .container > .title .above_title { font-weight: 500; font-size: 15px; } } @media only screen and (min-width:1920px) { .section_title .container > .title .above_title { font-weight: 500; font-size: 21px; } } .hasHover .section_title .container > .title a.above_title:hover { color: #e93e2c; } .section_title .container > .title h1 { font-weight: 900; line-height: 1; } @media only screen and (max-width : 1152px) { .section_title .container > .title h1 { font-size: 24px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .container > .title h1 { font-size: 34px; } } @media only screen and (min-width:1920px) { .section_title .container > .title h1 { font-size: 56px; } } .section_title .prev, .section_title .next { top: 50%; transform: translateY(-50%); position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (max-width : 1152px) { .section_title .prev, .section_title .next { display: none; } } .section_title .prev .icon, .section_title .next .icon { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); position: relative; border-radius: 50%; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .prev .icon, .section_title .next .icon { width: 37px; height: 37px; } } @media only screen and (min-width:1920px) { .section_title .prev .icon, .section_title .next .icon { width: 62px; height: 62px; } } .section_title .prev .icon:after, .section_title .next .icon:after { content: ""; position: absolute; left: 50%; top: 50%; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .prev .icon:after, .section_title .next .icon:after { margin-top: -3px; } } @media only screen and (min-width:1920px) { .section_title .prev .icon:after, .section_title .next .icon:after { margin-top: -5px; } } .section_title .prev .title, .section_title .next .title { font-weight: 500; color: rgba(0, 0, 0, 0.22); transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .prev .title, .section_title .next .title { font-size: 13px; } } @media only screen and (min-width:1920px) { .section_title .prev .title, .section_title .next .title { font-size: 19px; } } .hasHover .section_title .prev:hover .title, .hasHover .section_title .next:hover .title { color: #e93e2c; } .hasHover .section_title .prev:hover .icon, .hasHover .section_title .next:hover .icon { background-color: #e93e2c; } .hasHover .section_title .prev:hover .icon:after, .hasHover .section_title .next:hover .icon:after { border-color: #fff; } .section_title .prev { left: 0px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .prev .icon { margin-right: 20px; } } @media only screen and (min-width:1920px) { .section_title .prev .icon { margin-right: 35px; } } .section_title .prev .icon:after { margin-left: -3px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .prev .icon:after { box-sizing: border-box; width: 6.45px; height: 6.45px; transform: rotate(-45deg); border-top: 2px solid #000; border-left: 2px solid #000; } } @media only screen and (min-width:1920px) { .section_title .prev .icon:after { box-sizing: border-box; width: 10px; height: 10px; transform: rotate(-45deg); border-top: 3px solid #000; border-left: 3px solid #000; } } .section_title .next { right: 0px; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .next .icon { margin-left: 20px; } } @media only screen and (min-width:1920px) { .section_title .next .icon { margin-left: 35px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title .next .icon:after { box-sizing: border-box; width: 6.45px; height: 6.45px; transform: rotate(-45deg); border-right: 2px solid #000; border-bottom: 2px solid #000; margin-left: -4px; } } @media only screen and (min-width:1920px) { .section_title .next .icon:after { box-sizing: border-box; width: 10px; height: 10px; transform: rotate(-45deg); border-right: 3px solid #000; border-bottom: 3px solid #000; margin-left: -7px; } } .gray_bg { background: #f9f9f9; } .section_title_2 { text-align: center; } @media only screen and (max-width : 1152px) { .section_title_2 { background: #f7f7f7; padding-top: 25px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title_2 { padding-top: 40px; } } @media only screen and (min-width:1920px) { .section_title_2 { padding-top: 75px; } } .section_title_2.gray { background: #f9f9f9; } .section_title_2 .title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .section_title_2 .title .above_title { font-weight: 500; } @media only screen and (max-width : 1152px) { .section_title_2 .title .above_title { font-size: 16px; line-height: 19px; color: #a6a6a6; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title_2 .title .above_title { font-size: 15px; line-height: 18px; } } @media only screen and (min-width:1920px) { .section_title_2 .title .above_title { font-size: 26px; line-height: 30px; margin-bottom: 7px; } } .section_title_2 .title h1 { font-weight: 900; } @media only screen and (max-width : 1152px) { .section_title_2 .title h1 { font-size: 24px; line-height: 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title_2 .title h1 { font-size: 34px; line-height: 40px; } } @media only screen and (min-width:1920px) { .section_title_2 .title h1 { font-size: 56px; line-height: 66px; } } @media only screen and (max-width : 1152px) { .section_title_2 .tabs_wrapper { overflow: auto; -webkit-overflow-scrolling: touch; } .section_title_2 .tabs_wrapper .tabs { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media only screen and (max-width : 1152px) { .section_title_2 .tabs { padding-top: 37px; height: 27px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .section_title_2 .tabs { padding-top: 40px; } } @media only screen and (min-width:1920px) { .section_title_2 .tabs { padding-top: 55px; } } @media only screen and (max-width : 1152px) { .section_title_2 .tabs .tab { display: block !important; white-space: nowrap; margin-left: 18px; height: 27px; } .section_title_2 .tabs .tab:first-child { margin-left: 0px; } .section_title_2 .tabs .tab.active { color: #e93e2c; } } .partner_content { justify-content: space-between !important; } .tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e5e5e5; overflow: auto; } .tabs::before, .tabs::after { content: ""; } @media only screen and (max-width : 1152px) { .tabs { align-items: center; justify-content: flex-start; height: 54px; padding: 0px 22px; } } @media only screen and (min-width:1152px) { .tabs { align-items: center; justify-content: center; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .tabs { padding-top: 52px; } } @media only screen and (min-width:1920px) { .tabs { padding-top: 77px; } } .tabs .tab { margin: auto; position: relative; font-weight: 500; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; line-height: 1; white-space: nowrap; } @media only screen and (max-width : 1152px) { .tabs .tab { display: none; font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .tabs .tab { height: 35px; font-size: 14px; margin-left: 33px; } } @media only screen and (min-width:1920px) { .tabs .tab { height: 45px; font-size: 17px; margin-left: 40px; } } .tabs .tab:first-child { margin-left: 0px !important; } @media only screen and (max-width : 1152px) { .tabs .tab.prev_url { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; color: #e93e2c; margin-right: 34px; } .tabs .tab.prev_url:before { content: ""; display: inline-block; /*top: 50%;*/ margin-bottom: -2px; /*right: 0px;*/ margin-right: 5px; box-sizing: border-box; width: 5.66px; height: 5.66px; transform: rotate(-45deg); border-top: 1.5px solid #e93e2c; border-left: 1.5px solid #e93e2c; } } @media only screen and (min-width:1152px) { .tabs .tab.prev_url { display: none; } } @media only screen and (max-width : 1152px) { .tabs .tab.mobile_title { display: block !important; } } @media only screen and (min-width:1152px) { .tabs .tab.mobile_title { display: none; } } .tabs .tab.active { color: #e93e2c; border: none; } .tabs .tab.active:after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; background: #e93e2c; } @media only screen and (max-width : 1152px) { .tabs .tab.active:after { height: 3px; } } @media only screen and (min-width:1152px) { .tabs .tab.active:after { height: 4px; } } .hasHover .tabs .tab:hover { color: #e93e2c !important; } .news_carousel_wrapper .news_carousel { position: relative; } .news_carousel_wrapper .carousel_wrapper { margin: 0px -20px; padding: 0 20px 30px; overflow: hidden; } .news_carousel_wrapper .swiper-container { overflow: visible; } @media only screen and (max-width : 1152px) { .news_carousel_wrapper .swiper-container .swiper-slide { width: 221px; } } @media only screen and (max-width : 1152px) { .news_carousel_wrapper .swiper-pagination { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_carousel_wrapper .swiper-pagination { margin-top: 5px; } } @media only screen and (min-width:1920px) { .news_carousel_wrapper .swiper-pagination { margin-top: 40px; } } .news_carousel_wrapper .swiper-pagination .swiper-pagination-bullet { background: #424242; } @media only screen and (max-width : 1152px) { .news_on_map { position: fixed; left: 0; right: 0; bottom: 0; top: 74px; z-index: 3; background: #fff; border-top: 1px solid #ebebeb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } .news_on_map .mobile_filters { flex-shrink: 0; padding-top: 14px; padding-bottom: 14px; } } @media only screen and (min-width:1152px) { .news_on_map { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .news_on_map .map_wrapper { flex-grow: 1; } @media only screen and (max-width : 1152px) { .news_on_map .map_wrapper { height: 100px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_on_map .map_wrapper { width: 744px; } } @media only screen and (min-width:1920px) { .news_on_map .map_wrapper { width: 1129px; } } @media only screen and (max-width : 1152px) { .news_on_map .map_wrapper .map { height: 100%; } } @media only screen and (min-width:1152px) { .news_on_map .map_wrapper .map { position: -webkit-sticky; position: sticky; top: 0; overflow: hidden; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_on_map .map_wrapper .map { height: 583px; max-height: 100vh; border-radius: 8px; } } @media only screen and (min-width:1920px) { .news_on_map .map_wrapper .map { height: 908px; max-height: 100vh; border-radius: 12px; } } @media only screen and (max-width : 1152px) { .news_on_map .news_wrapper { /*position: absolute; bottom:0; left:0; right:0;*/ flex-shrink: 0; } } @media only screen and (min-width:1152px) { .news_on_map .news_wrapper { flex-shrink: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news_on_map .news_wrapper { width: 228px; margin-left: 30px; } } @media only screen and (min-width:1920px) { .news_on_map .news_wrapper { width: 343px; margin-left: 50px; } } .news_on_map .news_wrapper .news { margin-top: 20px; cursor: pointer; } @media only screen and (max-width : 1152px) { .news_on_map .news_wrapper .news { display: none; } .news_on_map .news_wrapper .news.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .news_on_map .news_wrapper .news:first-child { margin-top: 0px; } .load_event.loading { justify-content: center; } .load_event.loading:after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; border: 4px solid #e8e8e8; border-top-color: #e93e2c !important; -webkit-animation: 1s spin linear infinite; animation: 1s spin linear infinite; } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .load_event + p { margin-top: 30px; } .category_place { box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border: 1px solid #e8e8e8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .category_place { margin: 0px 22px 25px; padding: 11px; border-radius: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place { padding: 23px; border-radius: 8px; margin-bottom: 40px; } } @media only screen and (min-width:1920px) { .category_place { padding: 40px; border-radius: 12px; margin-bottom: 50px; } } .category_place .img { box-sizing: border-box; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; } @media only screen and (max-width : 1152px) { .category_place .img { border: 3px solid #ffffff; width: 54px; height: 54px; margin-right: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .img { border: 2px solid #ffffff; width: 60px; height: 60px; margin-right: 25px; } } @media only screen and (min-width:1920px) { .category_place .img { border: 2px solid #ffffff; width: 77px; height: 77px; margin-right: 42px; } } @media only screen and (max-width : 1152px) { .category_place .info .title { font-weight: 900; font-size: 14px; line-height: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .info .title { font-weight: bold; font-size: 21px; line-height: 120%; } } @media only screen and (min-width:1920px) { .category_place .info .title { font-weight: bold; font-size: 26px; line-height: 120%; } } @media only screen and (max-width : 1152px) { .category_place .info .under_title { font-size: 11px; color: #000000; opacity: 0.67; margin-top: 4px; } } @media only screen and (min-width:1152px) { .category_place .info .under_title { color: #757575; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .info .under_title { font-size: 13px; margin-top: 9px; } } @media only screen and (min-width:1920px) { .category_place .info .under_title { font-size: 17px; margin-top: 10px; } } .category_place .contacts { margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } @media only screen and (max-width : 1152px) { .category_place .contacts { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .contacts { padding-right: 86px; } } @media only screen and (min-width:1920px) { .category_place .contacts { padding-right: 262px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .contacts .col { margin-left: 50px; } } @media only screen and (min-width:1920px) { .category_place .contacts .col { margin-left: 60px; } } .category_place .contacts .col .row { position: relative; padding-left: 24px; line-height: 120%; color: #757575; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .contacts .col .row { font-size: 13px; } } @media only screen and (min-width:1920px) { .category_place .contacts .col .row { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .category_place .contacts .col .row + .row { margin-top: 14px; } } @media only screen and (min-width:1920px) { .category_place .contacts .col .row + .row { margin-top: 18px; } } .category_place .contacts .col .row .svg-icon { position: absolute; left: 0px; top: 0.8em; transform: translateY(-50%); color: #dedede; font-size: 10px; } .category_place .contacts .col .row .svg-icon.svg-icon--link { font-size: 11px; } .category_place .contacts .col .row .text a { color: #e93e2c; } @media (min-width: 768px) { .news_list .news.large .category_wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .news_list .news.large .category_wrapper .ticket_icon { position: relative; margin-left: auto; top: 0; right: 0; } } @media (max-width: 768px) { .news_by_list .news_list .ticket_icon { display: none; } } .article_info { text-align: center; } @media only screen and (max-width : 1152px) { .article_info { margin: 27px auto 23px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .article_info { width: 830px; margin: 50px auto 35px; } } @media only screen and (min-width:1920px) { .article_info { width: 998px; margin: 60px auto 52px; } } .article_info .category_wrapper { justify-content: center; } @media only screen and (max-width : 1152px) { .article_info .category_wrapper { text-transform: uppercase; letter-spacing: 0.08em; } } @media only screen and (min-width:1920px) { .article_info .category_wrapper { font-size: 13px; } } .article_info .category_wrapper .views { color: #b1b1b1; } .article_info .category_wrapper .category { color: #e93e2c; } .article_info h1 { font-weight: 900; } @media only screen and (max-width : 1152px) { .article_info h1 { font-size: 24px; line-height: 108.3%; margin: 7px 0px 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .article_info h1 { font-size: 34px; line-height: 108.3%; margin: 8px 0px 18px; letter-spacing: -0.01em; } } @media only screen and (min-width:1920px) { .article_info h1 { margin: 13px 0px 33px; font-size: 48px; line-height: 108.3%; letter-spacing: -0.01em; } } .article_info .author { color: #b1b1b1; } @media only screen and (max-width : 1152px) { .article_info .author { font-size: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .article_info .author { font-weight: 500; font-size: 13px; } } @media only screen and (min-width:1920px) { .article_info .author { font-weight: 500; font-size: 16px; } } .full_article_img { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .full_article_img { margin: 0px -22px; height: 257px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_article_img { margin: 35px 0px; border-radius: 12px; height: 410px; } } @media only screen and (min-width:1920px) { .full_article_img { margin: 50px 0px; border-radius: 24px; height: 570px; } } .full_news_top { position: relative; } @media only screen and (max-width : 1152px) { .full_news_top { height: auto; margin: 0px -22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top { height: 410px; margin: 25px -46px 27px; border-radius: 12px; } } @media only screen and (min-width:1920px) { .full_news_top { height: 570px; margin: 60px 0px 68px; border-radius: 24px; } } .full_news_top .swiper-pagination { position: absolute; z-index: 1; } @media only screen and (max-width : 1152px) { .full_news_top .swiper-pagination { left: 22px; bottom: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .swiper-pagination { right: 45px; bottom: 50px; } } @media only screen and (min-width:1920px) { .full_news_top .swiper-pagination { right: 131px; bottom: 70px; } } .full_news_top .swiper-pagination .swiper-pagination-bullet { cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; background: rgba(255, 255, 255, 0.2); } .hasHover .full_news_top .swiper-pagination .swiper-pagination-bullet:hover { background: #fff; } .full_news_top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff !important; cursor: default; } .full_news_top .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0px; } .full_news_top .slider_images { height: 100%; } .full_news_top .slider_images .swiper-container, .full_news_top .slider_images .swiper-wrapper, .full_news_top .slider_images .swiper-slide { height: 100%; } .full_news_top .slider_images .img { height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .slider_images .swiper-container { border-radius: 12px; } } @media only screen and (min-width:1920px) { .full_news_top .slider_images .swiper-container { border-radius: 24px; } } .full_news_top .slider_images .swiper-container:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(12.99%, rgba(0, 0, 0, 0)), color-stop(69.25%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); opacity: 0.7; z-index: 1; /*border-radius: 24px;*/ } .full_news_top .info_wrapper { position: absolute; z-index: 1; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper { left: 22px; right: 22px; bottom: 22px; justify-content: space-between; } } @media only screen and (min-width:1152px) { .full_news_top .info_wrapper { flex-direction: column; align-items: flex-start; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper { left: 46px; width: 658px; bottom: 50px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper { left: 131px; width: 867px; bottom: 70px; } } .full_news_top .info_wrapper .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; flex-direction: column; } .full_news_top .info_wrapper .img { box-sizing: border-box; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .img { border: 2px solid #ffffff; width: 45px; height: 45px; margin-bottom: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .img { border: 4px solid #ffffff; width: 55px; height: 55px; margin-bottom: 15px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .img { border: 4px solid #ffffff; width: 86px; height: 86px; margin-bottom: 20px; } } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .category_wrapper { margin-bottom: 6px; } } @media only screen and (min-width:1152px) { .full_news_top .info_wrapper .category_wrapper { font-size: 13px; margin-bottom: 4px; } } .full_news_top .info_wrapper .category_wrapper .category { letter-spacing: 0.08em; text-transform: uppercase; } @media only screen and (min-width:1152px) { .full_news_top .info_wrapper .category_wrapper .category { font-weight: bold; } } .full_news_top .info_wrapper .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .title { font-size: 24px; line-height: 100%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .title { font-size: 28px; line-height: 33px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .title { font-size: 48px; line-height: 100%; } } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .descr { font-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.7); margin-top: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .descr { font-size: 13px; line-height: 15px; color: rgba(255, 255, 255, 0.6); } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .descr { margin-top: 38px; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); } } .full_news_top .info_wrapper .descr .location { position: relative; font-weight: 500; } .full_news_top .info_wrapper .descr .location:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e005"; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .descr .location { padding-left: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .descr .location { padding-left: 15px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .descr .location { padding-left: 17px; } } .full_news_top .info_wrapper .descr .location:before { color: rgba(255, 255, 255, 0.6); font-size: 11px; -ms-grid-row-align: center; align-self: center; line-height: 1; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .full_news_top .info_wrapper .trailer_btn { background: #ffffff; } @media only screen and (max-width : 1152px) { .full_news_top .info_wrapper .trailer_btn { font-size: 0; flex-shrink: 0; width: 45px; height: 45px; background: rgba(255, 255, 255, 0.22); margin-left: 10px; border-radius: 50%; } .full_news_top .info_wrapper .trailer_btn .svg-icon--play { margin-left: -5px; color: #fff; font-size: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_top .info_wrapper .trailer_btn { border-radius: 70px; height: 45px; line-height: 45px; padding: 0px 30px; margin-top: 30px; } .full_news_top .info_wrapper .trailer_btn .svg-icon--play { margin: 0 17px 0 -12px; } } @media only screen and (min-width:1920px) { .full_news_top .info_wrapper .trailer_btn { border-radius: 90px; height: 57px; line-height: 57px; padding: 0px 40px; margin-top: 40px; font-weight: bold; } .full_news_top .info_wrapper .trailer_btn .svg-icon--play { margin: 0 20px 0 -15px; } } .full_news_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .full_news_wrapper { flex-direction: column; max-width: 736px; margin: 0px auto; } } @media only screen and (min-width:1920px) { .full_news_wrapper .left_side { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .full_news_wrapper .socials_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; box-sizing: border-box; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper { margin-bottom: 35px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper { justify-content: flex-end; width: 212px; padding-left: 131px; align-items: flex-start; } } @media only screen and (max-width : 1152px) { .full_news_wrapper .socials_wrapper .socials { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper .socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper .socials { position: -webkit-sticky; position: sticky; top: 0; } } .full_news_wrapper .socials_wrapper .socials .social { border: 1px solid #e6e6e6; box-sizing: border-box; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social { width: 35.7px; height: 35.7px; margin-right: 10px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social { width: 44px; height: 44px; position: -webkit-sticky; position: sticky; margin-bottom: 20px; } } .hasHover .full_news_wrapper .socials_wrapper .socials .social:hover { border-color: #e93e2c; } .hasHover .full_news_wrapper .socials_wrapper .socials .social:hover .svg-icon { color: #e93e2c; } .full_news_wrapper .socials_wrapper .socials .social .svg-icon { transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .full_news_wrapper .socials_wrapper .socials .social .svg-icon--vk { color: #44678d; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--vk { font-size: 8.92px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--vk { font-size: 11px; } } .full_news_wrapper .socials_wrapper .socials .social .svg-icon--fb { color: #3a559f; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--fb { font-size: 15.42px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--fb { font-size: 19px; } } .full_news_wrapper .socials_wrapper .socials .social .svg-icon--tw { color: #50abf1; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--tw { font-size: 12.63px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .socials_wrapper .socials .social .svg-icon--tw { font-size: 15.56px; } } .full_news_wrapper .no-size-amp-img { position: relative; width: 100%; height: 300px; } .full_news_wrapper .no-size-amp-img amp-img img { -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width : 1152px) { .full_news_wrapper .content_wrapper { padding-top: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .content_wrapper { width: 658px; margin-right: 86px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .content_wrapper { width: 736px; margin: 0px 50px; } } @media only screen and (max-width : 1152px) { .full_news_wrapper .right_side { margin: 0px -22px; } } @media (min-width: 1152px) { .full_news_wrapper .right_side { order: 2; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .right_side { width: 258px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .right_side { width: 343px; margin-right: 131px; } } @media (min-width: 1024px) { .full_news_wrapper .right_side .post-info { position: -webkit-sticky; position: sticky; top: 0px; flex-wrap: wrap; } } @media (max-width: 768px) { .full_news_wrapper .right_side .post-info .buy-ticket { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; padding: 10px; background: #fff; border: none; border-radius: 4px 4px 0 0; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } } .full_news_wrapper .right_side .post-info .reklama { margin-top: 16px; } @media (max-width: 768px) { .full_news_wrapper .right_side .post-info .reklama { display: none; } } .full_news_wrapper .right_side .event_date_block { margin-bottom: 10px; } .full_news_wrapper .right_side .premier_info { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 20px; } .full_news_wrapper .right_side .premier_info.ticketon_block { margin-bottom: 20px; } .full_news_wrapper .right_side .premier_info .info { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .full_news_wrapper .right_side .premier_info .info .favorite_btn { position: absolute; top: 5px; right: 0px; } .full_news_wrapper .right_side .premier_info .info .title { font-weight: bold; font-size: 18px; color: #000; } .full_news_wrapper .right_side .premier_info .info .under_title { font-size: 14px; color: #757575; margin-top: 5px; } .full_news_wrapper .right_side .premier_info .info .above_date { font-size: 15px; color: #757575; } .full_news_wrapper .right_side .premier_info .info .date { font-weight: 900; color: #000; font-size: 25px; padding-right: 25px; } .full_news_wrapper .right_side .premier_info .info .date .svg-icon { color: #e93e2c; margin-right: 12px; font-size: 17px; vertical-align: baseline; } .full_news_wrapper .right_side .premier_info .more_info .group { margin-bottom: 20px; padding-left: 27px; position: relative; } .full_news_wrapper .right_side .premier_info .more_info .group.theatre { padding-left: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .full_news_wrapper .right_side .premier_info .more_info .group.theatre .logo { width: 47px; height: 47px; border: 2px solid #ffffff; box-sizing: border-box; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); border-radius: 50%; margin-right: 15px; flex-shrink: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .full_news_wrapper .right_side .premier_info .more_info .group .svg-icon { font-size: 12px; color: #dedede; position: absolute; left: 0px; top: 0.3em; } .full_news_wrapper .right_side .premier_info .more_info .group .text { font-size: 14px; color: #757575; } .full_news_wrapper .right_side .premier_info .more_info .group .text.bold { font-weight: 500; color: #000; } .full_news_wrapper .right_side .premier_info .more_info .group .text a { color: #e93e2c; word-break: break-all; } .full_news_wrapper .right_side .premier_info .btn { height: 50px; line-height: 50px; border-radius: 8px; text-align: center; display: block; } .full_news_wrapper .right_side .premier_info .btn + .btn { margin-top: 10px; } .full_news_wrapper .right_side .premier_info.closed { box-shadow: none !important; cursor: pointer; } .full_news_wrapper .right_side .premier_info.closed .info { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 !important; } .full_news_wrapper .right_side .premier_info.closed .more_info { display: none; } .full_news_wrapper .right_side .premier_info.closed .svg-icon--calendar { color: #e6e6e6 !important; } .full_news_wrapper .right_side .premier_info.closed.closed:hover .date, .full_news_wrapper .right_side .premier_info.closed.closed:hover .svg-icon--calendar { color: #e93e2c !important; } .full_news_wrapper .right_side .premier_info.closed .btn { display: none; } .full_news_wrapper .right_side .other_dates { border: 1px solid #e8e8e8; box-sizing: border-box; border-radius: 12px; margin-top: 40px; overflow: hidden; /*.row{ height: 65px; line-height: 65px; font-weight: 900; font-size: 23px; border-top: 1px solid #e6e6e6; padding-left: 30px; &:first-child{ border-top: none; } }*/ } .full_news_wrapper .right_side .rating_wrapper { margin: 30px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .right_side .rating_wrapper { margin: 60px 0px; } } .full_news_wrapper .right_side .rating_wrapper .icon { width: 54px; height: 54px; line-height: 54px; background: #ffeeec; text-align: center; font-weight: 900; font-size: 21px; color: #e93e2c; border-radius: 50%; margin-right: 20px; box-sizing: border-box; } .full_news_wrapper .right_side .rating_wrapper .icon.empty { border: 1px solid #d0d0d0; background: transparent; color: #000; line-height: 52px; } .full_news_wrapper .right_side .rating_wrapper .title { font-size: 14px; color: #9c9c9c; } .full_news_wrapper .right_side .rating_wrapper .stars { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; direction: rtl; } .full_news_wrapper .right_side .rating_wrapper .stars .star { margin-right: 5px; font-size: 31px; color: #d0d0d0; } .full_news_wrapper .right_side .rating_wrapper .stars .star:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00c"; } .full_news_wrapper .right_side .rating_wrapper .stars .star:first-child { margin-left: 0px; } .full_news_wrapper .right_side .rating_wrapper .stars .star.fill { color: #e93e2c; } .full_news_wrapper .right_side .rating_wrapper .stars .star:hover, .full_news_wrapper .right_side .rating_wrapper .stars .star:hover ~ .star { cursor: pointer; color: #e93e2c !important; } .full_news_wrapper .right_side .sticky { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; position: -webkit-sticky; position: sticky; top: 0px; } .full_news_wrapper .right_side .sticky img { max-width: 100%; } .full_news_wrapper .right_side .premier_info + .rating_wrapper { margin: 60px 0px; } .full_news_wrapper .right_side .other_dates + .rating_wrapper { margin: 60px 0px; } .full_news_wrapper .amp_gallery .caption { position: absolute; color: #fff; font-weight: bold; font-size: 16px; z-index: 1; } @media only screen and (max-width : 1152px) { .full_news_wrapper .amp_gallery .caption { right: 20px; left: 20px; bottom: 20px; } } @media only screen and (min-width:1152px) { .full_news_wrapper .amp_gallery .caption { right: 150px; left: 30px; bottom: 30px; } } .full_news_wrapper .gallery { margin: 20px 0 50px; } .full_news_wrapper .gallery .top .img { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .top .img { height: 225px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery .top .img { height: 448px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery .top .img { height: 500px; } } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .thumbs { margin-top: 11px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery .thumbs { margin-top: 11px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery .thumbs { margin-top: 13px; } } .full_news_wrapper .gallery .thumbs .img { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .thumbs .img { width: 87px; height: 65px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery .thumbs .img { width: 110px; height: 80px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery .thumbs .img { width: 123px; height: 89px; } } .full_news_wrapper .gallery .thumbs .swiper-slide { width: auto; cursor: pointer; } .full_news_wrapper .gallery .thumbs .swiper-slide-thumb-active .img { position: relative; } .full_news_wrapper .gallery .thumbs .swiper-slide-thumb-active .img:after { content: ""; position: absolute; left: 0px; right: 0; bottom: 0; top: 0; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .thumbs .swiper-slide-thumb-active .img:after { border: 2px solid #e93e2c; } } @media only screen and (min-width:1152px) { .full_news_wrapper .gallery .thumbs .swiper-slide-thumb-active .img:after { border: 4px solid #e93e2c; } } .full_news_wrapper .gallery .thumbs .start_scroll:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; background: -webkit-gradient(linear, left top, right top, color-stop(10.08%, rgba(255, 255, 255, 0)), to(#ffffff)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 10.08%, #ffffff 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 10.08%, #ffffff 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 10.08%, #ffffff 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10.08%, #ffffff 100%); } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .thumbs .start_scroll:after { width: 37px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery .thumbs .start_scroll:after { width: 45px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery .thumbs .start_scroll:after { width: 50px; } } .full_news_wrapper .gallery .thumbs .end_scroll:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; pointer-events: none; background: -webkit-gradient(linear, left top, right top, color-stop(0.08%, #ffffff), color-stop(90%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #ffffff 0.08%, rgba(255, 255, 255, 0) 90%); background: -moz-linear-gradient(left, #ffffff 0.08%, rgba(255, 255, 255, 0) 90%); background: -o-linear-gradient(left, #ffffff 0.08%, rgba(255, 255, 255, 0) 90%); background: linear-gradient(90deg, #ffffff 0.08%, rgba(255, 255, 255, 0) 90%); } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery .thumbs .end_scroll:before { width: 37px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery .thumbs .end_scroll:before { width: 45px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery .thumbs .end_scroll:before { width: 50px; } } .full_news_wrapper .gallery_2 { margin: 20px 0 50px; position: relative; } .full_news_wrapper .gallery_2 .img { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery_2 .img { height: 225px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .full_news_wrapper .gallery_2 .img { height: 448px; } } @media only screen and (min-width:1920px) { .full_news_wrapper .gallery_2 .img { height: 500px; } } .full_news_wrapper .gallery_2 .img:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 122px; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.55; transform: rotate(-180deg); } .full_news_wrapper .gallery_2 .img .title { position: absolute; color: #fff; font-weight: bold; font-size: 16px; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery_2 .img .title { right: 20px; left: 20px; bottom: 20px; } } @media only screen and (min-width:1152px) { .full_news_wrapper .gallery_2 .img .title { right: 150px; left: 30px; bottom: 30px; } } .full_news_wrapper .gallery_2 .arrows { position: absolute; right: 24px; bottom: 26px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 1; } @media only screen and (max-width : 1152px) { .full_news_wrapper .gallery_2 .arrows { display: none; } } .full_news_wrapper .gallery_2 .arrows .swiper-button-prev, .full_news_wrapper .gallery_2 .arrows .swiper-button-next { background: rgba(255, 255, 255, 0.22); width: 52px; height: 52px; line-height: 52px; text-align: center; border-radius: 50%; cursor: pointer; color: #fff; font-size: 18px; box-sizing: border-box; } .hasHover .full_news_wrapper .gallery_2 .arrows .swiper-button-prev:hover, .hasHover .full_news_wrapper .gallery_2 .arrows .swiper-button-next:hover { background-color: #e93e2c; } .full_news_wrapper .gallery_2 .arrows .swiper-button-prev { padding-right: 2px; } .full_news_wrapper .gallery_2 .arrows .swiper-button-prev:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00a"; } .full_news_wrapper .gallery_2 .arrows .swiper-button-next { padding-left: 2px; margin-left: 12px; } .full_news_wrapper .gallery_2 .arrows .swiper-button-next:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e008"; } .full_news_wrapper .publication { margin-top: 50px; font-size: 16px; color: #9c9c9c; } .full_news_wrapper .tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 20px; } .full_news_wrapper .tags .tag { height: 33px; line-height: 31px; font-weight: 500; font-size: 13px; color: #e93e2c; margin-right: 15px; margin-top: 10px; border: 1px solid #ffdad7; box-sizing: border-box; border-radius: 8px; padding: 0 25px; } .open_full_version { margin-bottom: 20px; font-size: 20px; color: #e93e2c; } .open_full_version a { border-bottom: 1px solid #e93e2c; } .hasHover .open_full_version a:hover { border-bottom-color: transparent; } .content_wrapper { /* Widget Styles */ } .content_wrapper blockquote { border-left: 3px solid #e93e2c; color: #e93e2c; font-weight: bold; margin: 30px 0px 0px; } @media only screen and (max-width : 1152px) { .content_wrapper blockquote { padding-left: 24px; } } @media only screen and (min-width:1152px) { .content_wrapper blockquote { padding-left: 44px; } } .content_wrapper blockquote:first-child { margin-top: 0px; } .content_wrapper blockquote p { /*&:last-child{ margin-bottom: 0px; }*/ } @media only screen and (max-width : 1152px) { .content_wrapper blockquote p { font-size: 16px; } } @media only screen and (min-width:1152px) { .content_wrapper blockquote p { font-size: 26px; } } .content_wrapper blockquote p:first-child { margin-top: 0px; } .content_wrapper blockquote + p { margin-top: 30px; } .content_wrapper img { max-width: 100%; height: auto; } .content_wrapper p, .content_wrapper li { word-wrap: break-word; } @media only screen and (max-width : 1152px) { .content_wrapper p, .content_wrapper li { font-size: 14px; line-height: 150%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper p, .content_wrapper li { font-size: 16px; line-height: 180%; } } @media only screen and (min-width:1920px) { .content_wrapper p, .content_wrapper li { font-size: 18px; line-height: 180%; } } .content_wrapper p.bold, .content_wrapper li.bold { font-weight: bold; font-size: 19px; } .content_wrapper p + p, .content_wrapper li + p { margin-top: 30px; } .content_wrapper p a, .content_wrapper li a { color: #e93e2c; } .content_wrapper .event_box + p { margin-top: 30px; } .content_wrapper .with_icon { position: relative; font-size: 16px; line-height: 130%; padding-left: 20px; } .content_wrapper .with_icon a { font-weight: 500; color: #e93e2c; } .content_wrapper .with_icon .svg-icon { color: #dedede; position: absolute; left: 0; top: 0.5em; transform: translateY(-50%); } .content_wrapper .with_icon + .with_icon { margin-top: 8px; } .content_wrapper h2 { font-weight: 900; font-size: 28px; color: #020202; } .content_wrapper h2 a { color: #e93e2c; } .content_wrapper .socials_share { border: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; margin: 50px 0; overflow: hidden; } .content_wrapper .socials_share .top_text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 40px 0px; } .content_wrapper .socials_share .top_text .title { width: 212px; font-weight: 900; font-size: 21px; text-align: center; } .content_wrapper .socials_share .top_text .text { font-weight: 500; font-size: 16px; } .content_wrapper .socials_share .socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e8e8e8; } .content_wrapper .socials_share .socials .social { flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 500; font-size: 15px; border-left: 1px solid #e8e8e8; height: 61px; line-height: 61px; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .content_wrapper .socials_share .socials .social:first-child { border-left: none; } .content_wrapper .socials_share .socials .social.vk { color: #44678d; } .content_wrapper .socials_share .socials .social.vk .svg-icon { font-size: 12px; margin-right: 11px; } .content_wrapper .socials_share .socials .social.fb { color: #3a559f; } .content_wrapper .socials_share .socials .social.fb .svg-icon { font-size: 21px; margin-right: 16px; } .content_wrapper .socials_share .socials .social.tw { color: #50abf1; } .content_wrapper .socials_share .socials .social.tw .svg-icon { font-size: 15.56px; margin-right: 11px; } .hasHover .content_wrapper .socials_share .socials .social:hover { color: #fff; background-color: #e93e2c; } @media only screen and (max-width : 1152px) { .content_wrapper .comments { margin-top: 40px; } } .content_wrapper .comments h3 { font-weight: 900; font-size: 19px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .content_wrapper .comments .comment { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .user_avatar_wrapper { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper .comments .comment .user_avatar_wrapper { width: 56px; flex-shrink: 0; margin-right: 30px; } } @media only screen and (min-width:1920px) { .content_wrapper .comments .comment .user_avatar_wrapper { width: 81px; flex-shrink: 0; } } .content_wrapper .comments .comment .user_avatar_wrapper .user_avatar { border-radius: 8px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper .comments .comment .user_avatar_wrapper .user_avatar { width: 56px; height: 56px; } } @media only screen and (min-width:1920px) { .content_wrapper .comments .comment .user_avatar_wrapper .user_avatar { width: 60px; height: 60px; } } .content_wrapper .comments .comment .user_avatar_wrapper .user_avatar.empty { background: #f4f4f4; color: #e0e0e0; font-size: 34px; } .content_wrapper .comments .comment .user_avatar_wrapper .user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } @media only screen and (min-width:1152px) { .content_wrapper .comments .comment .comment { border-top: 1px solid #e6e6e6; padding-top: 30px; } } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .top_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .top_row .user_avatar { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 30px; height: 30px; margin-right: 14px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } } @media only screen and (min-width:1152px) { .content_wrapper .comments .comment .comment_content .top_row .user_avatar { display: none; } } .content_wrapper .comments .comment .comment_content .top_row .user_avatar.empty { background: #f4f4f4; color: #e0e0e0; font-size: 17px; } .content_wrapper .comments .comment .comment_content .top_row .user_avatar.empty:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00b"; } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .comment_rating { margin-left: -1px; margin-bottom: -4px; } } @media only screen and (min-width:1152px) { .content_wrapper .comments .comment .comment_content .comment_rating { margin-top: 10px; } } .content_wrapper .comments .comment .comment_content .comment_rating .stars { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .content_wrapper .comments .comment .comment_content .comment_rating .stars .star { margin-right: 5px; color: #d0d0d0; } .content_wrapper .comments .comment .comment_content .comment_rating .stars .star:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; // only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; content: "\e00c"; } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .comment_rating .stars .star { font-size: 12px; } } @media only screen and (min-width:1152px) { .content_wrapper .comments .comment .comment_content .comment_rating .stars .star { font-size: 15px; } } .content_wrapper .comments .comment .comment_content .comment_rating .stars .star:first-child { margin-left: 0px; } .content_wrapper .comments .comment .comment_content .comment_rating .stars .star.fill { color: #e93e2c; } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .title { font-weight: 900; font-size: 14px; line-height: 130%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper .comments .comment .comment_content .title { font-weight: 900; font-size: 15px; line-height: 130%; } } @media only screen and (min-width:1920px) { .content_wrapper .comments .comment .comment_content .title { font-weight: 900; font-size: 19px; } } .content_wrapper .comments .comment .comment_content .text { margin: 10px 0px 20px; } @media only screen and (max-width : 1152px) { .content_wrapper .comments .comment .comment_content .text { font-size: 12px; line-height: 160%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper .comments .comment .comment_content .text { font-size: 14px; line-height: 160%; } } @media only screen and (min-width:1920px) { .content_wrapper .comments .comment .comment_content .text { font-size: 16px; line-height: 160%; } } .content_wrapper .comments .comment .comment_content .text .orange { color: #e93e2c; } .content_wrapper .comments .comment .comment_content .bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .content_wrapper .comments .comment .comment_content .bottom .date { font-size: 14px; color: #757575; } .content_wrapper .comments .comment .comment_content .bottom .reply { font-weight: bold; font-size: 15px; margin-left: 20px; color: #e93e2c; cursor: pointer; } .content_wrapper .comments .comment + .btn { margin-top: 20px; } .content_wrapper .comments .form { margin-top: 30px; } .content_wrapper .comments .form textarea { background: #fff; border: 1px solid #e1e1e1; border-radius: 8px; font-size: 16px; color: #000; padding: 20px; height: 142px; } .content_wrapper .comments .form textarea::-moz-placeholder { color: #9d9d9d; } .content_wrapper .comments .form textarea:-ms-input-placeholder { color: #9d9d9d; } .content_wrapper .comments .form textarea::placeholder { color: #9d9d9d; } .content_wrapper .comments .form .btn { margin-top: 20px; padding: 0px 40px; } .content_wrapper .on_map { border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 12px; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; overflow: hidden; } @media only screen and (max-width : 1152px) { .content_wrapper .on_map { margin-top: 30px; } } .content_wrapper .on_map .title { font-weight: 900; width: 100%; } @media only screen and (max-width : 1152px) { .content_wrapper .on_map .title { height: 53px; line-height: 53px; font-size: 18px; padding-left: 22px; } } @media only screen and (min-width:1152px) { .content_wrapper .on_map .title { height: 68px; line-height: 68px; font-size: 19px; padding-left: 30px; } } .content_wrapper .on_map a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .content_wrapper .on_map img { -o-object-fit: cover; object-fit: cover; width: 100%; } .content_wrapper ul, .content_wrapper ol { list-style: none; margin: 20px 0px; } .content_wrapper ul ul, .content_wrapper ul ol, .content_wrapper ol ul, .content_wrapper ol ol { margin: 0; } .content_wrapper ul li { position: relative; padding-left: 30px; } .content_wrapper ul li:before { content: "•"; color: #e93e2c; position: absolute; left: 0px; text-align: center; width: 22px; height: 20px; font-weight: bold; } @media only screen and (max-width : 1152px) { .content_wrapper ul li:before { font-size: 24px; line-height: 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .content_wrapper ul li:before { font-size: 26px; line-height: 30px; } } @media only screen and (min-width:1920px) { .content_wrapper ul li:before { font-size: 30px; line-height: 34px; } } .content_wrapper ol { counter-reset: li; } .content_wrapper ol li { counter-increment: li; position: relative; padding-left: 30px; } .content_wrapper ol li:before { content: counters(li, ".") "."; color: #e93e2c; position: absolute; left: 0px; text-align: right; min-width: 20px; } .content_wrapper ol ol li { padding-left: 40px; } .content_wrapper .strip, .content_wrapper hr { height: 1px; background: #e6e6e6; margin: 50px 0; border: none; } .content_wrapper > img { max-width: 100%; } .content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 { margin-top: 0; margin-bottom: 0.5rem; } .content_wrapper .align-right { float: right; margin-left: 15px; margin-bottom: 15px; } .content_wrapper .align-left { float: left; margin-right: 15px; margin-bottom: 15px; } .content_wrapper .align-center { text-align: center; } .content_wrapper .align-center figure { display: inline-block; } .content_wrapper .embed-240p { max-width: 426px; max-height: 240px; margin: 0 auto; } .content_wrapper .embed-360p { max-width: 640px; max-height: 360px; margin: 0 auto; } .content_wrapper .embed-480p { max-width: 854px; max-height: 480px; margin: 0 auto; } .content_wrapper .embed-720p { max-width: 1280px; max-height: 720px; margin: 0 auto; } .content_wrapper .embed-1080p { max-width: 1920px; max-height: 1080px; margin: 0 auto; } .place_info_wrapper { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 0px 0px 40px; margin: 30px 0px; } .place_info_wrapper .place_info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .place_info_wrapper .col { box-sizing: border-box; flex-basis: 33.3333%; flex-grow: 1; flex-shrink: 0; padding: 40px 20px 0px 0px; } .place_info_wrapper .col .title { font-size: 13px; color: #adadad; } .place_info_wrapper .col .text { font-size: 14px; color: #000; } .movie_info { background: #fbfbfb; border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } @media only screen and (max-width : 1152px) { .movie_info { padding: 25px 19px; margin: 25px 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .movie_info { padding: 30px; margin: 30px 0px; } } @media only screen and (min-width:1920px) { .movie_info { padding: 30px; margin: 50px 0px; } } .movie_info:first-child { margin-top: 0px !important; } .movie_info img { width: 131px; background: #ffffff; box-shadow: 0px 15px 17px rgba(0, 0, 0, 0.15); border-radius: 4px; margin-right: 40px; flex-shrink: 0; } @media only screen and (max-width : 1152px) { .movie_info img { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .movie_info img { width: 120px; } } @media only screen and (min-width:1920px) { .movie_info img { width: 132px; } } .movie_info .params { display: table; flex-grow: 1; } .movie_info .params .str { display: table-row; } .movie_info .params .str .col { display: table-cell; } .movie_info .params .str .col.col_label { color: #747474; padding-right: 20px; white-space: nowrap; max-width: 50%; word-break: break-word; text-overflow: ellipsis; overflow: hidden; width: 1px; } @media only screen and (max-width : 1152px) { .movie_info .params .str .col { font-size: 12px; padding-bottom: 13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .movie_info .params .str .col { font-size: 14px; padding-bottom: 13px; } } @media only screen and (min-width:1920px) { .movie_info .params .str .col { padding-bottom: 13px; font-size: 16px; } } .event_box, .load_event { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 30px; position: relative; margin-top: 40px; align-items: stretch; } @media only screen and (max-width : 1152px) { .event_box, .load_event { display: none; } } .event_box .img, .load_event .img { width: 113px; height: 161px; margin-right: 50px; flex-shrink: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .event_box .info, .load_event .info { flex-grow: 1; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .event_box .info.with-tickets, .load_event .info.with-tickets { padding-right: 55px; } .event_box .info .date, .load_event .info .date { color: #e93e2c; font-weight: 900; font-size: 21px; margin-bottom: 10px; display: block; } .event_box .info .date .svg-icon, .load_event .info .date .svg-icon { vertical-align: baseline; margin-right: 15px; font-size: 16px; } .event_box .info .title, .load_event .info .title { font-weight: 900; font-size: 23px; margin-bottom: 10px; display: block; } .event_box .info .price, .load_event .info .price { font-weight: 500; font-size: 13px; margin-top: auto; } .event_box .ticket_icon, .load_event .ticket_icon { position: absolute; right: 35px; top: 35px; } .pink_section { background: #fff8f8; } .static_page_info { margin: 0px auto; } @media only screen and (max-width : 1152px) { .static_page_info { padding: 27px 0 23px; word-wrap: break-word; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .static_page_info { width: 830px; padding: 50px 0 35px; text-align: center; } } @media only screen and (min-width:1920px) { .static_page_info { width: 1260px; padding: 60px 0 52px; text-align: center; } } .static_page_info h1 { font-weight: 900; } @media only screen and (max-width : 1152px) { .static_page_info h1 { font-size: 28px; line-height: 33px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .static_page_info h1 { font-size: 38px; line-height: 45px; } } @media only screen and (min-width:1920px) { .static_page_info h1 { font-weight: 900; font-size: 74px; line-height: 87px; } } .static_page_info .descr a { color: #e93e2c; } .about_page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } @media only screen and (max-width : 1152px) { .about_page .static_page_info { padding: 37px 0px 222px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .static_page_info { padding: 67px 0px 295px; } } @media only screen and (min-width:1920px) { .about_page .static_page_info { padding: 113px 0px 400px; } } .about_page .static_page_info .above_title { font-weight: 500; color: #e93e2c; } @media only screen and (max-width : 1152px) { .about_page .static_page_info .above_title { font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .static_page_info .above_title { font-size: 16px; } } @media only screen and (min-width:1920px) { .about_page .static_page_info .above_title { font-size: 26px; } } @media only screen and (max-width : 1152px) { .about_page .static_page_info h1 { margin: 17px 0 39px; font-size: 24px; line-height: 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .static_page_info h1 { margin: 12px 0 52px; font-size: 38px; line-height: 45px; } } @media only screen and (min-width:1920px) { .about_page .static_page_info h1 { margin: 14px 0 85px; font-size: 64px; line-height: 75px; } } @media only screen and (max-width : 1152px) { .about_page .static_page_info .descr { font-size: 14px; line-height: 160%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .static_page_info .descr { font-size: 16px; line-height: 180%; } } @media only screen and (min-width:1920px) { .about_page .static_page_info .descr { font-size: 21px; line-height: 180%; } } .about_page .about_boxes { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } @media only screen and (max-width : 1152px) { .about_page .about_boxes { margin: -157px 0 71px -20px; flex-wrap: wrap; } } @media only screen and (max-width:360px) { .about_page .about_boxes { margin-left: -15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .about_boxes { width: 1002px; margin: -219px auto 101px; } } @media only screen and (min-width:1920px) { .about_page .about_boxes { width: 1260px; margin: -272px auto 112px; } } .about_page .about_boxes .box { background: #fff; border: 1px solid #dfdfdf; box-sizing: border-box; border-radius: 12px; } @media only screen and (max-width : 1152px) { .about_page .about_boxes .box { margin: 0 0 25px 20px; flex-basis: 40%; width: 40%; flex-grow: 1; } } @media only screen and (max-width:360px) { .about_page .about_boxes .box { margin: 0 0 20px 15px; } } @media only screen and (min-width: 700px) and (max-width: 1151px) { .about_page .about_boxes .box { flex-basis: 20%; width: 20%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .about_boxes .box { width: 227px; } } @media only screen and (min-width:1920px) { .about_page .about_boxes .box { width: 288px; } } .about_page .about_boxes .box .img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .about_page .about_boxes .box .img { height: 155px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .about_boxes .box .img { height: 217px; } } @media only screen and (min-width:1920px) { .about_page .about_boxes .box .img { height: 270px; } } .about_page .about_boxes .box .img img { margin: auto; } @media only screen and (max-width : 1152px) { .about_page .about_boxes .box .img img { height: 90px; } } @media only screen and (max-width:360px) { .about_page .about_boxes .box .img img { height: 70px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .about_boxes .box .img img { height: 110px; } } @media only screen and (min-width:1920px) { .about_page .about_boxes .box .img img { height: 138px; } } .about_page .about_boxes .box .title { box-sizing: border-box; border-top: 1px solid #dfdfdf; } @media only screen and (max-width : 1152px) { .about_page .about_boxes .box .title { padding: 11px 0px; margin: 0px 15px; height: 58px; font-weight: bold; font-size: 14px; line-height: 16px; } } @media only screen and (max-width:360px) { .about_page .about_boxes .box .title { min-height: 58px; height: auto; font-size: 13px; line-height: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .about_boxes .box .title { height: 80px; padding: 20px; font-weight: 900; font-size: 16px; line-height: 19px; } } @media only screen and (min-width:1920px) { .about_page .about_boxes .box .title { height: 114px; padding: 25px; font-weight: 900; font-size: 24px; line-height: 28px; } } .about_page .box_title { text-align: center; font-weight: 900; line-height: 1; } @media only screen and (max-width : 1152px) { .about_page .box_title { font-size: 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .about_page .box_title { font-size: 38px; } } @media only screen and (min-width:1920px) { .about_page .box_title { font-size: 64px; } } .about_page .taplink { margin-top: 20px; width: 375px; } @media screen and (max-width: 480px) { .about_page .taplink { font-size: 14px; width: 90vw; } } .about_page .taplink .sxodim_icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } .about_page .taplink .sxodim_icon img { width: 140px; height: 140px; } .about_page .taplink .social_network { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; } .about_page .taplink .social_network img { width: 44px; height: 44px; } .about_page .taplink .btn-icon-left { margin-top: 20px; width: 100%; height: 54px; position: relative; background-color: #30BF54; } .about_page .taplink .btn-icon-left img { position: absolute; left: 10px; top: 0; bottom: 0; margin: auto 0; width: 31px; height: 31px; } .about_page .taplink .btn-icon-left h4 { color: white; text-align: center; font-size: 15px; font-weight: 500; } .about_page .taplink .btn-icon-right { margin-top: 20px; width: 100%; height: 54px; position: relative; background-color: #E53D2E; color: white; font-size: 24px; text-align: left; padding: 10px; } .about_page .taplink .btn-icon-right img { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto 0; width: 11px; height: 20px; } .about_page .taplink .btn-icon-right div { width: 100%; } .about_page .taplink .btn-icon-right h4 { color: white; text-align: left; width: 100%; } .about_page .taplink .btn-icon-right p { font-size: 15px; font-weight: 400; } .about_page .taplink h4 { font-size: 24px; color: #262626; } .about_page .taplink .ideas > div { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .about_page .taplink .ideas_card { border-radius: 8px; padding: 20px 10px 20px 10px; font-size: 16px; background-size: cover; color: white; font-weight: 800; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } @media only screen and (max-width : 1152px) { .about_page .taplink .ideas_card { font-size: 14px; } } .about_page .taplink .ideas > .ideas_card { margin-top: 20px; height: 163px; font-size: 24px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.527)), to(rgba(0, 0, 0, 0.5))), url("/images/pexels1.jpg"); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels1.jpg"); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels1.jpg"); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels1.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels1.jpg"); } .about_page .taplink .ideas > div .ideas_card { width: 43%; height: 80px; } .about_page .taplink .ideas > div .ideas_card:first-child { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.527)), to(rgba(0, 0, 0, 0.5))), url("/images/pexels3.jpg"); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels3.jpg"); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels3.jpg"); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels3.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels3.jpg"); } .about_page .taplink .ideas > div .ideas_card:nth-child(2) { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.527)), to(rgba(0, 0, 0, 0.5))), url("/images/pexels2.jpg"); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels2.jpg"); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels2.jpg"); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels2.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/images/pexels2.jpg"); } .about_page .taplink .ideas .description { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; align-items: flex-end; } .about_page .taplink .swiper-slide > img { width: 100%; border-radius: 8px; } .about_page .taplink .swiper-slide h3 { color: #262626; font-size: 20px; } .about_page .taplink .swiper-slide p { font-size: 15px; color: #595959; } .about_page .taplink .swiper-slide a { color: #E53D2E; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .about_page .taplink .swiper-slide a img { margin-left: 13px; width: 8px; height: 8px; } .about_page .taplink .swiper-slide .swiper-pagination .swiper-pagination-bullet { background-color: #D9D9D9; } .about_page .taplink .h-auto { height: auto; padding: 10px; } @media only screen and (max-width : 1152px) { .team_wrapper { margin: 25px auto 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper { margin: 40px auto 0; width: 1002px; } } @media only screen and (min-width:1920px) { .team_wrapper { margin: 70px auto 0; width: 1260px; } } @media only screen and (min-width:1152px) { .team_wrapper .team { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-start; flex-wrap: wrap; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team { margin-left: -30px; } } @media only screen and (min-width:1920px) { .team_wrapper .team { margin-left: -60px; } } @media only screen and (max-width : 1152px) { .team_wrapper .team .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; margin-top: 18px; height: 108px; border: 1px solid #e8e8e8; box-sizing: border-box; border-radius: 8px; } .team_wrapper .team .item:first-child { margin-top: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team .item { width: 314px; margin-left: 30px; margin-bottom: 35px; } } @media only screen and (min-width:1920px) { .team_wrapper .team .item { width: 380px; margin-left: 60px; margin-bottom: 35px; } } .team_wrapper .team .item .img { background: #ffe1de; background-size: cover; background-position: center bottom; background-repeat: no-repeat; } @media only screen and (max-width : 1152px) { .team_wrapper .team .item .img { border-radius: 8px; height: 108px; width: 124px; flex-shrink: 0; margin-left: -1px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team .item .img { border-radius: 8px; height: 242px; } } @media only screen and (min-width:1920px) { .team_wrapper .team .item .img { border-radius: 12px; height: 304px; } } @media only screen and (max-width : 1152px) { .team_wrapper .team .item .info { padding: 17px 17px 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team .item .info { min-height: 70px; } } @media only screen and (min-width:1920px) { .team_wrapper .team .item .info { min-height: 100px; } } @media only screen and (max-width : 1152px) { .team_wrapper .team .item .title { font-weight: bold; font-size: 18px; line-height: 21px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team .item .title { font-weight: 900; font-size: 19px; line-height: 22px; margin-top: 18px; } } @media only screen and (min-width:1920px) { .team_wrapper .team .item .title { font-weight: 900; font-size: 28px; line-height: 33px; margin-top: 30px; } } .team_wrapper .team .item .descr { margin-top: 10px; } @media only screen and (max-width : 1152px) { .team_wrapper .team .item .descr { font-size: 12px; line-height: 14px; color: #bbbbbb; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .team_wrapper .team .item .descr { font-size: 13px; line-height: 15px; color: #aeaeae; } } @media only screen and (min-width:1920px) { .team_wrapper .team .item .descr { font-size: 18px; line-height: 21px; color: #aeaeae; } } @media only screen and (max-width : 1152px) { .contacts_page .static_page_info { padding: 26px 0px 35px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_page .static_page_info { padding: 63px 0px 44px; } } @media only screen and (min-width:1920px) { .contacts_page .static_page_info { padding: 71px 0px 91px; } } .contacts_page .static_page_info .descr { font-weight: 500; } @media only screen and (max-width : 1152px) { .contacts_page .static_page_info .descr { font-size: 19px; line-height: 135.8%; margin: 8px auto 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_page .static_page_info .descr { width: 486px; margin: 13px auto 0; font-size: 18px; line-height: 135.8%; } } @media only screen and (min-width:1920px) { .contacts_page .static_page_info .descr { width: 736px; margin: 16px auto 0; font-size: 23px; line-height: 135.8%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper { width: 1002px; margin: 20px auto 0; } } @media only screen and (min-width:1920px) { .contacts_wrapper { width: 1260px; margin: 75px auto 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width : 1152px) { .contacts_wrapper .contacts { padding: 15px 22px 0 2px; margin-bottom: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts { margin-left: -30px; margin-bottom: 20px; } } @media only screen and (min-width:1920px) { .contacts_wrapper .contacts { width: 605px; margin-right: 50px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts .for_small { display: none; } } @media only screen and (max-width : 1152px), only screen and (min-width:1920px) { .contacts_wrapper .contacts .for_wide { display: none; } } .contacts_wrapper .contacts .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e5e5e5; justify-content: space-between; } @media only screen and (max-width : 1152px) { .contacts_wrapper .contacts .row { padding: 20px 0px 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts .row { padding: 31px 0px 46px; justify-content: flex-start; } } @media only screen and (min-width:1920px) { .contacts_wrapper .contacts .row { padding: 20px 0px 70px; } } .contacts_wrapper .contacts .row:first-child { border-top: none; } @media only screen and (max-width : 1152px) { .contacts_wrapper .contacts .row .col { flex-grow: 1; flex-shrink: 0; margin-left: 20px; flex-basis: 40%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts .row .col { width: 314px; flex-basis: 314px; margin-left: 30px; } } @media only screen and (min-width:1920px) { .contacts_wrapper .contacts .row .col + .col { margin-left: 50px; width: 240px; } } .contacts_wrapper .contacts .row .label { color: #b8b8b8; } @media only screen and (max-width : 1152px) { .contacts_wrapper .contacts .row .label { font-size: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts .row .label { font-size: 14px; } } @media only screen and (min-width:1920px) { .contacts_wrapper .contacts .row .label { font-size: 16px; } } @media only screen and (max-width : 1152px) { .contacts_wrapper .contacts .row .data { margin-top: 8px; font-weight: 500; font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .contacts .row .data { margin-top: 12px; font-weight: 500; font-size: 16px; } } @media only screen and (min-width:1920px) { .contacts_wrapper .contacts .row .data { margin-top: 9px; font-weight: 500; font-size: 18px; } } .contacts_wrapper .contacts .row .data a { color: #e93e2c; } .contacts_wrapper .map { background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (max-width : 1152px) { .contacts_wrapper .map { height: 254px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .contacts_wrapper .map { height: 338px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .contacts_wrapper .map { width: 605px; height: 473px; border-radius: 12px; } } @media only screen and (max-width : 1152px) { .ad_page .static_page_info { padding: 26px 0px 96px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_page .static_page_info { padding: 63px 0px 123px; } } @media only screen and (min-width:1920px) { .ad_page .static_page_info { padding: 96px 0px 149px; } } .ad_page .static_page_info .descr { font-weight: 500; } @media only screen and (max-width : 1152px) { .ad_page .static_page_info .descr { font-size: 19px; margin-top: 6px; color: #a3a3a3; font-weight: bold; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_page .static_page_info .descr { font-weight: bold; font-size: 16px; margin-top: 10px; color: #969696; } } @media only screen and (min-width:1920px) { .ad_page .static_page_info .descr { margin-top: 9px; font-size: 28px; color: #969696; } } .ad_page .static_page_info .descr .black { color: #000; margin-left: 15px; } @media only screen and (max-width : 1152px) { .ad_page .files { margin-top: 46px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_page .files { margin-top: 46px; } } @media only screen and (min-width:1920px) { .ad_page .files { margin-top: 69px; } } .ad_info_wrapper { background: #fff; position: relative; overflow: hidden; border: 1px solid #e8e8e8; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); } @media only screen and (max-width : 1152px) { .ad_info_wrapper { margin: -64px 22px 0px; border-radius: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper { margin: -62px auto 0px; width: 1002px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper { margin: -78px auto 0px; width: 1260px; border-radius: 12px; } } .ad_info_wrapper .top_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .top_row { height: 63px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .top_row { height: 61px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .top_row { height: 77px; } } .ad_info_wrapper .top_row .tabs { margin-top: auto; border-bottom: 1px solid #e8e8e8; width: 100%; padding-top: 0px; justify-content: center; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .top_row .tabs { height: auto; } } @media only screen and (max-width:360px) { .ad_info_wrapper .top_row .tabs { justify-content: space-between; } } .ad_info_wrapper .top_row .tabs .tab { position: relative; color: #acacac; cursor: pointer; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .top_row .tabs .tab { height: 36px; font-size: 16px; font-weight: 500; margin-left: 45px; display: block; } } @media only screen and (max-width:360px) { .ad_info_wrapper .top_row .tabs .tab { margin-left: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .top_row .tabs .tab { height: 38px; font-weight: bold; font-size: 17px; margin-left: 29px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .top_row .tabs .tab { height: 45px; font-size: 17px; margin-left: 36px; } } .ad_info_wrapper .top_row .tabs .tab.active { border: none; color: #e93e2c; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .top_row .tabs .tab.active { font-weight: bold; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .top_row .tabs .tab.active { font-weight: 900; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials { padding: 28px 21px 38px; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials { padding: 35px 40px 40px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials { padding: 44px 50px 50px; } } .ad_info_wrapper .socials .social { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; box-sizing: border-box; align-items: center; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social { margin-top: 28px; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .socials .social { border: 1px solid #ececec; flex-grow: 1; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social { border-radius: 8px; height: 122px; padding: 30px 25px; margin-left: 26px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social { border-radius: 12px; height: 154px; padding: 38px 32px; margin-left: 33px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social:first-child { margin-top: 0; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .socials .social:first-child { margin-left: 0px; } } .ad_info_wrapper .socials .social .icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; color: #fff; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .icon { width: 52px; /*height: 52px;*/ border-radius: 18px; margin-right: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .icon { width: 55.6px; /*height: 55.6px;*/ border-radius: 19px; margin-right: 20px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .icon { width: 70px; /*height: 70px;*/ border-radius: 24px; margin-right: 26px; } } .ad_info_wrapper .socials .social .icon.vk { background: #2787f5; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .icon.vk { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .icon.vk { font-size: 15.89px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .icon.vk { font-size: 20px; } } .ad_info_wrapper .socials .social .icon.fb { background: #1877f2; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .icon.fb { font-size: 25px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .icon.fb { font-size: 26.21px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .icon.fb { font-size: 33px; } } .ad_info_wrapper .socials .social .icon.tg { background: #30a3e6; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .icon.tg { font-size: 36.21px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .icon.tg { font-size: 36.21px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .icon.tg { font-size: 36.21px; } } .ad_info_wrapper .socials .social .icon.inst { background: -webkit-linear-gradient(212.95deg, #ff9900 5.67%, #c80078 93.3%); background: -moz-linear-gradient(212.95deg, #ff9900 5.67%, #c80078 93.3%); background: -o-linear-gradient(212.95deg, #ff9900 5.67%, #c80078 93.3%); background: linear-gradient(237.05deg, #ff9900 5.67%, #c80078 93.3%); } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .icon.inst { font-size: 25px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .icon.inst { font-size: 26.21px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .icon.inst { font-size: 33px; } } .ad_info_wrapper .socials .social .icon a { display: block; position: relative; padding-top: 100%; } .ad_info_wrapper .socials .social .icon a:hover { color: inherit; } .ad_info_wrapper .socials .social .icon a .svg-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .info .title { font-weight: bold; font-size: 19px; line-height: 22px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .info .title { font-weight: 900; font-size: 21px; line-height: 25px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .info .title { font-weight: 900; font-size: 28px; line-height: 33px; } } .ad_info_wrapper .socials .social .info .title .currency { font-weight: bold; } .ad_info_wrapper .socials .social .info .descr { color: #8b8b8b; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .socials .social .info .descr { margin-top: 4px; font-size: 14px; line-height: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .socials .social .info .descr { margin-top: 8px; font-size: 14px; line-height: 16px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .socials .social .info .descr { margin-top: 9px; font-size: 18px; line-height: 21px; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .socials .social .info .descr .num { font-weight: bold; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .ad_info_boxes { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .ad_info_wrapper .ad_info_boxes .box { flex-grow: 1; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; box-sizing: border-box; align-items: center; justify-content: flex-start; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box { border-top: 1px solid #ececec; padding: 28px 21px 33px; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .ad_info_boxes .box { flex-basis: 20%; border-left: 1px solid #ececec; flex-direction: column; text-align: center; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box { height: 265px; padding: 40px 25px 0; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box { height: 335px; padding: 50px 35px 0; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box:first-child { border-top: none; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .ad_info_boxes .box:first-child { border-left: none; } } .ad_info_wrapper .ad_info_boxes .box .icons-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: relative; flex-shrink: 0; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row { width: 60px; height: 62px; margin-right: 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row { height: 75px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row { height: 86px; } } .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo { position: relative; } .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo:before { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; background: #fff; transform: translateX(-50%) translateY(-50%); } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo:before { width: 37.12px; height: 37.12px; box-shadow: 0px 4px 20px rgba(159, 27, 27, 0.21); } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo:before { width: 45.27px; height: 45.27px; box-shadow: 0px 3.17712px 15.8856px rgba(159, 27, 27, 0.21); } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo:before { width: 57px; height: 57px; box-shadow: 0px 4px 20px rgba(159, 27, 27, 0.21); } } .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo img { position: relative; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo img { height: 56px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo img { height: 68px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.circle_logo img { height: 86px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.photo_camera img { height: 45px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.photo_camera img { height: 52.24px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.photo_camera img { height: 65.77px; } } .ad_info_wrapper .ad_info_boxes .box .icons-row.photo_camera .tooltip { left: -5px; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.video_camera img { height: 35px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.video_camera img { height: 46.07px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row.video_camera img { height: 58px; } } .ad_info_wrapper .ad_info_boxes .box .icons-row .social { border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social { box-shadow: 0px 3.54286px 4.42857px rgba(72, 36, 36, 0.12); } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social { width: 47.66px; height: 47.66px; box-shadow: 0px 5.55997px 13.5028px rgba(72, 36, 36, 0.12); } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social { width: 60px; height: 60px; box-shadow: 0px 7px 17px rgba(72, 36, 36, 0.12); } } .ad_info_wrapper .ad_info_boxes .box .icons-row .social.vk { color: #2787f5; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.vk { position: absolute; right: 0; bottom: 0px; width: 25.74px; height: 25.74px; font-size: 8.13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.vk { font-size: 14.3px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.vk { font-size: 18px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.inst { position: absolute; bottom: 6px; left: 0px; width: 27.09px; height: 27.09px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.inst img { height: 13.62px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.inst img { height: 23.96px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.inst img { height: 30.16px; } } .ad_info_wrapper .ad_info_boxes .box .icons-row .social.fb { color: #1877f2; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.fb { position: absolute; top: 0; left: 18px; width: 32.77px; height: 32.77px; font-size: 15.06px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.fb { width: 75px; height: 75px; font-size: 34px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .social.fb { width: 70px; height: 70px; margin: 0px 12px; font-size: 31px; } } .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip { position: absolute; text-align: center; background: #fff; box-shadow: 0px 7px 17px rgba(72, 36, 36, 0.12); border-radius: 50%; font-weight: 900; color: #e93e2c; left: 0px; top: 0px; transform: translateX(-50%) translateY(-30%); } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip { display: none; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip { width: 38px; height: 38px; line-height: 38px; font-size: 12px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip { width: 48px; height: 48px; line-height: 48px; font-size: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip.big { width: 46px; height: 46px; line-height: 46px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .icons-row .tooltip.big { width: 58px; height: 58px; line-height: 58px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .info .title { font-weight: bold; font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .info .title { font-weight: 900; font-size: 18px; margin-top: 23px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .info .title { font-weight: 900; font-size: 24px; margin-top: 35px; } } .ad_info_wrapper .ad_info_boxes .box .info .title .currency { font-weight: bold; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .ad_info_boxes .box .info .descr { color: #8b8b8b; font-size: 14px; line-height: 16px; margin-top: 6px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .info .descr { color: #666; font-size: 13px; line-height: 130%; margin-top: 10px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .ad_info_boxes .box .info .descr { color: #666; font-size: 16px; line-height: 19px; margin-top: 14px; } } .ad_info_wrapper .promo_wrapper { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper { padding: 15px 21px 38px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 40px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 50px; } } .ad_info_wrapper .promo_wrapper .data .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper .data .title { font-size: 24px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper .data .title { font-size: 32px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper .data .title { font-size: 42px; } } .ad_info_wrapper .promo_wrapper .data .title .currency { font-weight: bold; } .ad_info_wrapper .promo_wrapper .data .descr { margin-top: 5px; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper .data .descr { font-size: 14px; line-height: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper .data .descr { font-size: 14px; line-height: 16px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper .data .descr { font-size: 21px; line-height: 25px; } } .ad_info_wrapper .promo_wrapper .promo { position: relative; box-sizing: border-box; background: #fff3f1; border-radius: 8px; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper .promo { padding: 27px 19px 25px; margin-top: 50px; } } @media only screen and (min-width:1152px) { .ad_info_wrapper .promo_wrapper .promo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-shrink: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper .promo { padding: 20px; width: 557px; margin-left: 30px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper .promo { padding: 25px; width: 701px; margin-left: 50px; } } .ad_info_wrapper .promo_wrapper .promo .box_title { flex-shrink: 0; background: #e93e2c; color: #fff; font-weight: 900; padding: 0px 20px; } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper .promo .box_title { font-size: 16px; height: 32px; line-height: 32px; position: absolute; left: 20px; top: -16px; border-radius: 30px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper .promo .box_title { height: 37px; line-height: 35px; border-radius: 25px; font-size: 15px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper .promo .box_title { height: 47px; line-height: 45px; border-radius: 30px; font-size: 21px; } } @media only screen and (max-width : 1152px) { .ad_info_wrapper .promo_wrapper .promo .text { font-size: 14px; line-height: 140.3%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_info_wrapper .promo_wrapper .promo .text { margin-left: 18px; font-size: 13px; line-height: 15px; } } @media only screen and (min-width:1920px) { .ad_info_wrapper .promo_wrapper .promo .text { margin-left: 25px; font-size: 18px; line-height: 21px; } } .ad_attention { background: #f9f9f9; border: 1px solid #e8e8e8; box-sizing: border-box; } @media only screen and (max-width : 1152px) { .ad_attention { /*min-height: 181px;*/ padding: 69px 25px 25px; margin: -52px 40px 0px; border-radius: 12px; } } @media only screen and (min-width:1152px) { .ad_attention { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_attention { width: 922px; height: 124px; padding: 55px 92px 0 148px; margin: -25px auto 0px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .ad_attention { width: 1159px; margin: -32px auto 0; height: 156px; padding: 70px 116px 0 185px; border-radius: 12px; } } .ad_attention .title { font-weight: bold; } @media only screen and (max-width : 1152px) { .ad_attention .title { font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_attention .title { font-size: 18px; margin-right: 35px; } } @media only screen and (min-width:1920px) { .ad_attention .title { font-size: 24px; margin-right: 45px; } } @media only screen and (max-width : 1152px) { .ad_attention .text { font-size: 14px; line-height: 16px; margin-top: 6px; color: #8b8b8b; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_attention .text { font-size: 13px; line-height: 130%; } } @media only screen and (min-width:1920px) { .ad_attention .text { font-size: 16px; line-height: 130%; } } .ad_contacts_info { text-align: center; } @media only screen and (max-width : 1152px) { .ad_contacts_info { margin: 63px 22px 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info { width: 486px; margin: 71px auto 0; } } @media only screen and (min-width:1920px) { .ad_contacts_info { width: 736px; margin: 86px auto 0; border-top: 1px solid #e8e8e8; padding-top: 35px; } } .ad_contacts_info .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .ad_contacts_info .title { font-size: 28px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info .title { font-size: 38px; } } @media only screen and (min-width:1920px) { .ad_contacts_info .title { font-size: 42px; } } .ad_contacts_info .descr { font-weight: 500; line-height: 135.8%; } @media only screen and (max-width : 1152px) { .ad_contacts_info .descr { font-size: 19px; margin-top: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info .descr { font-size: 16px; margin-top: 19px; } } @media only screen and (min-width:1920px) { .ad_contacts_info .descr { font-size: 23px; margin-top: 14px; } } .ad_contacts_info .descr a { color: #e93e2c; } @media only screen and (max-width : 1152px) { .ad_contacts_info .contacts { margin-top: 26px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info .contacts { margin-top: 30px; } } @media only screen and (min-width:1920px) { .ad_contacts_info .contacts { margin-top: 30px; } } .ad_contacts_info .contacts .label { color: #b8b8b8; } @media only screen and (max-width : 1152px) { .ad_contacts_info .contacts .label { font-size: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info .contacts .label { font-size: 14px; } } @media only screen and (min-width:1920px) { .ad_contacts_info .contacts .label { font-size: 16px; } } .ad_contacts_info .contacts .str { font-weight: 500; } @media only screen and (max-width : 1152px) { .ad_contacts_info .contacts .str { font-size: 14px; line-height: 140%; margin-top: 8px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .ad_contacts_info .contacts .str { font-size: 16px; line-height: 19px; margin-top: 8px; } } @media only screen and (min-width:1920px) { .ad_contacts_info .contacts .str { font-size: 18px; line-height: 21px; margin-top: 7px; } } @media only screen and (max-width : 1152px) { .faq_page .static_page_info { padding: 36px 0px 37px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_page .static_page_info { padding: 61px 0px 63px; } } @media only screen and (min-width:1920px) { .faq_page .static_page_info { padding: 113px 0px 100px; } } @media only screen and (max-width : 1152px) { .faq_page .static_page_info .descr { margin: 22px auto 0; font-size: 16px; line-height: 140%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_page .static_page_info .descr { font-weight: 500; width: 830px; margin: 24px auto 0; font-size: 16px; line-height: 150%; } } @media only screen and (min-width:1920px) { .faq_page .static_page_info .descr { font-weight: 500; margin: 23px auto 0; font-size: 21px; line-height: 160%; } } @media only screen and (max-width : 1152px) { .faq_content { margin: 28px 22px 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; width: 1002px; margin: 54px auto 0; } } @media only screen and (min-width:1920px) { .faq_content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; width: 1260px; margin: 53px auto 0; } } .faq_content .pages { box-sizing: border-box; } @media only screen and (max-width : 1152px) { .faq_content .pages { border-radius: 8px; border: 2px solid #e93e2c; } } @media only screen and (min-width:1152px) { .faq_content .pages { flex-shrink: 0; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; border: 1px solid #e8e8e8; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_content .pages { width: 314px; margin-right: 30px; } } @media only screen and (min-width:1920px) { .faq_content .pages { width: 343px; margin-right: 50px; } } .faq_content .pages .dropdown-toggle:after { position: absolute; top: 50%; margin-top: -2.5px; right: 25px; box-sizing: border-box; width: 5.56px; height: 5.56px; transform: rotate(-45deg); border-left: 2px solid #e93e2c; border-bottom: 2px solid #e93e2c; } @media only screen and (min-width:1152px) { .faq_content .pages .dropdown-toggle { display: none; } } .faq_content .pages .dropdown-menu { white-space: normal; } @media only screen and (min-width:1152px) { .faq_content .pages .dropdown-menu { background: transparent; box-shadow: none; display: block !important; padding: 16px 0px; margin: 0; position: static; border: none; border-radius: 0; } } .faq_content .pages .page { font-size: 14px; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } @media only screen and (max-width : 1152px) { .faq_content .pages .page { padding: 19px 50px 19px 23px; } } @media only screen and (min-width:1152px) { .faq_content .pages .page { padding: 15px 29px; } } .hasHover .faq_content .pages .page:hover { color: #e93e2c; } .faq_content .pages .page.active { background: #ffebe9; font-weight: 500; color: #e93e2c; } @media only screen and (max-width : 1152px) { .faq_content .pages .page.active { display: block; position: relative; border-radius: 8px; } } .faq_content .page_content { flex-grow: 1; } @media only screen and (max-width : 1152px) { .faq_content .page_content { margin-top: 47px; } } .faq_content .page_content .title { font-weight: bold; } @media only screen and (max-width : 1152px) { .faq_content .page_content .title { font-size: 19px; line-height: 140%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_content .page_content .title { font-size: 21px; line-height: 130%; color: #e93e2c; } } @media only screen and (min-width:1920px) { .faq_content .page_content .title { font-size: 26px; line-height: 180%; color: #e93e2c; } } @media only screen and (max-width : 1152px) { .faq_content .page_content p { margin-top: 16px; font-size: 14px; line-height: 140%; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .faq_content .page_content p { margin-top: 36px; font-size: 16px; line-height: 160%; } } @media only screen and (min-width:1920px) { .faq_content .page_content p { margin-top: 37px; font-size: 18px; line-height: 180%; } } .city-flex-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; text-align: center; flex-direction: column; padding: 0 !important; } @media only screen and (max-width : 1152px) { .city-choice-container { margin: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; text-align: center; flex-direction: column; } } @media only screen and (min-width:1152px) { .city-choice-container { margin: auto; } } @media only screen and (max-width:910px) { .city-choice-container .city-choice-description { display: none; } } @media only screen and (min-width: 910px) and (max-width:1291px) { .city-choice-container .city-choice-description { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #000000; opacity: 0.22; margin: 25px; } } @media only screen and (min-width:1152px) { .city-choice-container .city-choice-description { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #000000; opacity: 0.22; margin: 25px; } } .city-choice-container .city-choice-title { width: 100%; height: 43px; font-family: Roboto; font-style: normal; font-weight: 900; line-height: 42px; /* identical to box height */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; text-align: center; flex-direction: column; } @media only screen and (max-width:910px) { .city-choice-container .city-choice-title { color: #000; margin-top: 112px; font-size: 20px; } } @media only screen and (min-width: 910px) and (max-width:1291px) { .city-choice-container .city-choice-title { color: #ffffff; margin-top: 40px; font-size: 36px; } } @media only screen and (min-width:1152px) { .city-choice-container .city-choice-title { color: #ffffff; margin-top: 40px; font-size: 36px; } } @media (max-width: 768px) { .city-choice-container .city-choice-title { background: #fff; align-self: flex-end; width: 100%; box-sizing: border-box; } } .city-choice-wrapper .city_button { margin: 25px; border: 1px solid #e5e5e5; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 12px; background-position: center bottom; background-repeat: no-repeat; overflow: hidden; } @media only screen and (max-width:910px) { .city-choice-wrapper .city_button { height: 160px; width: 280px; background-size: cover; background-position: center top; margin: 25px 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: none; } } @media only screen and (min-width: 910px) and (max-width:1291px) { .city-choice-wrapper .city_button { height: 350px; width: 250px; background-size: auto 100%; display: inline-block; } } @media only screen and (min-width: 1291px) and (max-width:1591px) { .city-choice-wrapper .city_button { height: 450px; width: 373px; background-size: auto 100%; display: inline-block; } } @media only screen and (min-width:1591px) { .city-choice-wrapper .city_button { height: 600px; width: 473px; background-size: auto 100%; display: inline-block; } } .city-choice-wrapper .city_button:nth-child(1) { background-image: url("/images/image15.jpg"); } .city-choice-wrapper .city_button:nth-child(1):hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))), url("/images/image15.jpg"); background-image: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image15.jpg"); background-image: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image15.jpg"); background-image: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image15.jpg"); background-image: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image15.jpg"); } .city-choice-wrapper .city_button:nth-child(2) { background-image: url("/images/image14.jpg"); } .city-choice-wrapper .city_button:nth-child(2):hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))), url("/images/image14.jpg"); background-image: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image14.jpg"); background-image: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image14.jpg"); background-image: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image14.jpg"); background-image: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image14.jpg"); } .city-choice-wrapper .city_button:nth-child(3) { background-image: url("/images/image16.jpg"); } .city-choice-wrapper .city_button:nth-child(3):hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))), url("/images/image16.jpg"); background-image: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image16.jpg"); background-image: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image16.jpg"); background-image: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image16.jpg"); background-image: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/image16.jpg"); } .city-choice-wrapper .city_button:nth-child(4) { background-image: url("/images/bishkek.jpg"); } .city-choice-wrapper .city_button:nth-child(4):hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))), url("/images/bishkek.jpg"); background-image: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/bishkek.jpg"); background-image: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/bishkek.jpg"); background-image: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/bishkek.jpg"); background-image: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/bishkek.jpg"); } .city-choice-wrapper .city_button:nth-child(5) { background-image: url("/images/turkestan.jpg"); } .city-choice-wrapper .city_button:nth-child(5):hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.54%, #e93e2c), to(rgba(255, 255, 255, 0))), url("/images/turkestan.jpg"); background-image: -webkit-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/turkestan.jpg"); background-image: -moz-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/turkestan.jpg"); background-image: -o-linear-gradient(top, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/turkestan.jpg"); background-image: linear-gradient(180deg, #e93e2c 13.54%, rgba(255, 255, 255, 0) 100%), url("/images/turkestan.jpg"); } .error_page { background: url("/images/error_page_img.svg") no-repeat; text-align: center; } @media only screen and (max-width : 1152px) { .error_page { background-position: center 61px; background-size: 150px auto; padding-top: 189px; max-width: 331px; margin: 0px auto; } } @media only screen and (min-width:1152px) { .error_page { background-position: center 93px; background-size: 248px auto; padding-top: 293px; padding-bottom: 100px; max-width: 550px; margin: 0px auto; } } .error_page .title { font-weight: 900; } @media only screen and (max-width : 1152px) { .error_page .title { font-size: 22px; } } @media only screen and (min-width:1152px) { .error_page .title { font-size: 23px; max-width: 423px; margin: 0 auto; } } .error_page .text { font-size: 17px; color: #847e7e; } @media only screen and (max-width : 1152px) { .error_page .text { margin-top: 52px; } } @media only screen and (min-width:1152px) { .error_page .text { margin-top: 44px; } } .error_page .urls { font-weight: 500; font-size: 17px; color: #e93e2c; } @media only screen and (max-width : 1152px) { .error_page .urls { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; margin-top: 22px; } } @media only screen and (min-width:1152px) { .error_page .urls { margin-top: 12px; } } @media only screen and (max-width : 1152px) { .error_page .urls a { margin-top: 23px; } } @media only screen and (min-width:1152px) { .error_page .urls a { margin-left: 35px; } } @media only screen and (max-width : 1152px) { .error_page .urls a:first-child { margin-top: 0px; } } @media only screen and (min-width:1152px) { .error_page .urls a:first-child { margin-left: 0; } } .error_page .urls a.with_bg { background: #ffecec; border-radius: 6px; display: inline-block; } @media only screen and (max-width : 1152px) { .error_page .urls a.with_bg { margin-bottom: -13px; padding: 0px 45px; height: 43px; line-height: 43px; } } @media only screen and (min-width:1152px) { .error_page .urls a.with_bg { margin-right: -14px; padding: 0px 14px; height: 35px; line-height: 35px; } } .activate_ticket { border: 1px solid #dbdbdb; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 8px; max-width: 335px; margin: 15px auto; } .activate_ticket .head { border-radius: 8px 8px 0px 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 50px; align-items: center; padding-left: 25px; } .activate_ticket .head .icon { background: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; margin-right: 12px; text-align: center; } .activate_ticket .head .title { font-weight: bold; font-size: 18px; color: #fff; } .activate_ticket .head.success { background: #46be43; } .activate_ticket .head.success .icon { color: #46be43; font-size: 7px; } .activate_ticket .head.error { background: #e93e2c; } .activate_ticket .head.error .icon { color: #e93e2c; font-size: 9px; } .activate_ticket .body { padding: 15px 25px 25px; } .activate_ticket .body .ticket_title { font-weight: bold; font-size: 18px; } .activate_ticket .body .ticket_title + .form { margin-top: 20px; } .activate_ticket .body .form .field { margin-bottom: 10px; } .activate_ticket .body .params .row { margin-top: 12px; font-size: 14px; } .activate_ticket .body .params .row .title { color: #9a9a9a; } .activate_ticket .body .params .row .value { margin-top: 3px; font-weight: 500; word-break: break-word; } .activate_ticket .body .notice { background: #f3f3f3; margin-top: 18px; border-radius: 6px; padding: 10px; font-size: 12px; color: #565656; } .orange_text { color: #e93e2c; } @media only screen and (max-width : 1152px) { .files { margin: 0px 22px; } } @media only screen and (min-width:1152px) { .files { margin: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .files { width: 1002px; } } @media only screen and (min-width:1920px) { .files { width: 1260px; } } .files .file { background: #fff; flex-basis: 10%; flex-grow: 1; border: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } @media only screen and (max-width : 1152px) { .files .file { min-height: 95px; padding: 15px 21px; margin-top: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .files .file { min-height: 109px; text-align: center; justify-content: center; margin-left: 30px; border-radius: 8px; } } @media only screen and (min-width:1920px) { .files .file { min-height: 129px; text-align: center; justify-content: center; margin-left: 50px; border-radius: 12px; } } @media only screen and (max-width : 1152px) { .files .file:first-child { margin-top: 0px; } } @media only screen and (min-width:1152px) { .files .file:first-child { margin-left: 0px; } } .files .file .title { font-weight: bold; } @media only screen and (max-width : 1152px) { .files .file .title { font-weight: 900; font-size: 19px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .files .file .title { font-weight: 900; font-size: 21px; } } @media only screen and (min-width:1920px) { .files .file .title { font-weight: bold; font-size: 21px; } } .files .file .file_name { font-weight: 500; color: #e93e2c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: baseline; } @media only screen and (max-width : 1152px) { .files .file .file_name .svg-icon { font-size: 10px; margin-right: 12px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .files .file .file_name .svg-icon { font-size: 14px; margin-right: 12px; } } @media only screen and (min-width:1920px) { .files .file .file_name .svg-icon { font-size: 14px; margin-right: 8px; } } @media only screen and (max-width : 1152px) { .files .file .file_name { font-size: 16px; margin-top: 13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .files .file .file_name { margin-top: 7px; font-size: 16px; } } @media only screen and (min-width:1920px) { .files .file .file_name { margin-top: 14px; font-size: 21px; } } .jq-toast-wrap { width: auto !important; min-width: 250px; max-width: 300px !important; } .jq-toast-wrap .jq-toast-single { font-size: 18px !important; font-weight: 700; line-height: 24px !important; } .post_edit_panel { margin-bottom: 30px; } .more_date { display: none; } @media only screen and (max-width : 1152px) { .custom_date_selection { margin-top: 10px; margin-left: 10px; margin-right: 10px; } } .custom_date_selection .single_date { font-size: 20px; display: inline-block; color: #ffffff; text-align: center; } .other_dates_select .select { position: absolute; top: -38px; left: 5px; right: 0; font-weight: 900; color: #ffffff; width: 100%; font-size: 20px !important; padding: 0 0 0 24px !important; } .custom_date_selection { position: relative; } .custom_date_selection .select_wrapper .select .selected_text { display: inline-block; } .more_dates { display: block; text-align: center; color: #e93e2c; margin-top: 20px; margin: 20px auto 0; } .more_dates span { border-bottom: 1px dashed #e93e2c; } .custom_date_selection .info { margin-bottom: 10px !important; } .custom_date_selection .select_wrapper .select .arrow { border-width: 6px; border-style: solid; border-right: 6px solid transparent; border-color: #fff transparent transparent; width: 0; height: 0; transform: none !important; top: 26px !important; } .custom_date_selection .select_wrapper.open .select .arrow { transform: rotate(-180deg) !important; top: 20px !important; } .custom_date_selection .select_wrapper .option_wrapper { top: 5px; } .custom_date_selection .select_wrapper { height: 1px; border: none !important; } .custom_date_selection select { display: none; } .date_picker_header { background: #e93e2c; color: #ffffff; margin: -20px -20px 0 -20px; border-radius: 12px; padding-left: 20px; } .date_picker_header .date { position: relative; top: 5px; } .date_picker_header .date .svg-icon { color: #ffffff !important; } .inline_favorite { display: inline-block; position: relative !important; margin-bottom: 15px; } .inline_favorite svg { display: inline-block !important; margin-right: 10px; } .inline_favorite span { font-size: 14px; display: inline-block; } .text.kitchen:first-letter { text-transform: uppercase; } .iti input[type=tel] { padding-left: 52px; } footer { position: relative; background: #151515; color: #fff; } @media only screen and (max-width : 1152px) { .news_on_map_page footer { display: none; } } @media only screen and (min-width:1152px) { footer .container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .container { min-height: 633px; } } @media only screen and (min-width:1920px) { footer .container { min-height: 755px; } } @media only screen and (min-width:1152px) { footer .subscribe { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #383838; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe { height: 45px; padding: 55px 0px; } } @media only screen and (min-width:1920px) { footer .subscribe { height: 66px; padding: 58px 0px; } } @media only screen and (max-width : 1152px) { footer .subscribe .left-side { text-align: center; padding: 30px 0px 20px; } } @media only screen and (min-width:1152px) { footer .subscribe .left-side { flex-shrink: 0; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .left-side { width: 258px; } } @media only screen and (min-width:1920px) { footer .subscribe .left-side { width: 393px; } } footer .subscribe .left-side .title { font-weight: 900; } @media only screen and (max-width : 1152px) { footer .subscribe .left-side .title { font-size: 24px; color: #e5e5e5; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .left-side .title { font-size: 23px; line-height: 25px; } } @media only screen and (min-width:1920px) { footer .subscribe .left-side .title { font-size: 31px; line-height: 35px; } } @media only screen and (max-width : 1152px) { footer .subscribe .left-side .subtitle { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .left-side .subtitle { font-size: 13px; } } @media only screen and (min-width:1920px) { footer .subscribe .left-side .subtitle { font-size: 19px; } } @media only screen and (max-width : 1152px) { footer .subscribe .subscribe_form { position: relative; } } @media only screen and (min-width:1152px) { footer .subscribe .subscribe_form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; box-sizing: border-box; border-right: 1px solid #383838; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .subscribe_form { width: 430px; padding-right: 30px; } } @media only screen and (min-width:1920px) { footer .subscribe .subscribe_form { width: 736px; padding-right: 81px; } } footer .subscribe .subscribe_form input { width: auto; background: #242424; flex-shrink: 0; flex-grow: 1; border-radius: 8px; font-weight: bold; border: none; color: #fff; } footer .subscribe .subscribe_form input::-moz-placeholder { color: #8c8c8c; font-weight: normal; } footer .subscribe .subscribe_form input:-ms-input-placeholder { color: #8c8c8c; font-weight: normal; } footer .subscribe .subscribe_form input::placeholder { color: #8c8c8c; font-weight: normal; } @media only screen and (max-width : 1152px) { footer .subscribe .subscribe_form input { height: 50px; width: 100%; margin-right: 0px; padding: 0px 44px 0px 12px; font-size: 14px; } footer .subscribe .subscribe_form input::-moz-placeholder { font-size: 14px; } footer .subscribe .subscribe_form input:-ms-input-placeholder { font-size: 14px; } footer .subscribe .subscribe_form input::placeholder { font-size: 14px; } } @media only screen and (min-width:1152px) { footer .subscribe .subscribe_form input { margin-right: -10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .subscribe_form input { height: 45px; padding: 0px 20px; font-size: 13px; } footer .subscribe .subscribe_form input::-moz-placeholder { font-size: 13px; } footer .subscribe .subscribe_form input:-ms-input-placeholder { font-size: 13px; } footer .subscribe .subscribe_form input::placeholder { font-size: 13px; } } @media only screen and (min-width:1920px) { footer .subscribe .subscribe_form input { padding: 0px 30px; font-size: 17px; } footer .subscribe .subscribe_form input::-moz-placeholder { font-size: 17px; } footer .subscribe .subscribe_form input:-ms-input-placeholder { font-size: 17px; } footer .subscribe .subscribe_form input::placeholder { font-size: 17px; } } @media only screen and (max-width : 1152px) { footer .subscribe .subscribe_form .btn { font-size: 0px; position: absolute; right: 12px; top: 50%; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; padding: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } footer .subscribe .subscribe_form .btn:after { content: ""; position: absolute; box-sizing: border-box; width: 6.6px; height: 6.6px; transform: rotate(-45deg); border-right: 1.8px solid #fff; border-bottom: 1.8px solid #fff; top: 50%; left: 50%; margin-top: -4.5px; margin-left: -4.5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .subscribe .subscribe_form .btn { height: 45px; line-height: 45px; width: 164px; padding: 0; font-size: 15px; font-weight: bold; } } @media only screen and (min-width:1920px) { footer .subscribe .subscribe_form .btn { width: 210px; padding: 0; } } footer .socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (max-width : 1152px) { footer .socials { margin: 38px 0 50px; justify-content: center; flex-grow: 1; } } @media only screen and (min-width:1152px) { footer .socials { justify-content: space-between; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials { padding-left: 40px; flex-grow: 1; } } @media only screen and (min-width:1920px) { footer .socials { width: 343px; margin-left: auto; } } footer .socials .social { background: #242424; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; color: #8f8f8f; } @media only screen and (max-width : 1152px) { footer .socials .social { width: 40px; height: 40px; margin-left: 12px; } footer .socials .social:first-child { margin-left: 0px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social { width: 45px; height: 45px; } } @media only screen and (min-width:1920px) { footer .socials .social { width: 53px; height: 53px; } } .hasHover footer .socials .social:hover { background: #e93e2c; color: #fff; } @media only screen and (max-width : 1152px) { footer .socials .social .svg-icon--vk { font-size: 11px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social .svg-icon--vk { font-size: 12.02px; } } @media only screen and (min-width:1920px) { footer .socials .social .svg-icon--vk { font-size: 14px; } } @media only screen and (max-width : 1152px) { footer .socials .social .svg-icon--fb { font-size: 16px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social .svg-icon--fb { font-size: 18.04px; } } @media only screen and (min-width:1920px) { footer .socials .social .svg-icon--fb { font-size: 21px; } } @media only screen and (max-width : 1152px) { footer .socials .social .svg-icon--tw { font-size: 13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social .svg-icon--tw { font-size: 14.6px; } } @media only screen and (min-width:1920px) { footer .socials .social .svg-icon--tw { font-size: 17px; } } @media only screen and (max-width : 1152px) { footer .socials .social .svg-icon--inst { font-size: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social .svg-icon--inst { font-size: 16.72px; } } @media only screen and (min-width:1920px) { footer .socials .social .svg-icon--inst { font-size: 19px; } } @media only screen and (max-width : 1152px) { footer .socials .social .svg-icon--tg { font-size: 14px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .socials .social .svg-icon--tg { font-size: 14.87px; } } @media only screen and (min-width:1920px) { footer .socials .social .svg-icon--tg { font-size: 17px; } } @media only screen and (min-width:1152px) { footer .menu_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-grow: 1; padding-bottom: 40px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper { padding-top: 68px; } } @media only screen and (min-width:1920px) { footer .menu_wrapper { padding-top: 55px; } } @media only screen and (min-width:1152px) { footer .menu_wrapper .menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; flex-shrink: 0; } } footer .menu_wrapper .menu nav { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .menu nav { border-bottom: 1px solid #262626; } footer .menu_wrapper .menu nav:first-child { border-top: 1px solid #262626; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .menu nav { width: 172px; padding-right: 20px; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .menu nav { width: 262px; padding-right: 20px; } } @media only screen and (max-width : 1152px) { footer .menu_wrapper .menu nav a { font-size: 12px; color: #7c7c7c; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .menu nav a { font-size: 12px; color: #8f8f8f; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .menu nav a { font-size: 15px; color: #8f8f8f; } } footer .menu_wrapper .menu nav a.title { font-weight: 900; color: #fff; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .menu nav a.title { height: 57px; line-height: 57px; font-size: 16px; letter-spacing: 0.01em; display: block; position: relative; width: 100%; } footer .menu_wrapper .menu nav a.title:after { content: ""; position: absolute; box-sizing: border-box; width: 6.6px; height: 6.6px; transform: rotate(-45deg); border-left: 1.8px solid #4a4a4a; border-bottom: 1.8px solid #4a4a4a; top: 50%; right: 0%; margin-top: -2.5px; margin-right: 4.5px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .menu nav a.title { font-size: 16px; line-height: 20px; margin-bottom: 15px; letter-spacing: 0.01em; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .menu nav a.title { font-size: 21px; line-height: 25px; margin-bottom: 18px; letter-spacing: 0.02em; } } .hasHover footer .menu_wrapper .menu nav a:hover { color: #e93e2c; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .menu nav .toggle { display: none; padding-bottom: 20px; } } footer .menu_wrapper .menu nav .toggle div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .menu nav .toggle div a { height: 32px; line-height: 32px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .menu nav .toggle div a { height: 19px; line-height: 19px; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .menu nav .toggle div a { height: 24px; line-height: 24px; } } @media only screen and (max-width : 1152px) { footer .menu_wrapper .app { text-align: center; margin-top: 35px; } } @media only screen and (min-width:1152px) { footer .menu_wrapper .app { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .app { padding-left: 86px; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .app { padding-left: 131px; } } footer .menu_wrapper .app .title { letter-spacing: 0.01em; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .app .title { font-size: 19px; font-weight: 900; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .app .title { font-weight: 500; font-size: 16px; } } @media only screen and (min-width:1152px) { footer .menu_wrapper .app .title { font-size: 25px; font-weight: 900; } } footer .menu_wrapper .app .descr { color: #8a8a8a; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .app .descr { font-size: 12px; margin: 5px 0px 25px; } } @media only screen and (min-width:1152px) { footer .menu_wrapper .app .descr { margin: 15px 0px 20px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .menu_wrapper .app .descr { font-size: 12px; } } @media only screen and (min-width:1920px) { footer .menu_wrapper .app .descr { font-size: 14px; } } footer .menu_wrapper .app .buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .app .buttons { justify-content: center; } } @media only screen and (min-width:1152px) { footer .menu_wrapper .app .buttons { flex-direction: column; } } footer .menu_wrapper .app a.android { background: url("/images/android_app.svg") no-repeat center center; width: width("android_app.svg"); height: height("android_app.svg"); border: 1px solid #a6a6a6; border-radius: 8px; background-size: cover; } @media only screen and (min-width:1152px) { footer .menu_wrapper .app a.android { margin-bottom: 20px; } } footer .menu_wrapper .app a.ios { background: url("/images/ios_app.svg") no-repeat center center; width: width("ios_app.svg"); height: height("ios_app.svg"); border: 1px solid #a6a6a6; border-radius: 8px; background-size: cover; } @media only screen and (max-width : 1152px) { footer .menu_wrapper .app a.ios { margin-left: 25px; } } footer .bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width : 1152px) { footer .bottom { flex-direction: column; text-align: center; padding-bottom: 60px; } } @media only screen and (min-width:1152px) { footer .bottom { box-sizing: border-box; justify-content: space-between; align-items: flex-start; border-top: 1px solid #383838; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .bottom { height: 105px; padding-top: 25px; } } @media only screen and (min-width:1920px) { footer .bottom { height: 131px; padding-top: 30px; } } footer .bottom .copyright { color: #656565; } @media only screen and (max-width : 1152px) { footer .bottom .copyright { font-size: 13px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .bottom .copyright { font-size: 13px; } } @media only screen and (min-width:1920px) { footer .bottom .copyright { font-size: 15px; } } @media only screen and (max-width : 1152px) { footer .bottom nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; order: -1; padding: 20px; } } footer .bottom nav a { font-weight: 500; } @media only screen and (max-width : 1152px) { footer .bottom nav a { font-size: 13px; color: #c7c7c7; margin: 10px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { footer .bottom nav a { margin-left: 25px; font-size: 13px; color: #a7a7a7; } } @media only screen and (min-width:1920px) { footer .bottom nav a { margin-left: 30px; font-size: 16px; color: #a7a7a7; } } .hasHover footer .bottom nav a:hover { color: #e93e2c; } @-webkit-keyframes ajax_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes ajax_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #loading, #buy_ticket_popup, #popups { display: none; position: fixed; background: rgba(0, 0, 0, 0.55); top: 0px; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; padding: 50px 0; } .popups { z-index: 10; } .popups .print-error-msg { color: #ff0000; margin: 10px; display: none; } .popups .popups_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; min-height: 100%; } .popups .cashier_payment_button { margin-bottom: 16px; } .popups .inviter-payment-input { margin-top: 16px; display: none; } .popups .inviter-payment .field { margin-top: 24px; } .popups .inviter-payment .field .inviter_payment_button { color: white; margin-bottom: 16px; } .popups .inviter-payment .field .purple { background: #9885f8; } .popups .choose-payment { padding: 16px 16px 30px 16px !important; } .popups .choose-payment-title { font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.865); margin-bottom: 10px; font-weight: 500; text-align: left; } .popups .choose-payment .impression-menu-list li:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .popups .choose-payment .payment-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; align-items: center; } .popups .choose-payment .svg-icon--kaspi { font-size: 24px; color: #ee4e32; margin-right: 8px; } .popups .choose-payment .svg-icon--card { font-size: 20px; color: rgba(0, 0, 0, 0.5); margin-left: 1px; margin-right: 9px; } .popups .choose-payment .svg-icon--beeline { font-size: 20px; margin-right: 7px; width: 24px; height: 24px; } .popups .choose-payment .badge-new { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .popups .popup { background: #fff; box-shadow: 0px 25px 61px rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 35px; width: 408px; box-sizing: border-box; position: relative; text-align: center; display: none; } .popups .popup.active { display: block; } .popups .popup .popup_title { font-weight: 900; font-size: 32px; text-align: center; margin-bottom: 25px; } .popups .popup .close { position: absolute; right: 20px; top: 20px; color: #c6c6c6; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; width: 16px; height: 16px; cursor: pointer; } .popups .popup .close:before { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .popups .popup .close:after { transform: translateX(-50%) translateY(-50%) rotate(45deg); } .popups .popup .close:before, .popups .popup .close:after { content: ""; position: absolute; width: 19px; height: 3px; top: 50%; left: 50%; background: currentColor; } .hasHover .popups .popup .close:hover { color: #e93e2c; } .popups .popup .link { font-weight: 500; font-size: 14px; color: #e93e2c; cursor: pointer; } .popups .popup .login_socials_wrapper { margin-top: 40px; } body.hide-social-login .popups .popup .login_socials_wrapper { display: none; } .popups .popup .login_socials_wrapper .agreement { margin-bottom: 20px; } .popups .popup:not(.buy_ticket) .text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 14px; justify-content: center; } .popups .popup:not(.buy_ticket) .text .link { margin-left: 10px; } .popups .popup .maybe_register { margin-top: 30px; border-top: 1px solid #ddd; padding: 30px 0px 10px; } .popups .popup .maybe_login { margin-top: 30px; margin-bottom: 5px; } .popups .popup .confirm_phone_popup .field .btn + .btn { margin-top: 15px; } .popups .popup.buy_ticket { width: auto; } @media only screen and (max-width : 1152px) { .popups .popup.buy_ticket { padding: 55px 0 30px; } } .popups .popup.buy_ticket .body { text-align: left; } .popups .popup .order-information__order { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .popups .popup .order-information__order-id { text-align: center; padding: 24px; } .popups .popup .order-information__steps { margin-left: 20px; } .popups .popup .order-information__steps li { text-align: left; list-style: decimal; } .popups .popup .order-information__title { text-align: left; margin-bottom: 12px; } .popups .auth-popup { text-align: left; max-width: 90vw; padding: 0; gap: 16px; flex-direction: column; margin: 0 10px; width: 448px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 16px; } .popups .auth-popup-tabs { border-top-right-radius: inherit; border-top-left-radius: inherit; } .popups .auth-popup.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .popups .auth-popup-titles { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; flex-direction: column; } .popups .auth-popup-title { font-weight: 500; font-size: 20px; max-width: 90%; margin-bottom: 16px; } .popups .auth-popup-subtitle { font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.7); } .popups .auth-popup-inputs input { border-style: solid; border-width: 1px; border-radius: 4px; } .popups .auth-popup-inputs input:focus { border-color: #ec6652; } .popups .auth-popup-inputs input.hidden { display: none; } .popups .auth-popup-choose-type-tabs { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; align-items: flex-start; } .popups .auth-popup-choose-type-tabs div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px 4px 0px 0px; width: 100%; cursor: pointer; font-size: 14px; } .popups .auth-popup-choose-type-tabs div.active { border-bottom: 1px solid #ec6652; background: rgba(255, 0, 51, 0.05); color: #ec6652; } .popups .auth-popup-resend-code-button:disabled { color: #9e9e9e; } .popups .auth-popup-send-code-button { padding: 12px 8px; gap: 8px; background: #ec6652; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 24px; color: #ffffff; width: 100%; min-height: 52px; } @media (min-width: 768px) { .popups .auth-popup-send-code-button { border-width: 1.5px; } } .popups .auth-popup-send-code-button:disabled[disabled=true], .popups .auth-popup-send-code-button.processing { background: #e6e6e6; color: rgba(0, 0, 0, 0.6); pointer-events: none; } .popups .auth-popup-send-code-button.processing { color: #e6e6e6; } .popups .auth-popup-login-with-password-button { color: #ec6652; font-weight: 500; font-style: normal; font-size: 16px; line-height: 24px; padding: 0; margin-top: 12px; } .popups .auth-popup-change-phone-email { cursor: pointer; color: #ec6652; font-size: 14px; } .popups .login_confirm { padding: 24px 16px; } .login_socials_wrapper { text-align: center; } .login_socials_wrapper .title { font-weight: 500; font-size: 14px; } .login_socials_wrapper .socials { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } .login_socials_wrapper .socials .social { background: #f0f0f0; margin-left: 10px; width: 52.78px; height: 52.78px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: background-color 0.3s 0s ease-out, box-shadow 0.3s 0s ease-out, border-color 0.3s 0s ease-out, color 0.3s 0s ease-out, opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out; } .login_socials_wrapper .socials .social.vk { color: #627ca1; font-size: 14px; } .login_socials_wrapper .socials .social.fb { color: #4b619e; font-size: 21px; } .login_socials_wrapper .socials .social.tw { color: #4b9feb; font-size: 17px; } .login_socials_wrapper .socials .social:first-child { margin-left: 0px; } .hasHover .login_socials_wrapper .socials .social:hover { background-color: #e93e2c; color: #fff; } .login_socials_wrapper .agreement { margin: 20px 30px 0px; font-size: 12px; color: #bdbdbd; } #loading { z-index: 1000; } #loading .loader { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; border-top: 5px solid rgba(207, 207, 207, 0.2); border-right: 5px solid rgba(207, 207, 207, 0.2); border-bottom: 5px solid rgba(207, 207, 207, 0.2); border-left: 5px solid #cfcfcf; -webkit-animation: ajax_loading 1.1s infinite linear; animation: ajax_loading 1.1s infinite linear; } #loading .loader, #loading .loader:after { border-radius: 50%; width: 50px; height: 50px; } .login_form-footer { width: 100%; text-align: center; margin-top: 30px; } .login_form-footer .link { font-weight: 500; font-size: 14px; color: #e93e2c; cursor: pointer; } .login_form-footer .text .link { margin-left: 10px; } .login_form-footer .maybe_register { margin-top: 30px; border-top: 1px solid #ddd; padding: 30px 0px 10px; } .accent-dark { color: #cc3629; } .text-center { text-align: center; } .color-orange { color: #e93e2c; } .text-disclaimer { color: #6a6a6a; font-size: 12px; max-width: 500px; margin: 0 auto; } .text-disclaimer p { margin-bottom: 10px; } .text-disclaimer a { text-decoration: underline; } body.fs-dialog header .top { z-index: 0; } .news-img img, .news-img picture { max-width: 100%; height: auto; } .news.small .news-img { position: relative; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news.small .news-img picture { border-radius: 8px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 132px; background: #f2f2f2; width: 100%; -o-object-fit: cover; object-fit: cover; } .news.small .news-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .news.small .news-img .event_end_label { position: absolute; left: 25px; top: 25px; line-height: 23px; background: #000; color: #fff; font-weight: 500; font-size: 12px; border-radius: 12px; padding: 0px 10px; } @media only screen and (min-width:1152px) { .news.small .news-img .event_end_label { height: 23px; } } .news.small .news-img .rating_info, .news.small .news-img .ticket_icon { position: absolute; } @media only screen and (max-width : 1152px) { .news.small .news-img .rating_info, .news.small .news-img .ticket_icon { right: 15px; top: 15px; } } @media only screen and (min-width: 1152px) and (max-width:1920px) { .news.small .news-img .rating_info, .news.small .news-img .ticket_icon { right: 15px; top: 15px; } } @media only screen and (min-width:1920px) { .news.small .news-img .rating_info, .news.small .news-img .ticket_icon { right: 20px; top: 20px; } } .news.medium .news-img, .news.big .news-img { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; border-radius: 12px; overflow: hidden; } .news.medium .news-img:before, .news.big .news-img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; border-radius: inherit; } @media only screen and (max-width : 1152px) { .news.medium .news-img:before, .news.big .news-img:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(12.99%, rgba(0, 0, 0, 0)), color-stop(69.25%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); } } @media only screen and (min-width:1152px) { .news.medium .news-img:before, .news.big .news-img:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(12.99%, rgba(0, 0, 0, 0)), color-stop(69.25%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0.8) 69.25%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0.8) 69.25%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0.8) 69.25%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0.8) 69.25%); } } .news.medium .news-img img, .news.big .news-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media (max-width: 768px) { .news.big .news-img, .news.big img { border-radius: 0; } } .dialogs { border: none; display: none; position: fixed; width: 100%; height: 100%; box-sizing: border-box; padding: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .dialogs.show { display: block; } .dialogs-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; min-height: 100%; position: relative; overflow-y: auto; } .dialog { min-width: 300px; display: none; position: absolute; border-radius: 4px; } .dialog--background { content: " "; display: none; z-index: -1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .dialog--open { display: block; z-index: 99; } .dialog--open .dialog--background { display: block; } .dialog--close { cursor: pointer; } .dialog-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start; } .dialog-header h5 { font-size: 26px; } .dialog-header .dialog--close { flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .dialog-content { background-color: #fff; box-shadow: 0px 5px 15px rgba(50, 50, 93, 0.15); overflow: auto; max-height: 100vh; border-radius: 6px; max-width: 100%; } .dialog-content-inner { padding: 30px; } @media (max-width: 768px) { .dialog-content { border-radius: 0; overflow: auto; } } .dialog-content.no-side-padding { padding-left: 0; padding-right: 0; } @media (max-width: 768px) { .dialog.mobile-full .dialog-content { height: 100vh; } } .close-icon { width: 16px; height: 16px; cursor: pointer; color: #c6c6c6; position: relative; top: 11px; padding-left: 10px; } .close-icon:before { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .close-icon:after { transform: translateX(-50%) translateY(-50%) rotate(45deg); } .close-icon:before, .close-icon:after { content: ""; position: absolute; width: 19px; height: 3px; top: 50%; left: 50%; background: currentColor; } .open--dialog { cursor: pointer; } .dialog.code-confirm .dialog-header, .dialog.phone-confirm .dialog-header { margin-bottom: 20px; } .dialog.code-confirm .dialog-content, .dialog.phone-confirm .dialog-content { width: 400px; } .dialog.code-confirm .dialog-content .btn, .dialog.phone-confirm .dialog-content .btn { width: 100%; margin-bottom: 10px; } .dialog.email-confirm .dialog-header, .dialog.username-confirm .dialog-header, .dialog.email-code-confirm .dialog-header { margin-bottom: 20px; } .dialog.email-confirm .dialog-content, .dialog.username-confirm .dialog-content, .dialog.email-code-confirm .dialog-content { width: 400px; } .dialog.email-confirm .dialog-content .btn, .dialog.username-confirm .dialog-content .btn, .dialog.email-code-confirm .dialog-content .btn { width: 100%; margin-bottom: 10px; } .dialog.refund-confirm .dialog-content { min-height: auto; } .dialog.refund-confirm .dialog-content textarea { min-height: 100px; } @media (min-width: 768px) { .dialog.refund-confirm .dialog-content .form .field:last-child { margin-bottom: 0; } } .dialog.refund-confirm .dialog-content .form button { width: 100%; } .hall-selected-place { padding: 8px; min-width: 96px; border: 1px solid #e5e5e5; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06); border-radius: 8px; position: relative; margin-right: 8px; background: #fff; display: block; } @media (min-width: 768px) { .hall-selected-place { padding: 16px 32px 16px 16px; margin-right: 16px; } } .hall-selected-place-seat { font-size: 9px; line-height: 12px; letter-spacing: 0.3px; color: #595959; } @media (min-width: 768px) { .hall-selected-place-seat { font-size: 14px; line-height: 16px; } } .hall-selected-place-rate { font-size: 9px; line-height: 12px; letter-spacing: 0.3px; margin-top: 2px; } @media (min-width: 768px) { .hall-selected-place-rate { font-size: 14px; line-height: 16px; margin-top: 4px; } } .hall-selected-place-price { font-weight: 500; font-size: 12px; line-height: 14px; letter-spacing: 0.2px; margin-top: 2px; } @media (min-width: 768px) { .hall-selected-place-price { font-size: 16px; line-height: 16px; margin-top: 8px; } } .hall-selected-place-price .without-discount { color: #e53d2e; font-size: 10px; text-decoration: line-through; -webkit-text-decoration-line: line-through; } @media (min-width: 768px) { .hall-selected-place-price .without-discount { font-size: 14px; } } .hall-price-range { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 100%; overflow: auto; padding: 0 12px; padding-bottom: 4px; } @media (min-width: 768px) { .hall-price-range { justify-content: center; } } .hall-price-range .hall-price-range-item { background: #ffffff; border: 0.5px solid #e5e5e5; box-sizing: border-box; box-shadow: 0 0 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06); border-radius: 16px; margin-right: 8px; padding: 4px 8px; font-size: 11px; line-height: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-shrink: 0; cursor: default; } @media (min-width: 768px) { .hall-price-range .hall-price-range-item { padding: 8px 12px; font-size: 14px; line-height: 16px; } } .hall-price-range .hall-price-range-item-color { width: 10px; height: 10px; display: block; border-radius: 50%; margin-right: 4px; } @media (min-width: 768px) { .hall-price-range .hall-price-range-item-color { margin-right: 8px; width: 16px; height: 16px; } } .hall-event-information { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; position: relative; box-sizing: border-box; } .hall-event-information-title { font-weight: 500; font-size: 16px; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; letter-spacing: 0.1px; margin-bottom: 4px; width: 100%; } .hall-event-information-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } .hall-event-information-date, .hall-event-information-place { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; } .hall-event-information-date { color: #595959; margin-right: 4px; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .hall-event-information-date:after { content: " "; display: block; margin-left: 4px; background: #a6a6a6; width: 3px; height: 3px; border-radius: 50%; flex-shrink: 0; } a.hall-event-information-place { color: #3072c4; cursor: pointer; } .content_wrapper .socials_share .socials .social.whatsapp { color: #25d366; font-size: 19px; } .content_wrapper .socials_share .socials .social.telegram { color: #0088cc; font-size: 18px; } @media (max-width: 768px) { .content_wrapper .socials_share .top_text { padding: 10px 0; } .content_wrapper .socials_share .top_text .title { font-size: 18px; } .content_wrapper .socials_share .top_text .text { font-size: 14px; } .content_wrapper .socials_share .socials .social span { display: none; } .content_wrapper .socials_share .socials .social.vk .svg-icon, .content_wrapper .socials_share .socials .social.fb .svg-icon, .content_wrapper .socials_share .socials .social.tw .svg-icon { margin-right: 0; } } @media (min-width: 768px) { .content_wrapper .socials_share .social[data-network=telegram], .content_wrapper .socials_share .social[data-network=whatsapp] { display: none; } } .content_wrapper .socials_share.hide-top .top_text { display: none; } .content_wrapper .socials_share.hide-top .socials { border-top: none; } .flatpickr-current-month .numInputWrapper { display: none; } .flatpickr-current-month span.cur-month:hover { background: none; } .flatpickr-day.selected, .flatpickr-day.selected:hover { background-color: #e93e2c; border-color: #e93e2c; } .flatpickr-day.today { border-color: #e93e2c; } .calendar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: auto; width: 100%; max-width: 100%; box-sizing: border-box; } .calendar-month-title { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.865); margin-bottom: 4px; } @media (min-width: 768px) { .calendar-month-title { font-size: 14px; line-height: 16px; } } .calendar-days { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .calendar-day { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 40px; height: 50px; position: relative; cursor: pointer; padding: 4px 0; justify-content: center; } .calendar-day-weekend .calendar-day-value { color: #bb483d; } .calendar-day.active { background: #ec6652; border-radius: 4px; } .calendar-day.in-range { background: #f2f2f2; } .calendar-day.active .calendar-day-title { color: rgba(255, 255, 255, 0.48); } .calendar-day.active .calendar-day-value { color: #fff; } .calendar-day-title { font-weight: 500; font-size: 12px; line-height: 18px; text-transform: uppercase; width: 100%; text-align: center; margin-bottom: 2px; color: #a6a6a6; } .calendar-day-value { font-weight: 500; font-size: 16px; line-height: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .infinite-list { display: block; white-space: nowrap; } .infinite-list ul li, .infinite-list ul .swiper-slide { width: auto; margin-right: 10px; } .infinite-list ul li:last-child, .infinite-list ul .swiper-slide:last-child { margin-right: 0; } .my-tickets-list-card { color: #262626; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; background: #ffffff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 12px; position: relative; z-index: 1; } .my-tickets-list-card.doubled, .my-tickets-list-card.multiple { margin-bottom: 8px; } @media (min-width: 768px) { .my-tickets-list-card.doubled, .my-tickets-list-card.multiple { margin-bottom: 0; padding-bottom: 8px; } } .my-tickets-list-card.doubled:before, .my-tickets-list-card.multiple:before { content: " "; display: block; width: -webkit-calc(100% - 16px); width: -moz-calc(100% - 16px); width: calc(100% - 16px); height: 8px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 0px 0px 8px 8px; position: absolute; left: 8px; bottom: -8px; z-index: -1; } .my-tickets-list-card.multiple { margin-bottom: 16px; } @media (min-width: 768px) { .my-tickets-list-card.multiple { margin-bottom: 0; padding-bottom: 16px; } } .my-tickets-list-card.multiple:after { content: " "; display: block; width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: calc(100% - 32px); height: 8px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 0px 0px 8px 8px; position: absolute; left: 16px; bottom: -16px; z-index: -2; } .my-tickets-list-card-header, .my-tickets-list-card-details, .my-tickets-list-card-footer { width: 100%; } .my-tickets-list-card-details { margin-top: 8px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-row-gap: 8px; grid-column-gap: 12px; align-items: flex-start; } .my-tickets-list-card-total { margin-top: 12px; } .my-tickets-list-card-footer { margin-top: auto; } @media (min-width: 768px) { .my-tickets-list-card .my-ticket-title { font-size: 16px; line-height: 100%; } } @media (min-width: 1920px) { .my-tickets-list-card .my-ticket-title { font-size: 24px; line-height: 100%; } } @media (min-width: 1920px) { .my-tickets-list-card .my-ticket-detail-label, .my-tickets-list-card .my-ticket-detail-value { font-size: 16px; line-height: 24px; } } @media (min-width: 768px) { .my-tickets-list-card .my-ticket-detail-value { margin-top: 2px; } } @media (min-width: 1920px) { .my-tickets-list-card .my-ticket-count { font-size: 16px; line-height: 24px; } } @media (min-width: 1920px) { .my-tickets-list-card .my-ticket-price { font-size: 24px; line-height: 32px; } } .my-ticket { color: #262626; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08)); border-radius: 8px; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 768px) { .my-ticket { flex-direction: column; } } .my-ticket-qr { max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); } .my-ticket-qr-image { width: 100%; margin-bottom: 32px; text-align: center; } .my-ticket-qr .my-ticket-id { margin-bottom: 4px; } .my-ticket-qr .dialog-content { border-radius: 8px; } .my-ticket-qr .dialog-content-inner { padding: 32px 12px 16px; } .my-ticket-qr .my-ticket-bottom { padding-bottom: 0; } .my-ticket-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 12px; background: #fff; width: 100%; flex-grow: 1; } .my-ticket-divider { position: relative; z-index: 1; width: 100%; display: block; height: 16px; margin: 0 8px; background: #fff; } @media (min-width: 768px) { .my-ticket-divider { width: -webkit-calc(100% - 16px); width: -moz-calc(100% - 16px); width: calc(100% - 16px); } } .my-ticket-divider hr { border: none; border-bottom: 2px dashed #e5e5e5; } .my-ticket-divider:before, .my-ticket-divider:after { content: " "; display: block; width: 16px; height: 16px; position: absolute; border-radius: 50%; left: -20px; bottom: -4px; z-index: 4; border: 4px solid #fff; } .my-ticket-divider:after { right: -20px; left: auto; z-index: 4; } .my-ticket-header, .my-ticket-details, .my-ticket-bottom, .my-ticket-footer { width: 100%; } .my-ticket-header { margin-top: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .my-ticket-header .my-ticket-title { width: 100%; } .my-ticket-header .my-ticket-description { margin-top: 8px; } .my-ticket-bottom { margin-top: 12px; } .my-ticket-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; background: #fff; padding: 16px 12px; } .my-ticket-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 16px; width: 100%; font-size: 15px; font-weight: 500; line-height: 20px; letter-spacing: 0.2px; color: #ffffff; background: #e53d2e; border-radius: 8px; cursor: pointer; margin-top: 10px; } .my-ticket-btn[disabled] { background: #f2f2f2; color: #a6a6a6; pointer-events: none; } .my-ticket .btn-orange { background-color: #FF9500; } .my-ticket .btn-orange[disabled] { background-color: #f2f2f2; } .my-ticket-id { font-size: 11px; line-height: 14px; letter-spacing: 0.3px; color: #595959; } @media (min-width: 768px) { .my-ticket-id { font-size: 12px; } } .my-ticket-title { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.1px; } .my-ticket-description { font-size: 13px; line-height: 16px; color: #595959; letter-spacing: 0.2px; } @media (min-width: 768px) { .my-ticket-description { font-size: 14px; line-height: 16px; } } .my-ticket-details { margin-top: 8px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-row-gap: 8px; grid-column-gap: 12px; align-items: flex-start; } .my-ticket-detail { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .my-ticket-detail-label, .my-ticket-detail-value { width: 100%; font-size: 12px; line-height: 14px; letter-spacing: 0.2px; color: #595959; } @media (min-width: 768px) { .my-ticket-detail-label, .my-ticket-detail-value { line-height: 16px; } } .my-ticket-detail-value { margin-top: 4px; font-weight: 500; color: #262626; } @media (min-width: 768px) { .my-ticket-detail-value { margin-top: 2px; } } .my-ticket-count { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; color: #262626; } .my-ticket-price { font-weight: 500; font-size: 20px; line-height: 24px; color: #000; } .my-ticket-info { color: #262626; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; background: #ffffff; border-radius: 0 0 8px 8px; position: relative; padding: 12px; width: 100%; } .my-ticket-info-status { font-size: 14px; line-height: 16px; } .my-ticket-info-status.unpaid { color: #cc3629; } .my-ticket-info-refund { font-size: 14px; line-height: 16px; flex-grow: 1; text-align: right; color: #cc3629; } @media (min-width: 768px) { .my-ticket-info-refund { margin-left: 5%; } } @media (min-width: 768px) { .my-ticket-info { border: 1px solid #e5e5e5; box-sizing: border-box; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 24px; } } .my-ticket-info .my-ticket-title { font-size: 20px; line-height: 24px; } @media (min-width: 768px) { .my-ticket-info .my-ticket-title { font-size: 32px; line-height: 40px; } } .my-ticket-info-header, .my-ticket-info-details, .my-ticket-info-footer { width: 100%; } .my-ticket-info-header { margin-top: 8px; } @media (min-width: 768px) { .my-ticket-info-header { margin-top: 8px; } } .my-ticket-info-details { margin-top: 8px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-row-gap: 8px; grid-column-gap: 12px; align-items: flex-start; } @media (min-width: 768px) { .my-ticket-info-details { margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } } .my-ticket-info-total { margin-top: 12px; } .my-ticket-info-footer { margin-top: auto; display: -ms-grid; display: grid; margin-top: 12px; grid-template-areas: "total download" "btn btn"; } .my-ticket-info-footer .my-tickets-list-card-total { -ms-grid-row: 1; -ms-grid-column: 1; margin-top: 0; grid-area: total; } .my-ticket-info-footer .my-ticket-info-download { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: download; margin-left: auto; -ms-grid-row-align: center; align-self: center; font-weight: 500; font-size: 14px; line-height: 16px; } .my-ticket-info-footer .my-ticket-info-download a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #cc3629; align-items: center; } .my-ticket-info-footer .my-ticket-info-download a svg { margin-right: 8px; } .my-ticket-info-footer .my-ticket-btn { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: btn; } .my-ticket-info .my-ticket-btn { position: fixed; bottom: 12px; left: 12px; z-index: 99; width: -webkit-calc(100% - 24px); width: -moz-calc(100% - 24px); width: calc(100% - 24px); } @media (min-width: 768px) { .my-ticket-info .my-ticket-btn { left: initial; bottom: initial; position: relative; margin-top: 24px; width: 25%; } } .my-ticket-info .full-refund { width: -webkit-calc(100% - 24px); width: -moz-calc(100% - 24px); width: calc(100% - 24px); } @media (min-width: 768px) { .my-ticket-info .full-refund { width: 20%; } } .timeslots { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: auto; max-width: 100%; position: relative; row-gap: 16px; -moz-column-gap: 8px; column-gap: 8px; } @media (min-width: 768px) { .timeslots { flex-wrap: wrap; } } .timeslots .timeslots-item { width: 48px; height: 44px; flex-shrink: 0; font-size: 12px; line-height: 14px; padding: 15px 8px; text-align: center; letter-spacing: 0.2px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 12px; color: #262626; cursor: pointer; } .timeslots .timeslots-item.disabled { background: #f2f2f2; color: #000000; border: 1px solid #e5e5e5; } .timeslots .timeslots-item.disabled:hover { cursor: not-allowed; background: #f2f2f2; color: #000000; border: 1px solid #e5e5e5; } .timeslots .timeslots-item:hover, .timeslots .timeslots-item.active { background: #e53d2e; border: 1px solid #d70c17; color: #fff; } .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; } .breadcrumbs-item { font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.6); padding-right: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .breadcrumbs-item:last-child { color: rgba(0, 0, 0, 0.87); } .breadcrumbs-item:last-child:after { display: none; } .breadcrumbs-item:after { content: " "; display: block; border-top: 1px solid rgba(0, 0, 0, 0.38); border-right: 1px solid rgba(0, 0, 0, 0.38); width: 6px; height: 6px; margin-left: 12px; transform: rotate(45deg); } .dropdown { position: relative; font-weight: normal; } .dropdown-right .dropdown-content { right: 0; } .dropdown-open { cursor: pointer; } .dropdown-content { margin-top: 4px; display: none; position: absolute; padding: 16px; background: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 16px; min-width: 250px; z-index: 10; } .dropdown.active .dropdown-content { display: block; } .impression-state { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; justify-content: center; } .impression-loader { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 12px 20px; } .impression-loader[hidden] { display: none; } .impression-loader .impression-icon { color: #bb483d; margin-right: 8px; } .promotion { margin: 16px auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } @media (min-width: 768px) { .promotion-mobile { display: none; } } .promotion-desktop { display: none; } @media (min-width: 768px) { .promotion-desktop { display: block; } } .selected-flag { padding-left: 16px !important; } .selected-flag .flag { transform: scale(1.5) !important; } .selected-flag .arrow { margin-left: 14px; border-top-color: #B3B3B3; } .iti input[type=tel] { padding-left: 72px; } .country-list { background: white !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 4px; width: 100% !important; top: 60px !important; transform: none !important; height: 300px !important; } .country-list .divider { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .country-list .country { height: 48px !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; color: #262626 !important; padding-left: 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); white-space: pre-wrap; } .country-list .country .country-name { color: #262626 !important; } .country-list .country .dial-code { color: #262626 !important; } .country-list .country .flag-box { width: 35px; } .country-list .country .flag-box .flag { transform: scale(1.5); } .country-list .country.active { background: rgba(0, 0, 0, 0.05) !important; } .country-list .country.highlight { background: rgba(0, 0, 0, 0.05) !important; } div[data-popup=select_city_popup] { width: auto !important; } div[data-popup=select_city_popup] h3 { font-size: 32px; text-align: left; margin-bottom: 10px; } @media screen and (max-width: 768px) { div[data-popup=select_city_popup] h3 { font-size: 24px; } } .select-city-container h2 { font-size: 32px; margin-bottom: 15px; text-align: left; } .select-city-container ul { margin-top: 15px; height: 50vh; overflow: auto; text-align: left; } .select-city-container ul li { padding: 10px 0; font-size: 16px; } .select-city-container ul li:nth-child(-n+3) { font-weight: 600; } .select-city-container ul li:nth-child(3) { border-bottom: 1px solid #F2F2F2; } @media screen and (min-width: 768px) { .select-city-container { width: 470px; } .select-city-container ul { height: 600px; } } * { scrollbar-width: thin; scrollbar-color: #7A7A7A transparent; } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background-color: #7A7A7A; border-radius: 20px; border: transparent; } .warpper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .nav-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; } .nav-tab { cursor: pointer; padding: 10px 20px; display: inline-block; color: #fff; border-radius: 3px 3px 0px 0px; color: #000; border: 1px solid grey; } .panel { display: none; -webkit-animation: fadein 0.8s; animation: fadein 0.8s; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .panel-title { font-size: 1.5em; font-weight: bold; } .radio { display: none; } #one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel { display: block; } #one:checked ~ .nav-tabs #one-tab, #two:checked ~ .nav-tabs #two-tab, #three:checked ~ .nav-tabs #three-tab { background: rgba(255, 255, 255, 0.9647058824); border-bottom: white; border-top: 3px solid grey; } .impression-menu-item { position: relative; } .impression-menu-item .payment-button-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; justify-content: space-between; padding-right: 8px; } .impression-menu-item .payment-button { flex: 1; margin-right: 8px; } .impression-menu-item .info-trigger { background: none; border: none; padding: 4px; width: 24px; height: 24px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .impression-menu-item .info-trigger svg { width: 20px; height: 20px; } .impression-menu-item .info-trigger svg path, .impression-menu-item .info-trigger svg circle { transition: all 0.2s ease; stroke: #ec6652; } .impression-menu-item .info-trigger:hover svg path, .impression-menu-item .info-trigger:hover svg circle { stroke: #e73d24; } .impression-menu-item .deferred-payment-info { display: none; position: absolute; background: #FFFFFF; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); border-radius: 12px; padding: 16px; z-index: 1001; } @media screen and (min-width: 768px) { .impression-menu-item .deferred-payment-info { left: -webkit-calc(100% + 16px); left: -moz-calc(100% + 16px); left: calc(100% + 16px); top: 0; width: 280px; } } @media screen and (max-width: 767px) { .impression-menu-item .deferred-payment-info { position: fixed; top: 50%; left: 16px; right: 16px; transform: translateY(-50%); width: auto; max-height: 90vh; overflow-y: auto; } } .impression-menu-item .deferred-payment-info .info-close { position: absolute; right: 16px; background: none; border: none; padding: 4px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; z-index: 2; } .impression-menu-item .deferred-payment-info .info-close svg path { transition: stroke 0.2s ease; } .impression-menu-item .deferred-payment-info .info-close:hover svg path { stroke: #ec6652; } .impression-menu-item .deferred-payment-info .info-content { position: relative; padding-right: 24px; } .impression-menu-item .deferred-payment-info .info-content h4 { font-weight: 600; font-size: 16px; line-height: 20px; color: #2C2C2C; margin: 0 0 8px; } .impression-menu-item .deferred-payment-info .info-content p { font-size: 14px; line-height: 20px; color: #666666; margin: 0 0 12px; } .impression-menu-item .deferred-payment-info .info-content a { display: inline-block; font-size: 14px; line-height: 20px; color: #ec6652; text-decoration: none; } .impression-menu-item .deferred-payment-info .info-content a:hover { text-decoration: underline; } .impression-menu-item .deferred-payment-info.visible { display: block; } @media screen and (max-width: 767px) { .impression-menu-item::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 1000; pointer-events: none; } .impression-menu-item.show-overlay::after { opacity: 1; visibility: visible; } } img, picture { max-width: 100%; height: auto; display: inline-block; } .processing { color: transparent; position: relative; } .processing:after { content: " "; display: block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #343b4c; border-color: #343b4c transparent #343b4c transparent; -webkit-animation: spin 0.5s linear infinite; animation: spin 0.5s linear infinite; margin: 0 auto; position: absolute; left: 0; right: 0; top: -webkit-calc(50% - 9px); top: -moz-calc(50% - 9px); top: calc(50% - 9px); bottom: 0; } .processing.white:after { border-color: #fff transparent #fff transparent; } .button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 44px; padding: 10px 12px; justify-content: center; border: 1px solid #e53d2e; color: #e53d2e; box-sizing: border-box; cursor: pointer; border-radius: 8px; font-size: 15px; letter-spacing: 0.2px; align-items: center; } .button[hidden] { display: none; } .button-primary { color: #fff; background: #e53d2e; border: none; } .button-secondary { background: #f9ded7; color: #bb483d; border: none; } .btn[disabled], .btn[disabled]:hover, .hasHover .btn[disabled]:hover, .button[disabled], .button[disabled]:hover, .hasHover .button[disabled]:hover { background: #d9d9d9 !important; color: #fff; } .btn[hidden], .button[hidden] { display: none; } .btn.processing, .button.processing { color: transparent !important; } .btn.processing:after, .button.processing:after { border-color: #fff transparent #fff transparent; } .btn.processing .hide-on-processing, .button.processing .hide-on-processing { display: none; } .animate-spin { -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } select { padding: 14px 12px; border: 1px solid rgba(0, 0, 0, 0.12); box-sizing: border-box; border-radius: 8px; } /* Customize the label (the container) */ .impression-checkbox { display: block; position: relative; padding-left: 32px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .impression-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .impression-checkmark { position: absolute; top: 2px; left: 3px; height: 18px; width: 18px; background: transparent; border: 2px solid rgba(255, 255, 255, 0.48); border-radius: 2px; } /* Create the checkmark/indicator (hidden when not checked) */ .impression-checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .impression-checkbox input:checked ~ .impression-checkmark:after { display: block; } /* Style the checkmark/indicator */ .impression-checkbox .impression-checkmark:after { left: 4px; top: 0; width: 3px; height: 8px; border: solid rgba(255, 255, 255, 0.8); border-width: 0 3px 3px 0; transform: rotate(45deg); } .ui-tabs { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-top-left-radius: inherit; border-top-right-radius: inherit; } .ui-tabs * { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #404040; } .ui-tabs__button { width: 50%; min-height: 52px; background: #F4F4F4; padding: 8px; } .ui-tabs__button:first-child { border-top-left-radius: inherit; } .ui-tabs__button:last-child { border-top-right-radius: inherit; } .ui-tabs-active-tab { color: #DC6E59; background: white; } .ui-tabs-content { padding: 24px 16px 8px; display: none; } .ui-tabs-active-content { display: block; } #register_link:hover { color: red; /* цвет текста при наведении */ text-decoration: underline; /* подчеркивание текста при наведении */ } .tickets-list { max-width: 1200px; margin: 0 auto; margin-top: 30px; } .tickets-list h1 { font-size: 30px; width: 100%; } @media (max-width: 768px) { .tickets-list h1 { font-size: 24px; } } .tickets-list-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 30px; } .tickets-list-summary { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } @media (max-width: 768px) { .tickets-list-summary { text-align: left; } } .tickets-list-items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px; } @media (max-width: 768px) { .tickets-list-items { -ms-grid-columns: 100%; grid-template-columns: 100%; margin-bottom: 15px; } } @media (min-width: 768px) { .tickets-list-items-center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } .tickets-list-items-center .tickets-item { width: 33.3333333333%; } } .tickets-list-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; row-gap: 10px; justify-content: center; align-items: center; } .tickets-list-footer .btn[disabled] { opacity: 0.4; pointer-events: none; display: none; } .tickets-list-footer-promo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; min-width: 290px; max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); } @media (max-width: 1152px) { .tickets-list-footer-promo { width: 100%; } } @media (max-width: 768px) { .tickets-list-footer-promo { display: none; } } .tickets-list-footer-promo input { flex-grow: 2; margin-right: 6px; height: auto !important; text-transform: uppercase; padding: 10px 12px !important; } .tickets-list-disclaimer { color: #6a6a6a; font-size: 13px; max-width: 500px; margin: 0 auto; margin-top: 30px; } .tickets-list-disclaimer p { margin-bottom: 10px; } .tickets-list-disclaimer a { text-decoration: underline; } .animate__tada { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .tickets-availability { font-weight: 400; font-size: 12px; color: #e93e2c; } .tickets-item { padding: 15px; border: 1px solid #dbdbdb; border-radius: 4px; } .tickets-item h2 { font-size: 20px; } .tickets-item header { margin-bottom: 30px; width: 100%; } .tickets-item header .tickets-availability { margin-top: 5px; } .tickets-item-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } .tickets-item-description { margin-top: 10px; flex-basis: 100%; width: 100%; font-size: 13px; } .tickets-item_content { width: 100%; } .tickets-item-date { font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: 0.2px; transition: all 0.2s linear; width: 100%; align-items: center; } .tickets-item-date svg { color: #fff; fill: #fff; margin-right: 8px; } .tickets-availability { font-weight: 400; font-size: 12px; color: #e93e2c; } .tickets-hall-item { width: 100%; position: relative; max-width: 100%; box-sizing: border-box; } .tickets-hall-item header { margin-bottom: 30px; width: 100%; } .tickets-hall-item header .tickets-availability { margin-top: 5px; } .tickets-hall-item-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; } .tickets-hall-item-description { margin-top: 10px; flex-basis: 100%; width: 100%; font-size: 13px; } .tickets-hall-item .ticket-dates { margin-bottom: 32px; position: relative; max-width: 100%; } .tickets-hall-item-date { display: block; width: 100%; height: 40px; margin-bottom: 30px; border: 1px solid #e93e2c; font-size: 16px; color: #e93e2c; border-radius: 4px; padding: 0; font-weight: 500; transition: all 0.2s linear; } .tickets-hall-item .ticket-dates-choose { margin-top: 32px; } @media (min-width: 768px) { .tickets-hall-item .ticket-dates-choose { display: none; } } .ticket-types-item { margin-bottom: 8px; } .ticket-types-item_description { font-size: 14px; line-height: 18px; letter-spacing: 0.2px; color: #595959; margin-top: 2px; } .ticket-types-item:last-child { margin-bottom: 0; } .ticket-types-item header { margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .ticket-dates-title { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.1px; color: #262626; margin-bottom: 12px; } @media (min-width: 768px) { .ticket-dates-title { display: none; } } .ticket-rates h3 { margin-bottom: 15px; font-weight: 600; font-size: 17px; } .ticket-rates-item { padding: 8px 0; display: -ms-grid; display: grid; justify-content: flex-end; margin-right: auto; grid-template-areas: "rate-title rate-controls" "rate-price rate-controls" "rate-availability rate-controls"; -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; } .ticket-rates-item:first-of-type { padding-top: 0; } .ticket-rates-item.disabled { opacity: 0.4; } .ticket-rates-item:last-child { border: none; padding-bottom: 0; } .ticket-rates-item-title { -ms-grid-row: 1; -ms-grid-column: 1; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: 0.2px; grid-area: rate-title; -ms-grid-row-align: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .ticket-rates-item-limit { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; color: #cc3629; flex-shrink: 0; margin-left: 4px; } .ticket-rates-item-availability { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: rate-availability; } .ticket-rates-item-price { -ms-grid-row: 2; -ms-grid-column: 1; font-size: 14px; line-height: 18px; letter-spacing: 0.2px; margin-top: 2px; -ms-grid-row-align: center; align-self: center; grid-area: rate-price; color: rgb(60, 60, 60); } .ticket-rates-item-price span { text-decoration: line-through; -webkit-text-decoration-line: line-through; margin-right: 3px; font-weight: 400; color: #e53d2e; } .ticket-rates-item-controls { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-row-align: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; grid-area: rate-controls; margin-left: auto; } .ticket-rates-amount { font-size: 16px; padding: 0 10px; -ms-grid-row-align: center; align-self: center; min-width: 17px; text-align: center; } .ticket-rates-action { cursor: pointer; width: 38px; height: 38px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 8px; position: relative; background: #fff; } .ticket-rates-action.minus:before, .ticket-rates-action.plus:before { content: ""; position: absolute; height: 2px; width: 14px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #595959; } .ticket-rates-action.plus:before { background: #595959; } .ticket-rates-action.plus:after { content: ""; position: absolute; width: 2px; height: 14px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #595959; } .ticket-rates-sold-out { display: none; } .ticket-rates.sold-out .ticket-rates-item { display: none; } .ticket-rates.sold-out .ticket-rates-sold-out { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #ec6652; justify-content: center; align-items: center; } .ticket-hall { width: 100%; min-height: 500px; position: relative; display: none; flex-wrap: wrap; box-sizing: border-box; } @media (min-width: 768px) { .ticket-hall { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); } } @media (max-width: 768px) { .ticket-hall.inited { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } } .ticket-hall-loader { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; left: 0; right: 0; width: 100%; height: 100%; z-index: 99; background: #fff; text-align: center; } .ticket-hall-loader > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 768px) { .ticket-hall-loader svg { width: 16px; height: auto; } } .ticket-hall-loader-text { margin-top: 8px; width: 100%; } @media (min-width: 768px) { .ticket-hall-loader-text { margin-top: 16px; } } .ticket-hall-map { width: 100%; height: 80vh; position: relative; box-sizing: border-box; } @media (max-width: 768px) { .ticket-hall-map { height: 100%; } } .ticket-hall canvas { position: relative; width: 100%; height: 100%; box-sizing: border-box; } .ticket-hall-zoom.promo-exists, .ticket-hall-zoom.inviter-exists { bottom: 216px; } .ticket-hall-zoom.promo-exists.inviter-exists { bottom: 260px; } .ticket-hall-zoom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; position: absolute; bottom: 172px; right: 12px; } @media (min-width: 768px) { .ticket-hall-zoom { bottom: 192px; right: 24px; } } .ticket-hall-zoom-in, .ticket-hall-zoom-out { background: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 50%; width: 44px; height: 44px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; cursor: pointer; } @media (min-width: 768px) { .ticket-hall-zoom-in, .ticket-hall-zoom-out { width: 48px; height: 48px; } } .ticket-hall-zoom-out { margin-top: 12px; } .ticket-hall-header { width: 100%; position: absolute; z-index: 2; box-sizing: border-box; top: 0; left: 0; } .ticket-hall-header-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 8px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); background: #fff; width: 100%; position: relative; box-sizing: border-box; } @media (min-width: 768px) { .ticket-hall-header-top { display: none; } } .ticket-hall-header .hall-price-range { margin-top: 8px; } @media (min-width: 768px) { .ticket-hall-header .hall-price-range { margin-top: 16px; } } .ticket-hall-close { padding: 5px; margin-left: 8px; } .ticket-hall-footer { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .ticket-hall-footer { background: #fff; padding: 16px; } } .ticket-hall-footer .selected-places { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: relative; width: 100%; padding-bottom: 60px; padding-left: 12px; max-width: -webkit-calc(100% - 12px); max-width: -moz-calc(100% - 12px); max-width: calc(100% - 12px); overflow-x: auto; } @media (min-width: 768px) { .ticket-hall-footer .selected-places { padding-bottom: 0; padding-left: 0; } } .ticket-hall-footer .selected-places.promo-exists, .ticket-hall-footer .selected-places.inviter-exists { padding-bottom: 112px; } @media (min-width: 768px) { .ticket-hall-footer .selected-places.promo-exists, .ticket-hall-footer .selected-places.inviter-exists { padding-bottom: 0; padding-left: 0; } } .ticket-hall-footer .selected-places.promo-exists.inviter-exists { padding-bottom: 164px; } @media (min-width: 768px) { .ticket-hall-footer .selected-places.promo-exists.inviter-exists { padding-bottom: 0; padding-left: 0; } } .ticket-hall-soldout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1; justify-content: center; align-items: center; font-size: 24px; color: #ec6652; text-transform: uppercase; } @media (min-width: 768px) { .ticket-hall-soldout { border: 2px #ec6652 solid; z-index: 3; border-radius: 6px; } } .ticket-hall-soldout[hidden] { display: none; } .ticket-hall-dialog { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; display: none; z-index: 1; } .ticket-hall-dialog.open { display: block; } @media (min-width: 768px) { .ticket-hall-dialog.open { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } } .ticket-hall-dialog.open .ticket-hall-dialog-bg { display: block; } .ticket-hall-dialog-bg { content: " "; display: none; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .ticket-hall-dialog-content { box-sizing: border-box; background: #ffffff; border-radius: 8px 8px 0px 0px; padding: 12px 16px 120px; width: 100%; position: absolute; bottom: 0; z-index: 3; } .ticket-hall-dialog-content .inviter { padding: 12px 16px 180px; } @media (min-width: 768px) { .ticket-hall-dialog-content { bottom: auto; padding: 24px !important; border-radius: 8px; width: auto; min-width: 400px; } } .tickets-buy-btn { min-height: 44px; padding: 10px 12px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; align-items: center; line-height: normal; background: #e93e2c; color: #fff; min-width: 290px; max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); box-sizing: border-box; cursor: pointer; border-radius: 8px; font-size: 15px; letter-spacing: 0.2px; } @media (max-width: 768px) { .tickets-buy-btn.floating { position: fixed; z-index: 5; bottom: 8px; width: 100%; } } .tickets-buy-btn[disabled] { opacity: 0.3; pointer-events: none; } .tickets-buy-btn[disabled] .hide-on-processing { display: none; } .tickets-buy-btn-box:first-child { text-align: left; } .tickets-buy-btn-box:last-child { text-align: right; } .tickets-buy-btn-text { font-weight: 500; } .tickets-buy-btn .tickets-total-amount, .tickets-buy-btn .tickets-total-value { background: #cc3629; border-radius: 4px; padding: 4px 6px; font-size: 13px; white-space: nowrap; } .tickets-buy-btn .tickets-total-amount .without-discount, .tickets-buy-btn .tickets-total-value .without-discount { text-decoration: line-through; -webkit-text-decoration-line: line-through; margin-right: 3px; } .tickets-buy-btn .tickets-total-amount .service-fee-info, .tickets-buy-btn .tickets-total-value .service-fee-info { font-size: 12px; color: #666; margin-top: 4px; } .tickets-promo-btn { max-height: 75px; min-height: 44px; padding: 10px 12px; display: none; align-items: center; line-height: normal; color: #fff; text-align: center; min-width: 290px; max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); background: #e93e2c; border: 0; box-sizing: border-box; cursor: pointer; border-radius: 8px; font-size: 15px; letter-spacing: 0.2px; } @media (max-width: 768px) { .tickets-promo-btn.floating { position: fixed; z-index: 5; bottom: 60px; width: 100%; display: -ms-grid; display: grid; } } .tickets-promo-btn[disabled] { opacity: 0.3; pointer-events: none; } .tickets-promo-btn[disabled] .hide-on-processing { display: none; } .tickets-promo-btn.full { max-width: 100%; margin-top: 8px; } .tickets-inviter-btn { max-height: 75px; min-height: 44px; padding: 10px 12px; display: -ms-grid; display: grid; align-items: center; line-height: normal; color: #fff; text-align: center; min-width: 290px; max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); background: #9885f8; border: 0; box-sizing: border-box; cursor: pointer; border-radius: 8px; font-size: 15px; letter-spacing: 0.2px; } @media (max-width: 768px) { .tickets-inviter-btn.floating { position: fixed; z-index: 5; bottom: 60px; width: 100%; } } @media (max-width: 768px) { .tickets-inviter-btn.floating.promo-exists { bottom: 112px; } } .tickets-inviter-btn[disabled] { opacity: 0.3; pointer-events: none; } .tickets-inviter-btn[disabled] .hide-on-processing { display: none; } .tickets-inviter-btn.full { max-width: 100%; margin-top: 8px; } .entry-tickets-card { background: #ffffff; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); border-radius: 12px; padding: 16px 12px; } @media (min-width: 768px) { .entry-tickets-card { padding: 16px; } } .entry-tickets-card-input-email { margin-top: 10px; } .entry-tickets-stage-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 10px 12px; background: #fff; border-bottom: 1px solid #e5e5e5; max-width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .entry-tickets-stage-info { padding: 16px; margin-top: 32px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); border-radius: 12px; border: none; } } .entry-tickets-stage-info.hide-extra { justify-content: center; } .entry-tickets-stage-info.hide-extra .entry-tickets-stage-info-item { width: 100%; justify-content: center; } .entry-tickets-stage-info.hide-extra .entry-tickets-stage-info-item[data-name=extra] { display: none; } .entry-tickets-stage-info-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; font-weight: 500; font-size: 12px; line-height: 14px; color: #262626; cursor: pointer; } @media (min-width: 768px) { .entry-tickets-stage-info-item { font-size: 16px; line-height: 24px; } } .entry-tickets-stage-info-item.hide { display: none; } .entry-tickets-stage-info-icon { background: #e53d2e; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 50%; margin-right: 6px; } .entry-tickets-stage-info-icon svg { fill: #fff; width: 13px; } .entry-tickets-stage-info-item.active ~ .entry-tickets-stage-info-item .entry-tickets-stage-info-icon { background: #e5e5e5; } .entry-tickets-stage-info-item.active ~ .entry-tickets-stage-info-item .entry-tickets-stage-info-icon svg { fill: #a6a6a6; } .entry-tickets { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; background: #f2f2f2; max-width: 100%; position: relative; box-sizing: border-box; } .entry-tickets-subtitle { font-weight: 500; font-size: 20px; line-height: 24px; color: #262626; margin-bottom: 12px; } .entry-tickets-wrapper { margin: 0 auto; max-width: 100%; width: 100%; } @media (min-width: 768px) { .entry-tickets-wrapper { width: 744px; } } .entry-tickets-stages, .entry-tickets-stage-info { width: 100%; } @media (min-width: 768px) { .entry-tickets-stages { margin-top: 16px; } } .entry-tickets-stages-item { padding-bottom: 48px; display: none; } .entry-tickets-stages-item-footer { margin-top: 32px; padding: 0 12px; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .entry-tickets-stages-item-footer { padding: 0; margin-top: 48px; } } .entry-tickets-stages-item-footer .button { width: 100%; } @media (min-width: 768px) { .entry-tickets-stages-item-footer .button { width: 232px; } } .entry-tickets-stages-item.active { display: block; } .entry-tickets-stages-item[data-name=extra], .entry-tickets-stages-item[data-name=total] { padding: 24px 12px; } @media (min-width: 768px) { .entry-tickets-stages-item[data-name=extra], .entry-tickets-stages-item[data-name=total] { padding: 24px 0 48px; } } .entry-tickets-items { margin-top: 32px; padding: 0 12px; } @media (min-width: 768px) { .entry-tickets-items { padding: 0; } } @media (min-width: 768px) { .entry-tickets-items-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 24px; grid-row-gap: 24px; align-items: flex-start; } } .entry-tickets-items .entry-ticket { margin-bottom: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 12px; align-items: flex-start; } @media (min-width: 768px) { .entry-tickets-items .entry-ticket { margin-bottom: 0; } } @media (max-width: 768px) { .entry-tickets-summary { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } .entry-tickets-summary h1 { font-weight: 500; font-size: 24px; line-height: 28px; } @media (min-width: 768px) { .entry-tickets-summary h1 { font-size: 32px; line-height: 40px; } } .entry-ticket { cursor: pointer; } .entry-ticket.active { background: #e53d2e; color: #fff; } .entry-ticket.active .entry-ticket-limit { color: #fff; } .entry-ticket.active svg { fill: #fff; } .entry-ticket.active .entry-ticket-desc { color: rgba(255, 255, 255, 0.75); } .entry-ticket.disabled { opacity: 0.4; pointer-events: none; } .entry-ticket-steps { margin-top: 32px; max-width: 100%; position: relative; display: none; } .entry-ticket-steps.active { display: block; } .entry-ticket-step { margin-bottom: 32px; max-width: 100%; position: relative; } @media (min-width: 768px) { .entry-ticket-step[data-name=date] { width: -webkit-calc(50% - 12px); width: -moz-calc(50% - 12px); width: calc(50% - 12px); } } .entry-ticket-step.hide { display: none; } .entry-ticket-step-header { font-weight: 500; font-size: 20px; line-height: 24px; color: #262626; margin-bottom: 12px; } .entry-ticket-icon { margin-right: 10px; flex-shrink: 0; padding: 4px 2px; } .entry-ticket-icon svg { fill: #cc3629; } .entry-ticket-info { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .entry-ticket-info h3 { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.1px; } .entry-ticket-head { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } .entry-ticket-desc { width: 100%; margin-top: 2px; font-size: 14px; line-height: 18px; color: #595959; letter-spacing: 0.2px; } @media (min-width: 768px) { .entry-ticket-desc { margin-top: 4px; } } .entry-ticket-limit { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; flex-shrink: 0; margin-left: auto; color: #cc3629; } .entry-tickets-extra-item { margin-top: 8px; } .entry-tickets-extra-title { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.1px; color: #262626; margin-bottom: 12px; } .entry-tickets-extra-field { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: 12px; } .entry-tickets-extra-field-label, .entry-tickets-extra-field-caption { font-size: 12px; line-height: 14px; width: 100%; } .entry-tickets-extra-field-label { color: #a6a6a6; margin-bottom: 4px; } .entry-tickets-extra-field-caption { letter-spacing: 0.2px; color: #595959; margin-top: 4px; } .entry-tickets-extra-field input { background: #ffffff; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 4px; padding: 11px 12px; height: 40px; font-size: 14px; line-height: 18px; } .entry-tickets-extra-field input:focus { padding: 11px 12px; } .entry-tickets-total { max-width: 488px; margin: 0 auto; } .entry-tickets-total .entry-tickets-card { margin-bottom: 8px; } .entry-tickets-total-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; text-align: center; letter-spacing: 0.2px; margin-bottom: 8px; color: #595959; } .entry-tickets-total-row:last-child { margin-bottom: 0; } .entry-tickets-total-row b { font-weight: 500; } .entry-tickets-total-row-value { margin-left: auto; flex-shrink: 0; } .entry-tickets-total-row-value small { margin-right: 3px; color: #e53d2e; text-decoration: line-through; -webkit-text-decoration-line: line-through; } .entry-tickets-total-info { filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.12)); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; overflow: hidden; } .entry-tickets-total-info .entry-tickets-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; width: 100%; margin-bottom: 0; } .entry-tickets-total-info footer { margin-top: 16px; border-top: 1px solid #e5e5e5; padding-top: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: transparent; color: #262626; align-items: flex-end; } .entry-tickets-total-info svg { flex-shrink: 0; } .entry-tickets-total-info-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: 0.2px; } .entry-tickets-total-info-value { font-weight: 500; font-size: 20px; line-height: 24px; margin-left: auto; flex-shrink: 0; } .entry-tickets-total-info-value small { margin-right: 3px; font-weight: 400; color: #e53d2e; text-decoration: line-through; -webkit-text-decoration-line: line-through; } .entry-tickets-total .button { width: 100%; margin-top: 32px; } .entry-tickets-promo { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; } .entry-tickets-promo input { flex-grow: 2; margin-right: 6px; height: auto !important; text-transform: uppercase; } .entry-tickets-promo button { max-width: 150px; margin-top: 0 !important; } .tickets-info { width: 100%; box-sizing: border-box; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06); border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; overflow: hidden; } .tickets-info-status { width: 100%; padding: 15px 25px; font-weight: 700; background: #e1e1e1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 18px; } .tickets-info-status .icon { width: 20px; height: 20px; background: #fff; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-content: center; align-items: center; margin-right: 12px; position: relative; } .tickets-info-status .icon svg { width: 10px; } .tickets-info-status .icon svg.svg-icon--close { color: #e93e2c; } .tickets-info-status .icon svg.svg-icon--checkbox2 { color: #46be43; } .tickets-info-status.success { background: #46be43; color: #fff; } .tickets-info-status.wrong { background: #e93e2c; color: #fff; } .tickets-info-body { width: 100%; padding: 15px 25px; border-top: none; } .tickets-info-title { font-weight: bold; font-size: 18px; line-height: 120%; margin-bottom: 10px; } .tickets-info-row { margin-bottom: 13px; } .tickets-info-row label { font-size: 14px; line-height: 120%; color: #9a9a9a; margin-bottom: 3px; display: block; } .tickets-info-row-details { font-weight: 500; font-size: 14px; line-height: 120%; } .tickets-info-actions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 25px 15px; width: 100%; flex-wrap: wrap; } .tickets-info-actions button { width: 100%; margin-bottom: 10px; } .tickets-validation { display: -ms-grid; display: grid; padding: 10px 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } @media (max-width: 1024px) { .tickets-validation { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 20px 0; } } .tickets-validation-camera { width: 100%; } .tickets-validation-camera video, .tickets-validation-camera canvas { width: 100%; max-width: 100%; height: auto; border-radius: 6px; transform: scaleX(-1); min-height: 100px; background: #f2f2f2; display: block; } .tickets-validation-camera textarea[hidden] { display: none; } .tickets-validation-input { display: none; } .tickets-validation-data { margin: 0 auto; } @media (max-width: 768px) { #content.onTop .tickets-validation-data { position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; background: #fff; } } .tickets-validation-information { height: 100%; } @media (max-width: 768px) { .tickets-validation-information { padding: 20px; } } .tickets-validation-qr-intro { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #e93e2c; align-items: center; font-size: 48px; font-weight: 700; height: 100%; } @media (max-width: 1024px) { .tickets-validation-qr-intro { text-align: center; } } .my-tickets { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; padding-bottom: 46px; } @media (max-width: 768px) { .my-tickets { width: -webkit-calc(100% + 44px); width: -moz-calc(100% + 44px); width: calc(100% + 44px); margin: 0 -22px; } } @media (max-width: 768px) { .my-tickets-nav { display: none; } } @media (max-width: 768px) { .my-tickets-bg { background: #f2f2f2; padding-bottom: 20px; } } .my-tickets * { box-sizing: border-box; } .my-tickets-title { font-weight: 500; font-size: 24px; line-height: 28px; display: block; padding: 12px; width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; } @media (min-width: 768px) { .my-tickets-title { border: none; padding: 0; width: 100%; margin: 48px 0 16px; } } .my-tickets-statuses { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: auto; margin-bottom: 32px; padding: 0 12px; } @media (min-width: 768px) { .my-tickets-statuses { padding: 0; } } .my-tickets-status { padding-top: 10px; padding-bottom: 15px; position: relative; font-weight: 500; margin-right: 20px; flex-shrink: 0; } .my-tickets-status.active { color: #e93e2c; } .my-tickets-status.active:after { height: 4px; width: 100%; content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; background: #e93e2c; } .my-tickets-list { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; grid-row-gap: 16px; padding: 0 12px; } @media (min-width: 768px) { .my-tickets-list { padding: 0; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 48px; } } .my-tickets-view .my-tickets-list { margin-top: 16px; } @media (min-width: 768px) { .my-tickets-view .my-tickets-list { margin-top: 32px; } } .iti__flag { background-image: url("/images/flags.png") !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("/images/flags.png") !important; } } .iti { width: 100%; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 6px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=text], [dir=rtl] .iti--separate-dial-code input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/images/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("/images/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; } .partners-app { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; /* Rounded sliders */ } .partners-app > div { max-width: 1400px; width: 100%; } @media (min-width: 992px) { .partners-app { padding: 30px; } } .partners-app .button { border: none; } .partners-app .button.button-success { background-color: #35C759; border: none; color: white; } .partners-app .button.button-white { background-color: white; } .partners-app .button.button-gray { background-color: #F0F0F0; color: #EF483E; } .partners-app .button.button-gray-secondary { background-color: #F0F0F0; color: black; } .partners-app .button.button-gray-secondary img { margin-right: 5px; } .partners-app .btn-tabs { padding: 0; border-bottom: none; margin-top: 10px; } .partners-app .btn-tabs ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; justify-content: space-between; } @media (min-width: 992px) { .partners-app .btn-tabs ul { flex-direction: column; justify-content: start; } } .partners-app .btn-tabs ul li { list-style: none; margin-right: 5px; } @media (min-width: 992px) { .partners-app .btn-tabs ul li { margin: 5px; } } .partners-app .btn-tabs ul li > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } .partners-app .btn-tabs ul li > div div.arrow-bottom { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid white; } @media (min-width: 992px) { .partners-app .btn-tabs ul li > div { display: none; } } .partners-app .btn-tabs ul a { text-decoration: none; color: white; padding: 10px 15px; background-color: #EF483E; border-radius: 10px; position: relative; font-size: 14px; font-weight: 500; cursor: pointer; } .partners-app .btn-tabs ul a img { display: none; } @media (min-width: 992px) { .partners-app .btn-tabs ul a { background-color: white; color: black; display: block; width: 178px; } .partners-app .btn-tabs ul a img { margin-right: 5px; display: inline; } } .partners-app .btn-tabs ul a.is-active { color: black; background-color: white; } @media (min-width: 992px) { .partners-app .btn-tabs ul a.is-active { background-color: #FFE7E4; color: #EF483E; } } .partners-app .tabs { padding: 0; justify-content: start; } .partners-app .tabs .tab { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0; } .partners-app .field { margin-top: 20px; } .partners-app .field label { font-size: 17px; color: #000; font-weight: 500; } .partners-app .field input, .partners-app .field textarea { margin-top: 10px; } .partners-app .field .description { display: block; font-weight: 400; font-size: 14px; color: #595959; } .partners-app input:disabled { background-color: #EAEAEA; } .partners-app .switch { position: relative; display: inline-block; width: 52px; height: 28px; } @media (min-width: 992px) { .partners-app .switch { margin-left: 10px; } } .partners-app .switch input { opacity: 0; width: 0; height: 0; } .partners-app .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F4F4F4; transition: 0.4s; } .partners-app .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; } .partners-app input:checked + .slider { background-color: #35C759; } .partners-app input:focus + .slider { box-shadow: 0 0 1px #35C759; } .partners-app input:checked + .slider:before { transform: translateX(24px); } .partners-app .slider.round { border-radius: 34px; } .partners-app .slider.round:before { border-radius: 50%; } .partners-app .card { background-color: #F4F4F4; border-radius: 10px; } .partners-app .card .card-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; background-color: #EAEAEA; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 14px 19px 17px 19px; } .partners-app .card .card-header h3 { margin-bottom: 10px; } .partners-app .card .card-header .header-actions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-right: 10px; } .partners-app .card .card-header .header-actions > div { cursor: pointer; } .partners-app .card .card-header .header-actions .edit { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 68px; height: 27px; border-radius: 100px; background: #FFF; margin-right: 10px; } .partners-app .card.bg-pink { background-color: #FCF1F0; } .partners-app .card.bg-pink .card-header { background-color: #FCF1F0; } .partners-app .card .card-title { font-size: 22px; font-weight: 500; } .partners-app .card .card-content { padding: 18px 19px; border-top: 1px solid white; } .partners-app .card .card-block { margin-top: 17px; } .partners-app .card .card-block .card-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-top: 10px; } @media (min-width: 992px) { .partners-app .card .card-block .card-info { justify-content: flex-start; } .partners-app .card .card-block .card-info > div { width: 30%; } .partners-app .card .card-block .card-info > h3 { width: 30%; } } .partners-app .card .card-block h4, .partners-app .card .card-block h3, .partners-app .card .card-block p { font-weight: 500; font-size: 14px; margin: 0; } .partners-app .card .card-block h3 { color: #808080; font-weight: 400; } .partners-app .card .card-block:nth-child(1) { margin-top: 0; } .partners-app .card .card-white { background-color: white; } .partners-app .card .card-white .card-header { background-color: white; border-bottom: 2px solid #F4F4F4; } .partners-app .card .card-white .card-header .card-title { font-size: 17px; } .partners-app .card .card-white .card-content { padding: 0; } .partners-app .card .card-white .card-content-wrapper { position: relative; padding: 18px 19px; } .partners-app .card .card-white .card-content-wrapper > img { position: absolute; transform: rotate(180deg); bottom: -5px; left: 0; z-index: 1; } .partners-app .card .card-white .show-more { cursor: pointer; background-color: #FFE7E4; height: 58px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; justify-content: center; align-items: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .partners-app .card .card-white .show-more p { color: #EF483E; } .partners-app .divider { border-top: 1px solid white; } .partners-app .dialog { position: fixed; } @media (min-width: 992px) { .partners-app .dialog { position: absolute; top: 0; width: 874px; } .partners-app .dialog > dialog-content { padding: 28px; } } .partners-app .dialog-content-inner { padding: 0; } .partners-app .dialog-content-inner .content { padding: 22px; height: 75vh; overflow: scroll; padding-bottom: 450px; } .partners-app .dialog-content-inner .dialog-content { overflow: hidden; } .partners-app .tabs { height: auto; } .partners-app .tabs .tab.active:after { bottom: -2px; } .partners-app .action-dialog h2 { font-size: 17px; } .partners-app .action-dialog-content { padding: 26px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 20vh; } .partners-app .dialog--background { background-color: rgba(0, 0, 0, 0.1); } .partners-app .desktop { display: none; } @media (min-width: 992px) { .partners-app .ticket { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 1400px; justify-content: center; } .partners-app .mobile { display: none; } .partners-app .desktop { display: block; } } .partners-app .tab-wrapper { padding: 20px; background-color: #F4F4F4; border-top: 1px solid #D9D9D9; position: relative; } .partners-app .tab-wrapper .tab-detail-wave { position: absolute; width: 100%; bottom: -10px; left: 0; } @media (min-width: 992px) { .partners-app .tab-wrapper { background-color: white; } } .partners-app .tab-detail { padding: 0 22px; } @media (min-width: 992px) { .partners-app .tab-detail { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .partners-app .tab-detail > div { width: 100%; } } .partners-app .toogle-ticket { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } .partners-app .error-text { color: #e53d2e; } .partners-app .impression-dialog .dialog-content { min-height: 90vh; } .partners-app .description { color: #595959; font-size: 12px; } .partners-app .mx-datepicker { width: 100%; } .partners-app .tabs-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: start; flex-direction: column; } .partners-app .tabs-header h3 { margin: 0; } .partners-app .d-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .partners-app .d-flex.center { justify-content: center; align-items: center; } .partners-app .d-flex.align-center { align-items: center; } .partners-app .d-flex.justify-center { justify-content: center; } .partners-app .mt-0 { margin-top: 0; } .partners-app .mt-1 { margin-top: 5px; } .partners-app .mt-2 { margin-top: 10px; } .partners-app .mt-3 { margin-top: 15px; } .partners-app .mt-4 { margin-top: 20px; } .partners-app .mb-1 { margin-bottom: 5px; } .partners-app .mb-2 { margin-bottom: 10px; } .partners-app .mb-3 { margin-bottom: 15px; } .partners-app .mb-4 { margin-bottom: 20px; } .post-article-img { max-width: 100%; margin-bottom: 35px; border-radius: 12px; } .post-article-img img { border-radius: 12px; } @media (max-width: 768px) { .post-article-img { width: -webkit-calc(100% + 44px); width: -moz-calc(100% + 44px); width: calc(100% + 44px); max-width: -webkit-calc(100% + 44px); max-width: -moz-calc(100% + 44px); max-width: calc(100% + 44px); margin-left: -22px; margin-bottom: 0; } .post-article-img img { border-radius: 0; } } .post-article-images picture, .post-article-images img { -o-object-fit: cover; object-fit: cover; width: 100%; display: block; } @media (max-width: 768px) { .post-article-images picture, .post-article-images img { height: 100%; } } .post-article-images-single { overflow: hidden; position: relative; display: block; height: 100%; } @media only screen and (min-width: 1152px) and (max-width:1920px) { .post-article-images-single { border-radius: 12px; } } @media only screen and (min-width:1920px) { .post-article-images-single { border-radius: 24px; } } .post-article-images-single:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(12.99%, rgba(0, 0, 0, 0)), color-stop(69.25%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.99%, #000000 69.25%); opacity: 0.7; z-index: 1; /*border-radius: 24px;*/ } .posts-with-tickets .infinite-list { padding: 20px 0; margin-bottom: 20px; } .posts-with-tickets .infinite-list a { border: 1px solid #ddd; padding: 5px 13px; border-radius: 20px; } .partner-tickets { padding-top: 32px; } .partner-tickets h1 { font-size: 32px; line-height: 40px; color: rgba(0, 0, 0, 0.87); } @media (max-width: 768px) { .partner-tickets-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .partner-tickets-table span.inactive { color: #bb483d; } .partner-tickets-table td { font-size: 14px; line-height: 20px; font-weight: normal; color: rgba(0, 0, 0, 0.87); white-space: nowrap; } .partner-tickets-table a { color: #2e8ae6; } .partner-tickets-table th { border: none; font-weight: normal; color: rgba(0, 0, 0, 0.6); } .partner-tickets-table td, .partner-tickets-table th { padding: 16px; } .partner-tickets-table td:first-child, .partner-tickets-table th:first-child { padding-left: 16px; } .partner-tickets-table span.active { color: #537829; } .partner-tickets-table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .partner-tickets-table tbody tr:nth-of-type(even) { background-color: #fafafa; } .partner-tickets-reservations h1 { margin-top: 16px; } .partner-tickets-reservations-filters { margin-right: 24px; margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: flex-end; row-gap: 10px; margin-bottom: 16px; } .partner-tickets-reservations-filters .filter-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-right: 24px; } .partner-tickets-reservations-filters .filter-item button { width: 100%; } .partner-tickets-reservations-filters .filter-item button svg { fill: #fff; } .partner-tickets-reservations-filters .filter-item[hidden] { display: none; } .partner-tickets-reservations-filters .filter-item select { width: 100%; } .partner-tickets-reservations-filters .filter-item label { width: 100%; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.6); margin-bottom: 4px; } .partner-tickets-reservations-stats { margin-top: 16px; } .partner-tickets-reservations-stats h2 { margin-bottom: 16px; } .partner-tickets-reservations-stats-general { display: -ms-grid; display: grid; -ms-grid-columns: 25% 25% 25% 25%; grid-template-columns: 25% 25% 25% 25%; margin-bottom: 32px; } @media (max-width: 768px) { .partner-tickets-reservations-stats-general { -ms-grid-columns: 100%; grid-template-columns: 100%; row-gap: 20px; } } .partner-tickets-reservations-stats-general-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .partner-tickets-reservations-stats-general-item-value { color: #000; font-size: 40px; line-height: 100%; width: 100%; } .partner-tickets-reservations-stats-general-item-label { color: rgba(0, 0, 0, 0.6); margin-top: 8px; font-size: 16px; line-height: 24px; } .partner-tickets-reservations-stats-general-item-label.red { color: #bb483d; } .partner-tickets-reservations-stats-general-item-label.green { color: #537829; } .layout-impression { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden; } .layout-impression * { box-sizing: border-box; } .impression-main { position: relative; max-width: 100%; width: 100%; min-height: 50vh; } .layout-impression-footer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; background: #f2f2f2; } .layout-impression-footer-content { display: -ms-grid; display: grid; max-width: 1120px; margin: 0 auto; width: 100%; padding: 32px 16px; color: rgba(0, 0, 0, 0.48); grid-template-areas: "logo social-networks" "email-subscribe email-subscribe" "about-project about-project" "agreements agreements"; } @media (min-width: 768px) { .layout-impression-footer-content { -moz-column-gap: 32px; column-gap: 32px; grid-template-areas: "logo about-project email-subscribe" "social-networks about-project email-subscribe" "agreements agreements email-subscribe"; } } .layout-impression-footer-content .logo { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo; color: #dd4b40; } .layout-impression-footer-content .logo svg { width: 100%; height: 48px; fill: currentColor; } @media (min-width: 768px) { .layout-impression-footer-content .logo svg { height: 64px; width: 118px; } } .layout-impression-footer-content .social-networks { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: social-networks; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; grid-column-gap: 8px; } @media (min-width: 768px) { .layout-impression-footer-content .social-networks { justify-content: flex-start; } } .layout-impression-footer-content .social-networks .impression-icon { color: #bb483d; } .layout-impression-footer-content .email-subscribe { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: email-subscribe; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 32px; } @media (min-width: 768px) { .layout-impression-footer-content .email-subscribe { margin-top: 0; } } .layout-impression-footer-content .email-subscribe-title { font-weight: 500; font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, 0.865); width: 100%; } .layout-impression-footer-content .email-subscribe-text { margin-top: 4px; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.48); } @media (min-width: 768px) { .layout-impression-footer-content .email-subscribe-text { margin-top: 8px; font-size: 16px; line-height: 22px; } } .layout-impression-footer-content .email-subscribe-form { position: relative; width: 100%; margin-top: 8px; } @media (min-width: 768px) { .layout-impression-footer-content .email-subscribe-form { margin-top: 16px; } } .layout-impression-footer-content .email-subscribe-form button { width: 100%; background: #ec6652; border-radius: 4px; margin-top: 6px; } @media (min-width: 768px) { .layout-impression-footer-content .email-subscribe-form button { margin-top: 8px; } } .layout-impression-footer-content .email-subscribe-form .impression-input { background: #ffffff; } .layout-impression-footer-content .email-subscribe-form .impression-input input:focus { padding: 0; } .layout-impression-footer-content .about-project { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: about-project; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 32px; border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; } @media (min-width: 768px) { .layout-impression-footer-content .about-project { border-bottom: none; margin-top: 0; align-items: flex-start; align-content: flex-start; } } .layout-impression-footer-content .about-project-title { font-weight: 500; font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, 0.865); width: 100%; margin-bottom: 16px; } .layout-impression-footer-content .about-project-links { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; row-gap: 16px; flex-wrap: wrap; font-size: 14px; font-weight: normal; line-height: 22px; color: rgba(0, 0, 0, 0.48); } @media (min-width: 768px) { .layout-impression-footer-content .about-project-links { font-size: 16px; line-height: 22px; } } .layout-impression-footer-content .about-project-links a { width: 50%; } .layout-impression-footer-content .agreements { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: agreements; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 16px; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.48); row-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } @media (min-width: 768px){ .layout-impression-footer-content .logo { -ms-grid-row: 1; -ms-grid-column: 1; } .layout-impression-footer-content .social-networks { -ms-grid-row: 2; -ms-grid-column: 1; } .layout-impression-footer-content .email-subscribe { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 5; -ms-grid-column-span: 1; } .layout-impression-footer-content .about-project { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; } .layout-impression-footer-content .agreements { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; } } .layout-impression-footer-bottom { width: 100%; background: #e5e5e5; padding: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.48); } .impression-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 8px 16px; width: 100%; align-items: center; } @media (min-width: 768px) { .impression-header { padding: 12px 16px; } } .impression-header-left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .impression-header-left .select-city { margin-left: 16px; } .impression-header-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: auto; align-items: center; } .impression-header-right .dropdown-label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .impression-header-right .impression-icon { margin-left: 16px; } @media (max-width: 768px) { .impression-header-right .impression-icon { margin-left: 12px; } } .impression-header-right .icon { margin-left: 0; } .impression-header-right .locale-desktop { display: none; } @media (min-width: 768px) { .impression-header-right .locale-desktop { display: -ms-grid; display: grid; } .impression-header-right .locale-mobile { display: none; } } .impression-header-right .profile-icon { cursor: pointer; } .impression-header .logo { color: #e93e2c; width: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .impression-header .logo { width: 74px; } } .impression-header .logo svg { width: 100%; height: 24px; fill: currentColor; } @media (min-width: 768px) { .impression-header .logo svg { height: 40px; } } .impression-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 16px; background: #f2f2f2; width: 100%; align-items: center; } @media (min-width: 768px) { .impression-nav { padding: 8px 16px; } } @media (max-width: 767px) { .impression-nav { padding: 0 8px; } } .impression-nav-centered { justify-content: center; } @media (min-width: 768px) { .impression-nav-search .impression-nav-search-mobile { display: none; } } .impression-nav-search .impression-input-search { background: #fff; font-size: 16px; line-height: 22px; width: 384px; } @media (max-width: 768px) { .impression-nav-search .impression-input-search { display: none; } } .impression-nav-search .dropdown-content { width: 100%; } .impression-nav-search .dropdown-content ul li { padding: 8px 0; font-weight: normal; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.865); } .impression-nav-search .dropdown-content .search-all-results { padding: 8px 0; font-size: 16px; line-height: 24px; color: #bb483d; } .impression-nav-items::-webkit-scrollbar { display: none; } .impression-nav-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; scrollbar-width: none; overflow: scroll; } @media (max-width: 767px) { .impression-nav-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; } } @media (min-width: 768px) { .impression-nav-items { width: 100%; justify-content: space-between; font-size: 16px; line-height: 22px; margin-left: 16px; } } @media (min-width: 768px) { .impression-nav-items:last-child { margin-right: 40px; } } .impression-nav .tab { margin-right: 8px; } @media (max-width: 767px) { .impression-nav .tab { margin-right: 0; } } @media (max-width: 768px) { .impression-nav-item:first-child.tab { padding-left: 0; } } .impression-nav-item.tab .impression-icon { margin-right: 6px; color: rgba(0, 0, 0, 0.865); } @media (max-width: 768px) { .impression-nav-item.tab .impression-icon { display: none; } } .impression-nav-item.tab.active .impression-icon, .impression-nav-item.tab :hover .impression-icon { color: #bb483d; } .impression-nav-item-badge { align-self: flex-start; padding: 0.25em 0.4em; font-size: 60%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 8px; margin-left: 5px; background: #ec6652; color: #fff; top: 0px; } @media (max-width: 767px) { .impression-nav-item-badge { position: absolute; top: 5px; right: 4px; width: 6px; height: 6px; padding: 0; margin: 0; overflow: hidden; font-size: 0; border-radius: 50%; } } @media (max-width: 767px) { .impression-nav-item { position: relative; justify-content: center; width: auto; min-width: 0; padding: 10px 2px; font-size: 13px; white-space: nowrap; } .impression-nav-item:first-child.tab { padding-left: 2px; } } @media (min-width: 768px) { .impression-nav-item { font-size: 16px; line-height: 22px; } } .select-city.chips { padding: 4px; } @media (min-width: 768px) { .select-city.chips { padding: 8px 4px; } } .select-city.chips .impression-icon-left svg { color: rgba(0, 0, 0, 0.865); } .select-lang { height: 32px; } .select-lang.chips { padding: 0 8px !important; } .select-lang.chips .impression-icon-left svg { color: rgba(0, 0, 0, 0.865); } @media (min-width: 768px) { .select-lang { height: 40px; } } .impression-card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 480px; align-content: flex-start; } .impression-card picture { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .impression-card picture img { border-radius: 8px; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .impression-card-image { position: relative; min-height: 120px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .impression-card-image a { width: 100%; } .impression-card-favorite { position: absolute; right: 8px; top: 8px; cursor: pointer; } .impression-card-favorite .impression-icon { color: transparent; } .impression-card-favorite.active .impression-icon { color: white; } .impression-card-instalment { position: absolute; left: 8px; top: 8px; cursor: pointer; } .impression-card-instalment .impression-icon { color: transparent; } .impression-card-instalment.active .impression-icon { color: white; } .impression-card-badges { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; left: 8px; bottom: 8px; flex-wrap: wrap; row-gap: 4px; } .impression-card-badges .badge { width: auto; margin-right: 4px; } .impression-card-badges a.badge { width: auto; } .impression-card-title { width: 100%; font-weight: 500; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, 0.865); margin-top: 8px; } .impression-card-meta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.48); margin-bottom: 4px; align-items: center; } .impression-card-meta-dot { margin: 0 8px; content: " "; display: block; width: 3px; height: 3px; background: rgba(0, 0, 0, 0.32); border-radius: 100%; } .impression-card-meta-views { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .impression-card-meta .impression-icon { color: rgba(0, 0, 0, 0.32); margin-right: 4px; } .impression-card-info { width: 100%; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.48); margin-top: 4px; } .journal-list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .journal-list-item-image picture, .journal-list-item-image img { border-radius: 4px; width: 80px; height: 80px; } .journal-list-item-details { margin-left: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-content: flex-start; } .journal-list-item-label { width: 100%; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.48); } .journal-list-item-title { width: 100%; font-weight: 500; font-size: 16px; line-height: 22px; } .impression-card.journal-item .impression-card-meta { margin-top: 12px; margin-bottom: 0; } .impression-card.journal-item .impression-card-title { margin-top: 4px; } @media (min-width: 768px) { .impression-card.journal-item .impression-card-info { margin-top: 8px; } } .tab { padding: 10px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 20px; cursor: pointer; color: rgba(0, 0, 0, 0.865); align-items: center; } .tab .impression-icon { margin-left: 2px; color: rgba(0, 0, 0, 0.48); } .tab.active { border-bottom: 2px solid #ec6652; color: #bb483d; padding-bottom: 8px; } .tab.active .impression-icon { color: #fff; } .chips { padding: 6px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 20px; cursor: pointer; color: rgba(0, 0, 0, 0.865); border-radius: 4px; align-items: center; background: #f2f2f2; } @media (min-width: 768px) { .chips { padding: 9px 8px; } } .chips .impression-icon { color: rgba(0, 0, 0, 0.48); } .chips .impression-icon-left { margin-right: 4px; } .chips.active { background: #ec6652; color: #fff; } .chips.active .impression-icon { color: #fff; } .special-dates { position: relative; margin-top: 13px; max-width: 100%; } @media (min-width: 768px) { .special-dates { width: 100%; } .special-dates .swiper-wrapper { justify-content: center; } .special-dates .swiper-slide { margin-right: 8px; height: auto; } } @media (min-width: 768px) and (min-width: 768px) { .special-dates .swiper-slide { margin-right: 16px; } } @media (min-width: 768px) { .special-dates .swiper-slide:last-child { margin-right: 0; } } .special-dates .swiper-container { width: 100%; padding: 0 16px; } .special-dates .swiper-slide { width: 136px; height: auto; } @media (min-width: 768px) { .special-dates .swiper-slide { width: 192px; } } .special-date { padding: 6px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.865); border-radius: 4px; align-items: center; background: #f2f2f2; flex-wrap: wrap; min-width: 128px; } @media (min-width: 768px) { .special-date { padding: 8px 12px; } } .special-date-title { font-weight: 500; width: 100%; color: rgba(0, 0, 0, 0.865); white-space: nowrap; } @media (min-width: 768px) { .special-date-title { font-size: 16px; line-height: 22px; } } .special-date-sub { color: rgba(0, 0, 0, 0.48); line-height: 16px; } @media (min-width: 768px) { .special-date-sub { font-size: 14px; line-height: 20px; } } @media (max-width: 768px) { .impression-dialog { bottom: 0; width: 100%; left: 0; right: 0; } } @media (min-width: 768px) { .impression-dialog { max-height: 90vh; } } .impression-dialog .dialog-header { padding: 16px 16px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .impression-dialog .dialog-header .dialog--close { margin-left: auto; } .impression-dialog .dialog-header .dialog--close .impression-icon:hover { background: #f2f2f2; transition: all 0.2s linear; border-radius: 4px; } .impression-dialog .dialog-content { max-height: 90vh; border-radius: 16px 16px 0 0; min-height: 50vh; } @media (min-width: 768px) { .impression-dialog .dialog-content { border-radius: 16px; min-height: auto; max-height: none; overflow: initial; } } .impression-dialog .dialog-content-inner { padding: 0 16px; } @media (min-width: 768px) { .impression-dialog .dialog-content-inner { padding-bottom: 16px; } } .impression-menu { position: relative; } .impression-menu-list.hide { display: none; } .impression-menu-back { font-size: 16px; line-height: 24px; color: #bb483d; padding: 12px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; cursor: pointer; } .impression-menu-back .impression-icon { margin-right: 4px; } .impression-menu-item { padding: 12px 0; font-size: 16px; line-height: 24px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .impression-menu-item .impression-icon { cursor: pointer; justify-content: flex-end; min-width: 30%; margin-left: auto; color: rgba(0, 0, 0, 0.32); } .impression-menu-sub { display: none; } .impression-menu-sub.open { display: block; } .impression-menu-sub-wrapper { display: none; } .impression-menu-sub-wrapper.open { display: block; } .intro-notification { display: none; margin: 16px; } .intro-notification.show { display: block; } @media (min-width: 768px) { .intro-notification { margin: 0; z-index: 10; position: fixed; width: 440px; left: -999px; top: -999px; } } .intro-notification-tickets { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 16px; background: #ec6652; color: #fff; border-radius: 16px; } @media (min-width: 768px) { .intro-notification-tickets:before { content: " "; display: block; position: absolute; width: 40px; height: 20px; background: #ec6652; top: -2px; right: 32px; transform: rotate(45deg); border-radius: 2px; } } .intro-notification-tickets h4, .intro-notification-tickets p, .intro-notification-tickets div, .intro-notification-tickets button { width: 100%; } .intro-notification-tickets h4 { font-weight: 500; font-size: 16px; line-height: 22px; } .intro-notification-tickets p { font-weight: 400; font-size: 14px; line-height: 20px; margin-top: 4px; } .intro-notification-tickets .intro-notification-checkbox { margin-top: 12px; } .intro-notification-tickets .intro-notification-button[data-action=close] { color: #fff; border-color: #fff; } .intro-notification-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 12px; row-gap: 8px; flex-wrap: wrap; } .intro-notification-buttons button { width: 100%; } .notification { background: #ec6652; width: 100%; height: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; place-items: center; color: #ffffff; font-size: 18px; font-weight: 500; font-family: "Roboto", sans-serif; font-style: normal; } .notification .info { padding-right: 25px; } @media (max-width: 1200px) { .notification .info span { font-size: 15px; font-weight: 300; } } .notification .info a { background: #ffffff; padding: 3px 5px; border-radius: 4px; color: #ec6652; font-weight: 400; font-size: 16px; margin-left: 15px; } @media (max-width: 768px) { .notification .info a { font-size: 13px; font-weight: 100; margin-left: 10px; padding: 3px; } } .notification .info a:hover { background: #dcdcdc; } .notification svg { fill: white; position: absolute; right: 20px; } .notification svg:hover { cursor: pointer; } @media (max-width: 768px) { .notification svg { right: 5px; } } .impression-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .impression-icon[hidden] { display: none; } .impression-icon svg { fill: currentColor; } .badge { padding: 4px 6px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: rgba(0, 0, 0, 0.48); border-radius: 4px; color: #fff; font-size: 12px; line-height: 16px; white-space: nowrap; } .badge svg { fill: #fff; } .badge .impression-icon + span { margin-left: 4px; } .badge-new { display: inline-block; padding: 0.25em 0.4em; font-size: 60%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 8px; margin-left: 5px; background: #ec6652; color: #fff; } .impression-input-search, .impression-input-with-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 12px; border: 1px solid #e5e5e5; border-radius: 4px; } .impression-input-search input, .impression-input-with-icon input { border: none; padding: 12px 0; margin-left: 7px; font-size: 14px; line-height: 16px; } .impression-input-search input:focus, .impression-input-with-icon input:focus { border: none; outline: none; } .impression-input-search input::-webkit-search-decoration, .impression-input-with-icon input::-webkit-search-decoration { -webkit-appearance: none; } .impression-input-search svg, .impression-input-with-icon svg { fill: rgba(0, 0, 0, 0.865); } .impression-btn-secondary { background: #ffffff; border: 1px solid #ec6652; box-sizing: border-box; border-radius: 4px; color: #ec6652; min-height: 48px; font-size: 14px; line-height: 20px; } .impression-best { padding: 16px; position: relative; max-width: 100%; } .impression-best .swiper-container { width: 100%; } .impression-best .swiper-slide { width: 80%; } @media (min-width: 768px) { .impression-best .swiper-slide { width: 33%; } } .impression-best .impression-card-image img { width: 100%; } .impression-best .swiper-button-prev, .impression-best .swiper-button-next { color: rgba(0, 0, 0, 0.32); position: absolute; top: -webkit-calc(50% - 12px); top: -moz-calc(50% - 12px); top: calc(50% - 12px); cursor: pointer; } @media (max-width: 768px) { .impression-best .swiper-button-prev, .impression-best .swiper-button-next { display: none; } } .impression-best .swiper-button-prev.swiper-button-disabled, .impression-best .swiper-button-next.swiper-button-disabled { display: none; } .impression-best .swiper-button-prev { left: -24px; } .impression-best .swiper-button-next { right: -24px; } .impression-best .swiper-button-next svg { transform: rotateY(180deg); } .impression-filters { max-width: 100%; position: relative; margin-top: 8px; padding: 0 16px; } .impression-filters-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 768px) { .impression-filters-top { flex-wrap: wrap; } } .impression-filters-top .page-title { padding: 0; } @media (min-width: 768px) { .impression-filters-top .impression-input-search { min-width: 448px; } } @media (max-width: 768px) { .impression-filters-top .impression-input-search { width: 100%; margin-top: 16px; } } @media (min-width: 768px) { .impression-filters-top .impression-filter-item { min-width: 448px; } } @media (max-width: 768px) { .impression-filters-top .impression-filter-item { width: 100%; margin-top: 16px; } } .impression-filters .impression-calendar { margin-top: 8px; } @media (min-width: 768px) { .impression-filters .impression-calendar { margin-top: 24px; } } .impression-filters-categories { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 8px; } @media (min-width: 768px) { .impression-filters-categories { margin-top: 16px; } } .impression-filters-categories .impression-filter { width: auto; margin-right: 4px; margin-bottom: 4px; } .impression-filters-categories .impression-filter[data-open="#"] { display: none; } .impression-calendar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: relative; } .impression-calendar .swiper-wrapper { align-items: flex-end; } .impression-calendar .swiper-slide { width: auto; } .impression-calendar .calendar { overflow: initial; max-width: initial; width: initial; } .impression-calendar-other-date { font-weight: 500; font-size: 12px; line-height: 16px; padding: 8px; background: #f2f2f2; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; white-space: nowrap; margin-left: 8px; } .impression-calendar-other-date .impression-icon { margin-right: 4px; } .impression-calendar-other-date svg { fill: #bb483d; } .impression-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media (max-width: 768px) { .impression-items a, .impression-items img { width: 100%; } } .profile-menu li { width: 100%; } .profile-menu li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 8px 0; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.865); } .profile-menu li a .impression-icon { margin-right: 10px; margin-left: 0; color: #bb483d; } .profile-menu-title { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.48); } .profile-menu-partner { margin-top: 8px; } .profile-menu-bottom { margin-top: 8px; } .header-search-dialog { height: 100%; } .header-search-dialog .dialog-content { height: 100%; max-height: 100vh; border-radius: 0; } .header-search .search-all-results[hidden] { display: none; } .header-search-content { margin-top: 16px; } .header-search-content ul li { padding: 8px 0; font-weight: normal; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.865); } .header-search-content .search-all-results { padding: 8px 0; font-size: 16px; line-height: 24px; color: #bb483d; } .page { position: relative; max-width: 100%; } @media (min-width: 768px) { .page { max-width: 1152px; margin: 0 auto; } } .page-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 24px; position: relative; max-width: 100%; } .page .impression-best + .page-content { margin-top: 16px; } .page-title { font-weight: 400; font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.865); padding: 0 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } @media (min-width: 768px) { .page-title { font-size: 32px; line-height: 40px; } } .page-title .select-city { margin-left: 8px; } @media (min-width: 768px) { .page-title .select-city { margin-left: 16px; } } .page .impressions { position: relative; max-width: 100%; width: 100%; } .page .impression-items { margin-top: 8px; padding: 0 16px; } @media (min-width: 480px) { .page .impression-items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 16px 32px; } } @media (min-width: 1024px) { .page .impression-items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 16px 32px; } } .page .impression-items .impression-card { width: 100%; margin-bottom: 16px; } .page .impression-actions { padding: 0 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; justify-content: center; } .page .impression-actions button { width: 100%; } @media (min-width: 768px) { .page .impression-actions button { min-width: 192px; width: auto; } } .page .impression-actions button .impression-icon { margin-right: 8px; } .choose-city { background: #ec6652; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .choose-city-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; flex-wrap: wrap; } .choose-city-header svg { height: 64px; width: 118px; fill: #fff; } .choose-city-header h1 { width: 100%; font-size: 16px; line-height: 22px; font-weight: 400; text-align: center; color: #fff; margin-top: 16px; } .choose-city-body { padding-top: 64px; margin: 0 auto; } @media (max-width: 768px) { .choose-city-body { padding: 32px 16px 0; max-width: 100%; } } .choose-city-body ul li { width: 100%; padding: 8px 0 8px; } .choose-city-body ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.865); } .choose-city-body ul li.choose-city-country { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.48); padding-bottom: 4px; } .choose-city-content { margin-top: 32px; background: #fff; border-radius: 16px; padding: 24px; } .choose-city-title { font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.865); margin-bottom: 10px; font-weight: 400; } @media (max-width: 768px) { .choose-city-title { font-weight: 500; } } .page-main-journal { margin-top: 64px; padding: 0 16px; } .page-main-journal h2 { padding: 0; } .page-main-journal .journal-list { margin-top: 16px; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; grid-row-gap: 16px; } @media (min-width: 480px) { .page-main-journal .journal-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 16px 32px; } } @media (min-width: 1024px) { .page-main-journal .journal-list { margin-top: 32px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px 32px; } } .page-main-journal-bottom { margin-top: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; } .page-main-journal-bottom .button { width: 100%; } @media (min-width: 768px) { .page-main-journal-bottom .button { width: 192px; } } .page-journal h1.page-title { margin-top: 32px; } .page-journal .impressions { margin-top: 48px; } @media (min-width: 768px) { .page-journal .impressions { margin-top: 64px; } } @media (min-width: 768px) { .page-journal .impressions .impression-items { margin-top: 24px; } } .page-journal .impressions .impression-card:last-child { margin-bottom: 0; } .page-journal .impressions .impression-actions { margin-top: 32px; } .page-journal .impressions .impression-actions .button { min-width: 192px; } @media (max-width: 768px) { .page-journal .impressions .impression-actions .button { width: 100%; } } .city-name { padding: 4px 4px 4px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #f2f2f2; border-radius: 4px; font-weight: 500; font-size: 14px; cursor: pointer; } .city-name svg { fill: rgba(0, 0, 0, 0.32); }