/* open-sans-300 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fonts-fr/open-sans-v15-latin-ext_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } #blur-bg { overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 9950; top: 0; left: 0; width: 100%; height: 100%; outline: 0 !important; } main { min-height: calc(100vh - 46px); } .no-cssfilters .closed #blur-bg { background-color: rgba(0, 0, 0, 0.8); } .cssfilters .closed .all-content { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { position: relative; min-height: 100%; background: #1d1d1d url("/public/images/bg_grad_2.png") 0 50% no-repeat fixed; /*padding-bottom: 70px;*/ -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-rendering: optimizelegibility; /*display: flex;*/ /*flex-direction: column;*/ } p.big { line-height: 20px; } html { font-size: 87.5%; line-height: 1.42857em; } html { line-height: 1.42858em; } body { font-family: "Arial","Helvetica","Verdana","sans-serif"; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wrapper { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: rgba(128, 128, 128, 0.5); } h1, h2, h3, h4, h5, h6, .heading, .heading-2, .heading-3, .heading-4, .heading-5 { font-family: 'Open Sans', sans-serif; position: relative; color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .heading a, .heading-2 a, .heading-3 a, .heading-4 a, .heading-5 a { color: #fff; } .heading404 { font-size: 72px; font-size: 5.142rem; line-height: 80px; line-height: 5.71429rem; } h1, .heading { font-size: 20px; font-size: 1.424rem; line-height: 30px; line-height: 2.14286rem; font-weight: 600; } h2, .heading-2 { font-size: 18px; font-size: 1.266rem; line-height: 30px; line-height: 2.14286rem; } h3, .heading-3 { font-size: 16px; font-size: 1.125rem; line-height: 30px; line-height: 2.14286rem; } h4, .heading-4, span.gray { font-size: 14px; font-size: 1rem; line-height: 20px; line-height: 1.42857rem; } h5, .heading-5 { font-size: 11px; font-size: 0.75rem; line-height: 20px; line-height: 1.42857rem; } h3.no-margin { font-size: 22px; font-size: 1.563rem; line-height: 35px; line-height: 2.5rem; margin-bottom: 0px; margin-bottom: 0rem; } h1.text-yel, .heading.text-yel, h2.text-yel, .heading-2.text-yel, h3.text-yel, .heading-3.text-yel, h4.text-yel, .heading-4.text-yel, h5.text-yel, .heading-5.text-yel, h6.text-yel, div.text-yel, span.text-yel, p.text-yel { color: #FFBD19; } h1.text-pur, .heading.text-pur, h2.text-pur, .heading-2.text-pur, h3.text-pur, .heading-3.text-pur, h4.text-pur, .heading-4.text-pur, h5.text-pur, .heading-5.text-pur, h6.text-pur, div.text-pur, span.text-pur, p.text-pur { color: #d198e8; } h1.text-blue, .heading.text-blue, h2.text-blue, .heading-2.text-blue, h3.text-blue, .heading-3.text-blue, h4.text-blue, .heading-4.text-blue, h5.text-blue, .heading-5.text-blue, h6.text-blue, div.text-blue, span.text-blue, p.text-blue { color: #53B5EF; } h1.text-orn, .heading.text-orn, h2.text-orn, .heading-2.text-orn, h3.text-orn, .heading-3.text-orn, h4.text-orn, .heading-4.text-orn, h5.text-orn, .heading-5.text-orn, h6.text-orn, div.text-orn, span.text-orn, p.text-orn { color: #F1930B; } a { -moz-transition: 200ms; -o-transition: 200ms; -webkit-transition: 200ms; transition: 200ms; } a.text-yel { color: #FFBD19; } a.text-pur { color: #d198e8; } a.text-white, span.text-white { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.7); } a.text-white:hover, span.text-white:hover { border-bottom-color: #fff; } a.text-yel:hover { color: #FFBD19; } a.text-pur:hover { color: #d198e8; } a.text-white:hover, span.text-white:hover { color: #fff; } .yell-bg { background-color: #FFBD19; } i { -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; } i.text-yel { color: #FFBD19; } i.text-pur { color: #d198e8; } i.text-blue { color: #5496e8; } i.text-green { color: #57c76c; } i.rotated { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .quest-text-big h3, .quest-text-big ul { margin-bottom: 20px; margin-bottom: 1.42857rem; } .icon-ruble { display: inline-block; font-size: 75%; line-height: inherit !important; } .icon-ruble.xs { font-size: 80%; } h1.mtr-1, .heading.mtr-1 { margin-bottom: 20px; margin-bottom: 1.42857rem; } h2, .heading-2, h3, .heading-3, h4, h5, h6 { font-weight: 600; } h2.mtr-1, .heading-2.mtr-1, h3.mtr-1, .heading-3.mtr-1, h4.mtr-1, h5.mtr-1, h6.mtr-1 { margin-bottom: 0px; margin-bottom: 0rem; } /*Новая страница оплаты*/ .payment-n-current { background-color: rgba(255, 255, 255, 0.04); display: flex; padding: 27px 25px 25px 38px; align-items: flex-end; max-width: 1042px; font-family: 'Open Sans', sans-serif; margin-bottom: 44px; } .payment-n-plan { display: flex; flex-direction: column; align-items: flex-start; color: #fff; } .payment-n-plan__heading { font-size: 19px; font-weight: 600; margin-bottom: 10px; } .payment-n-plan-price-value, .payment-n-plan-currency { font-size: 33px; font-weight: 600; color: rgb(255, 189, 26); } .payment-n-plan-price__type { font-size: 33px; font-weight: 600; color: #fff; margin-left: 9px; margin-right: 14px; } .payment-n-plan-period { color: rgb(209, 152, 232); font-family: Arial, sans-serif; font-size: 14px; font-weight: 400; } .payment-n-plan-price { line-height: 1; display: flex; align-items: baseline; flex-wrap: wrap; } .payment-n-options { margin-left: auto; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 3px 3px 3px 3px; display: flex; flex-direction: column; align-items: flex-start; padding: 15px 20px 12px 17px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 400; margin-right: 30px; max-width: 400px; width: 100%; } .payment-n-options-heading { margin-bottom: 8px; } .payment-n-options-wrapper { display: grid; grid-template-columns: repeat(3, auto); grid-gap: 10px 18px; display: flex; flex-wrap: wrap; } .payment-n-options-item { display: flex; align-items: center; margin-left: 18px; } .payment-n-options-item:first-child, .payment-n-options-item:nth-child(4n) { margin-left: 0; } .payment-n-options-item__dot { width: 6px; min-width: 6px; margin-right: 8px; height: 6px; background-color: rgb(255, 189, 26); border-radius: 50%; } .payment-n-control { display: flex; flex-direction: column; align-items: center; } .payment-n-control .btn { min-width: 180px; } .payment-n-control-heading { margin-bottom: 13px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 400; } .payment-n-content__heading { font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: 600; margin-bottom: 17px; } .payment-n-content { padding-bottom: 40px; } .payment-n-tabs { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .payment-n-tab-wrap { display: grid; grid-template-columns: repeat(auto-fit, 260px); grid-gap: 15px 30px; justify-content: center; } .payment-n-tabs__button { margin-left: 5px; margin-right: 5px; font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.1); border-radius: 3px; color: #fff; border: 0; height: 40px; padding: 0 26px; } .payment-n-tabs__button, .payment-n-card-footer-btn { outline: none; } .payment-n-tabs-content .payment-n-tab { display: none; } .payment-submit { /*display: flex;*/ align-items: center; } .payment-submit-reset { font-size: 25px; margin-right: 5px; line-height: 1; } .payment-n-tabs-content .payment-n-tab:first-child { display: block; } .payment-n-tabs__button--active { background-image: linear-gradient(to top, rgb(246, 150, 0) 0%, rgb(255, 189, 26) 100%); border-radius: 3px; box-shadow: inset 0 1px 0 rgb(255, 224, 130); color: #000; } .payment-n-tabs__button:hover { background-color: rgba(255, 255, 255, 0.26); transition: all 0.2s; } .payment-n-card { background-color: rgba(255, 255, 255, 0.04); border-radius: 3px 3px 3px 0px; display: flex; flex-direction: column; } .payment-n-card-head { padding: 18px 20px 18px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .payment-n-card-middle { padding: 20px 20px 68px 18px; color: #fff; } .payment-n-card-middle__heading { margin-bottom: 16px; } .payment-n-card-footer { padding: 0 20px 20px 20px; margin-top: auto; } .payment-n-card-footer-btn { background-image: linear-gradient(to top, rgb(246, 150, 0) 0%, rgb(255, 189, 26) 100%); border-radius: 3px; box-shadow: inset 0 1px 0 rgb(255, 224, 130); width: 100%; padding: 0 20px; height: 40px; display: flex; align-items: center; justify-content: center; color: #000; border: 0; } .payment-n-card-footer-btn:hover { background-image: linear-gradient(#ffcc4c, #ffac2a); } .payment-n-card-footer-btn--active { background-image: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.35); color: #fff; } .payment-n-card-footer-btn--active:hover { background-image: none; background-color: rgba(255, 255, 255, 0.19); } .payment-n-card-price { color: white; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 600; margin-bottom: 10px; line-height: 1; } .payment-n-card-plan__type { font-size: 25px; font-weight: 600; margin-right: 14px; font-family: 'Open Sans', sans-serif; } .payment-n-card-plan__period { color: rgb(209, 152, 232); font-size: 14px; font-weight: 400; } .payment-n-card-middle ul { padding-left: 16px; } .payment-n-card-middle ul li { position: relative; margin-bottom: 13px; line-height: 1; } .payment-n-card-middle ul li:before { position: absolute; top: 50%; transform: translateY(-50%); content: ''; width: 6px; min-width: 6px; height: 6px; background-color: rgb(255, 189, 26); border-radius: 50%; left: -15px; } .payment-n-card-price__value, .payment-n-card-price__currency { font-size: 33px; color: rgb(255, 189, 26); } @media all and (max-width: 1199px) { .payment-n-current { flex-wrap: wrap; } .payment-n-plan { margin-bottom: 20px; flex-basis: 100%; } .payment-n-options { margin-left: 0; } } @media all and (max-width: 991px) { } @media all and (max-width: 768px) { .payment-n-current { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; } .payment-n-options { margin-bottom: 20px; } .payment-n-control { align-items: flex-start; } } @media all and (max-width: 600px) { .payment-n-options-wrapper { flex-direction: column; } .payment-n-options-item { margin-left: 0; } } @media all and (max-width: 480px) { .payment-n-plan-period { width: 100%; margin-top: 10px; } .payment-n-current { padding: 27px 15px 25px 25px; } } /*Новая страница оплаты*/ @media (min-width: 768px) { h1, .heading { font-size: 27px; font-size: 1.953rem; line-height: 40px; line-height: 2.85714rem; } h2, .heading-2 { font-size: 22px; font-size: 1.563rem; line-height: 40px; line-height: 2.85714rem; } h3, .heading-3 { font-size: 18px; font-size: 1.25rem; line-height: 30px; line-height: 2.14286rem; } h4, .heading-4 span.gray { font-size: 14px; font-size: 1rem; line-height: 20px; line-height: 1.42857rem; } h5, .heading-5 { font-size: 11px; font-size: 0.75rem; line-height: 20px; line-height: 1.42857rem; } h2.mtr-1, .heading-2.mtr-1, h3.mtr-1, h4.mtr-1, h5.mtr-1, h6.mtr-1 { margin-bottom: 20px; margin-bottom: 1.42857rem; } } @media (min-width: 992px) { .heading404 { font-size: 100px; font-size: 7.142rem; line-height: 100px; line-height: 7.14286rem; } h1, .heading { font-size: 33px; font-size: 2.369rem; line-height: 40px; line-height: 2.85714rem; } h2, .heading-2 { font-size: 25px; font-size: 1.777rem; line-height: 40px; line-height: 2.85714rem; } h3, .heading-3 { font-size: 19px; font-size: 1.333rem; line-height: 30px; line-height: 2.14286rem; } h4, .heading-4 span.gray { font-size: 14px; font-size: 1rem; line-height: 20px; line-height: 1.42857rem; } h5, .heading-5 { font-size: 11px; font-size: 0.75rem; line-height: 20px; line-height: 1.42857rem; } } p { margin-bottom: 20px; margin-bottom: 1.42857rem; } p strong { font-weight: 700; } span.small { font-size: 12px; } span.gray { font-size: 12px; color: #A1A1A1; } span.num, span.num-white { font-size: 16px; font-weight: 700; } span.num { color: #FFBD19; } span.num-white { color: #fff; } img, iframe { max-width: 100%; display: block; color: #A1A1A1; } .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus { outline: none; } .btn.is-show .caret { border-top: none; border-bottom: 4px dashed; } .btn-social { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.1); border-color: transparent; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .btn-social:hover, .btn-social:focus, .btn-social.active, .btn-social:active { color: #fff; } .btn-social.vk:hover, .btn-social.vk:focus, .btn-social.vk.active, .btn-social.vk:active { background-color: #45668e; } .btn-social.fb:hover, .btn-social.fb:focus, .btn-social.fb.active, .btn-social.fb:active { background-color: #3b5998; } .btn-social.tw:hover, .btn-social.tw:focus, .btn-social.tw.active, .btn-social.tw:active { background-color: #00aced; } .btn-social.inst:hover, .btn-social.inst:focus, .btn-social.inst.active, .btn-social.inst:active { background-color: #f77737; } .open > .dropdown-toggle.btn-social { color: #fff; } #button-top { position: fixed; bottom: 6%; right: 6%; padding: 0; width: 40px; height: 40px; line-height: 40px; font-size: 15px; text-align: center; z-index: 10000; display: none; color: #fff; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #button-top:hover, #button-top:focus, #button-top:active, #button-top.active { color: #fff; background-color: rgba(255, 255, 255, 0.35); } #button-top:after { background-color: transparent; } #button-social { position: fixed; bottom: 6%; left: 6%; padding: 0; width: 40px; height: 40px; line-height: 40px; font-size: 15px; text-align: center; z-index: 10000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .btn-choose1, .btn-choose2 { position: relative; padding-right: 40px; } .btn-choose1 .caret, .btn-choose2 .caret { position: absolute; top: 15px; right: 10px; } .btn-choose1:after, .btn-choose2:after { content: ""; position: absolute; top: 0; height: 100%; right: 29px; display: block; width: 1px; } .btn-choose1 { color: #fff; background-color: transparent; border-color: #8E4FA7; } .btn-choose1:hover, .btn-choose1:focus, .btn-choose1:active, .btn-choose1.active { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .btn-choose1:after { background-color: #8E4FA7; } .btn-choose2 { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.35); } .btn-choose2:hover, .btn-choose2:focus, .btn-choose2:active, .btn-choose2.active { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .btn-choose2:after { background-color: rgba(255, 255, 255, 0.35); } .open > .dropdown-toggle.btn-choose1, .open > .dropdown-toggle.btn-choose1 { background-color: rgba(255, 255, 255, 0.07); } .btn-purple { color: #fff; background-color: transparent; border-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliNTliNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MzA5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9b59b5), color-stop(100%, #753092)); background-image: -moz-linear-gradient(#9b59b5, #753092); background-image: -webkit-linear-gradient(#9b59b5, #753092); background-image: linear-gradient(#9b59b5, #753092); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #C77FE5 0 1px 0 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #C77FE5 0 1px 0 0 inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #C77FE5 0 1px 0 0 inset; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { color: #fff; background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwN2NjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk0M2RiOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b07cc5), color-stop(100%, #943db8)); background-image: -moz-linear-gradient(#b07cc5, #943db8); background-image: -webkit-linear-gradient(#b07cc5, #943db8); background-image: linear-gradient(#b07cc5, #943db8); } .btn-purple2 { color: #9b59b6; border: 1px solid #9b59b6; } .df-aic { display: flex; align-items: center; } .activDates-tooltips { margin-right: 10px; } .btn-purple2:hover { background-color: #9b59b6; color: #fff; } /*.exit-form-site { flex-basis: 100%; }*/ .btn-yellow, .btn-yellow3, .btn-yellow4 { color: #000; background-color: transparent; border-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmQxOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2OTYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbd19), color-stop(100%, #f69600)); background-image: -moz-linear-gradient(#ffbd19, #f69600); background-image: -webkit-linear-gradient(#ffbd19, #f69600); background-image: linear-gradient(#ffbd19, #f69600); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .btn-yellow:hover, .btn-yellow3:hover, .btn-yellow4:hover, .btn-yellow:focus, .btn-yellow3:focus, .btn-yellow4:focus, .btn-yellow:active, .btn-yellow3:active, .btn-yellow4:active, .btn-yellow.active, .active.btn-yellow3, .active.btn-yellow4 { color: #000; background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2M0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYWMyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffcc4c), color-stop(100%, #ffac2a)); background-image: -moz-linear-gradient(#ffcc4c, #ffac2a); background-image: -webkit-linear-gradient(#ffcc4c, #ffac2a); background-image: linear-gradient(#ffcc4c, #ffac2a); } .btn-yellow3 { padding: 6px 24px; } .btn-yellow4 { height: 60px; font: 600 19px/60px "Open Sans", sans-serif; padding: 0 30px; } .btn-green, .btn-green-34 { color: #000; background: #aae24a; background: -moz-linear-gradient(top, #aae24a 0%, #71ab00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aae24a), color-stop(100%, #71ab00)); background: -webkit-linear-gradient(top, #aae24a 0%, #71ab00 100%); background: -o-linear-gradient(top, #aae24a 0%, #71ab00 100%); background: -ms-linear-gradient(top, #aae24a 0%, #71ab00 100%); background: linear-gradient(to bottom, #aae24a 0%, #71ab00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aae24a', endColorstr='#71ab00', GradientType=0); border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), inset 0 1px 0 #d8ff6f; border: none; vertical-align: top; } .btn-green:hover, .btn-green-34:hover { color: #000; background: #c1ef70; background: -moz-linear-gradient(top, #c1ef70 0%, #88bc23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1ef70), color-stop(100%, #88bc23)); background: -webkit-linear-gradient(top, #c1ef70 0%, #88bc23 100%); background: -o-linear-gradient(top, #c1ef70 0%, #88bc23 100%); background: -ms-linear-gradient(top, #c1ef70 0%, #88bc23 100%); background: linear-gradient(to bottom, #c1ef70 0%, #88bc23 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1ef70', endColorstr='#88bc23', GradientType=0); } .btn-green { height: 40px; font: 400 14px/40px Arial; padding: 0 55px; } .btn-green-34 { height: 34px; font: 400 14px/34px Arial; padding: 0 14px; } .btn-yellow2 { color: #fff; background-color: transparent; border-color: #ffbd1a; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .btn-yellow2:hover, .btn-yellow2:focus, .btn-yellow2:active, .btn-yellow2.active { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .btn-yellow2:after { background-color: #ffbd1a; } .btn-red { border: 1px solid #eb3535; background-color: transparent; color: #fff; } .btn-red:hover { color: #eb3535; } .btn-white { color: #fff; background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.35); -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active { color: #fff; background-color: transparent; } .btn-white:after { background-color: rgba(255, 255, 255, 0.35); } .btn-trans { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.35); } .btn-trans:hover, .btn-trans:focus, .btn-trans:active, .btn-trans.active { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .btn-trans:after { background-color: rgba(255, 255, 255, 0.35); } .btn-trans:focus, .btn-trans:active, .btn-trans.active { color: #fff; background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliNTliNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MzA5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9b59b5), color-stop(100%, #753092)); background-image: -moz-linear-gradient(#9b59b5, #753092); background-image: -webkit-linear-gradient(#9b59b5, #753092); background-image: linear-gradient(#9b59b5, #753092); } .btn-trans2 { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.35); } .btn-trans2:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.07) !important; } .btn-trans2:focus { color: #fff !important; box-shadow: 0 0 0 1px #c46de7 !important; outline: none !important; background-color: transparent !important; } .btn-trans3 { color: #fff; background-color: transparent; border-color: transparent; } .btn-trans3:hover, .btn-trans3:focus, .btn-trans3:active, .btn-trans3.active { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .btn-trans3:after { background-color: transparent; } .btn-trans4 { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.35); } .btn-trans4:hover, .btn-trans4:focus, .btn-trans4:active, .btn-trans4.active { color: #fff; background-color: transparent; } .btn-trans4:after { background-color: rgba(255, 255, 255, 0.35); } .btn-trans4:hover { border: 1px solid #c46de7; box-shadow: 0 0 0 1px #74398b; } .btn-trans4:active, .btn-trans4:focus { outline-color: transparent !important; } .btn-trans5 { color: #fff; background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .btn-trans5:hover, .btn-trans5:focus, .btn-trans5:active, .btn-trans5.active { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .btn-trans5:after { background-color: transparent; } .btn-trans5.selected { background-color: #b360d4; } .btn-category { color: #fff; background-color: rgba(255, 255, 255, 0.07); border-color: transparent; margin-right: 6px; } .btn-category:hover, .btn-category:focus, .btn-category:active, .btn-category.active { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .btn-category:after { background-color: transparent; } .btn-category-tag { color: #fff; background-color: rgba(255, 255, 255, 0.07); border-color: transparent; cursor: default; margin-right: 6px; } .btn-category-tag:hover, .btn-category-tag:focus, .btn-category-tag:active, .btn-category-tag.active { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .btn-category-tag:after { background-color: transparent; } .btn-letter { color: #fff; background-color: rgba(255, 255, 255, 0.07); border-color: transparent; } .btn-letter:hover, .btn-letter:focus, .btn-letter:active, .btn-letter.active { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .btn-letter:after { background-color: transparent; } .btn-letter.active { background-color: #8743a3; } .close { opacity: 1; } .close:hover { opacity: 0.8; } .delete { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 1.7em; background-color: rgba(255, 255, 255, 0.2); cursor: pointer; display: inline-block; } .btn .btn-text { display: none; margin-left: 5px; } .label-btn-group { color: rgba(255, 255, 255, 0.5); margin-right: 8px; display: none; } @media (min-width: 768px) { .btn .btn-text, .label-btn-group { display: inline-block; } } .my-label { position: relative; display: inline-block; font-size: 12px; padding: 2px 10px; } .my-label:after { content: ""; position: absolute; top: 0; right: -8px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 8px solid #ddd; } .label-yellow { color: #000; background-color: #FFBD19; } .label-yellow:after { border-left-color: #FFBD19; } .dropdown-menu > li > a { padding: 7px 20px; } .dropdown-menu label { padding: 2px 20px; width: 100%; } .dropdown-menu label input { margin-right: 7px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliNTliNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MzA5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9b59b5), color-stop(100%, #753092)); background-image: -moz-linear-gradient(#9b59b5, #753092); background-image: -webkit-linear-gradient(#9b59b5, #753092); background-image: linear-gradient(#9b59b5, #753092); color: #fff; } .menu-drop { display: inline-block; max-width: 200px; width: 100%; margin-bottom: 20px; } input[type="text"].inp, input[type="text"].form-control, input[type="tel"].form-control, input[type="email"].inp, input[type="email"].form-control, input[type="number"].form-control, input[type="password"].inp, input[type="password"].form-control { display: block; height: 34px; padding: 6px 12px; background-color: transparent; background-image: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } input[type="text"].inp:focus, input[type="text"].form-control:focus, input[type="tel"].form-control:focus, input[type="email"].inp:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="password"].inp:focus, input[type="password"].form-control:focus { background-color: #fff; color: #000; border-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } textarea.form-control, textarea.form-control[disabled], textarea.form-control[readonly] { display: block; padding: 6px 12px; background-color: transparent; background-image: none; margin-bottom: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } textarea.form-control:focus, textarea.form-control[disabled]:focus, textarea.form-control[readonly]:focus { background-color: #fff; color: #000; border-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="text"].form-control { display: table-cell; height: 32px; margin-top: 1px; } input[type="text"].inp-search { border-color: #c98de2; color: #fff; } input[type='number'] { -moz-appearance: textfield; } .error { border-color: #eb3535; } .ratings-scroller .swiper-scrollbar.top { top: 3px; } #quest-table { width: 100%; min-width: 720px; max-width: 1136px; table-layout: fixed; background-color: rgba(255, 255, 255, 0.05); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #quest-table tr { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #quest-table tr td { vertical-align: middle; padding: 18px 10px; border-top: none; } #quest-table tr td:first-child { padding-left: 15px; } #quest-table tr td:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } #quest-table tr td:last-child { width: 40px; text-align: center; } #quest-table tr td:last-child i { cursor: pointer; margin: 0; padding: 0; } #quest-table tr td i { vertical-align: middle; } #quest-table i { margin-right: 6px; } .base-popup { position: relative; max-width: 600px; background-color: #2F2F2F; border: 1px solid #7a7a7a; margin: 0 auto; padding: 20px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .base-popup .text-yel { font-weight: 600; } @media (min-width: 768px) { .base-popup { padding: 20px 30px; } } .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .panel-default { border: none; background-color: rgba(255, 255, 255, 0.1); } .panel-default .panel-heading { color: #FFF; background-color: transparent; border-color: rgba(255, 255, 255, 0.15); } .panel-default .panel-body { padding-top: 20px; padding-bottom: 20px; } .panel-user-sets .panel-body a { color: #fff; } .panel-user-sets .panel-body a i { margin-right: 5px; font-size: 1.2em; display: inline-block; vertical-align: middle; } .panel-user-sets .panel-body a:hover { text-decoration: none; } .panel-user-sets .panel-body a:hover span { text-decoration: underline; } .tooltip > .tooltip-inner { background-color: rgba(0, 0, 0, 0.5); } .tooltip.top > .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.5); } .red-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: rgba(231, 40, 40, 0.5); } .red-tooltip + .tooltip > .tooltip-inner { background-color: rgba(231, 40, 40, 0.5); } .tooltip-toggle { position: relative; } .tooltip-toggle .showComment { cursor: pointer; } .tooltip-toggle .showComment:hover { color: #fff; } .tooltip-toggle .showComment:hover + .comment { display: block; } .tooltip-toggle .comment { position: absolute; display: none; min-width: 110px; top: 80%; left: 0; text-align: center; line-height: 1.5; background-color: rgba(0, 0, 0, 0.7); padding: 20px; z-index: 50; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; white-space: normal; } .tooltip-toggle .comment:before { display: none; content: ''; position: absolute; width: 0; height: 0; top: -8px; left: 45px; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; } .tooltip-toggle-tl, .tooltip-toggle-tr, .tooltip-toggle-bl, .tooltip-toggle-br { display: inline-block; vertical-align: top; } .tooltip-toggle-tl .showComment:hover, .tooltip-toggle-tr .showComment:hover, .tooltip-toggle-bl .showComment:hover, .tooltip-toggle-br .showComment:hover { color: #000; } .tooltip-toggle-tl .comment, .tooltip-toggle-tr .comment, .tooltip-toggle-bl .comment, .tooltip-toggle-br .comment { min-width: 225px; color: #b3b3b3; text-align: left; } .tooltip-toggle-tl .comment, .tooltip-toggle-bl .comment { /*left: 100%;*/ left: 50%; transform: translateX(-50%); /*margin-left: -36px;*/ } .tooltip-toggle-tl .comment, .tooltip-toggle-tr .comment { top: auto; bottom: 100%; margin-bottom: 13px; } .tooltip-toggle-tl .comment:before, .tooltip-toggle-tr .comment:before { top: auto; bottom: -8px; border-width: 8px 7px 0 7px; border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; } .tooltip-toggle-tr .comment, .tooltip-toggle-br .comment { /*right: 0; left: unset;*/ left: 50%; transform: translateX(-50%); margin-right: -10px; } .tooltip-toggle-tr .comment:before, .tooltip-toggle-br .comment:before { left: auto; right: 11px; } .tooltip-toggle-bl .comment, .tooltip-toggle-br .comment { top: 100%; margin-top: 13px; } .tooltip-toggle-tl .comment:before { left: 20px; } .tooltip-toggle-tr .comment:before { left: auto; right: 11px; } .tooltip-toggle-bl .comment:before { top: -8px; left: 20px; } .popover { background-color: #2F2F2F; border: 1px solid #7a7a7a; } .popover-title { border-bottom: 1px solid #7a7a7a; background-color: #494949; } .popover.top > .arrow { border-top-color: #7a7a7a; } .popover.top > .arrow:after { border-top-color: #2F2F2F; } .well { background-color: #2F2F2F; border: 1px solid #7a7a7a; } .edit-table { margin: 58px 0; } .edit-table__item { width: 100%; padding: 15px 0 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .edit-table__item > div, .edit-table__item h3 { display: inline-block; vertical-align: top; } .edit-table__item h3 { width: 164px; padding-right: 5px; } .edit-table__item > div { width: 100%; } .edit-table__item .icon-icon-05 { display: inline-block; font-size: 12px; line-height: 1.9; } .enter_action .enter_status.desktop { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .edit-table__item table { border-collapse: collapse; table-layout: fixed; margin: 22px 0 20px; } .edit-table__item table th:not(:last-child) { width: 170px; } .edit-table__item table th:last-child { width: 110px; } .edit-table__item table td { padding: 5px 20px 5px 0; width: 190px; } .edit-table__item table input { width: 100%; height: 34px; padding: 0 10px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .edit-table__item table tfoot .btn { width: 100%; } .edit-table__item .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 7px; } .edit-table__item .dropdown-menu { background-color: #9B59B5; } .edit-table__item .remove-field { cursor: pointer; } .alert-warning { background-color: rgba(238, 44, 44, 0.2); border-color: #ef2f2f; color: #fff; } .badge.purple { background-color: #9b59b5; } .day-btn { position: relative; display: inline-block; width: 60px; padding-top: 10px; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.1); } .day-btn:hover { background-color: rgba(255, 255, 255, 0.2); } .day-btn.active { background-color: #faaa0d; color: #000; } .day-btn.active h4, .day-btn.active span { color: #000; } .day-btn.active:hover { background-color: #fcc458; } .day-btn.active:hover:after { border-top: 5px solid #fcc458; } .day-btn.active:after { position: absolute; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-top: 5px solid #faaa0d; border-left: 5px solid transparent; } .timetable .time-btn, .stat-btn { position: relative; display: inline-block; height: 45px; font-weight: 400; vertical-align: top; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .timetable .time-btn { width: 60px; color: #fff; padding-top: 3px; margin-bottom: 10px; background-color: rgba(68, 68, 68, 0.9); -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-transition-property: color, background-color; -o-transition-property: color, background-color; -webkit-transition-property: color, background-color; transition-property: color, background-color; -moz-transition-duration: 0.15s, 0.3s; -o-transition-duration: 0.15s, 0.3s; -webkit-transition-duration: 0.15s, 0.3s; transition-duration: 0.15s, 0.3s; -moz-transition-timing-function: ease-in, ease-in-out; -o-transition-timing-function: ease-in, ease-in-out; -webkit-transition-timing-function: ease-in, ease-in-out; transition-timing-function: ease-in, ease-in-out; } .timetable .time-btn:hover, .timetable .time-btn:focus { text-decoration: none; color: #000; } .timetable .time-btn.pr1 { -moz-box-shadow: #f4d86d 0 -3px 0 0 inset; -webkit-box-shadow: #f4d86d 0 -3px 0 0 inset; box-shadow: #f4d86d 0 -3px 0 0 inset; } .timetable .time-btn.pr1:hover, .timetable .time-btn.pr1:focus { background-color: #f4d86d; } .timetable .time-btn.pr2 { -moz-box-shadow: #57C76B 0 -3px 0 0 inset; -webkit-box-shadow: #57C76B 0 -3px 0 0 inset; box-shadow: #57C76B 0 -3px 0 0 inset; } .timetable .time-btn.pr2:hover, .timetable .time-btn.pr2:focus { background-color: #57C76B; } .timetable .time-btn.pr3 { -moz-box-shadow: #53B5EF 0 -3px 0 0 inset; -webkit-box-shadow: #53B5EF 0 -3px 0 0 inset; box-shadow: #53B5EF 0 -3px 0 0 inset; } .timetable .time-btn.pr3:hover, .timetable .time-btn.pr3:focus { background-color: #53B5EF; } .timetable .time-btn.pr4 { -moz-box-shadow: #F3C539 0 -3px 0 0 inset; -webkit-box-shadow: #F3C539 0 -3px 0 0 inset; box-shadow: #F3C539 0 -3px 0 0 inset; } .timetable .time-btn.pr4:hover, .timetable .time-btn.pr4:focus { background-color: #F3C539; } .timetable .time-btn.pr5 { -moz-box-shadow: #B74FD9 0 -3px 0 0 inset; -webkit-box-shadow: #B74FD9 0 -3px 0 0 inset; box-shadow: #B74FD9 0 -3px 0 0 inset; } .timetable .time-btn.pr5:hover, .timetable .time-btn.pr5:focus { background-color: #B74FD9; } .timetable .time-btn.pr6 { -moz-box-shadow: #F1930B 0 -3px 0 0 inset; -webkit-box-shadow: #F1930B 0 -3px 0 0 inset; box-shadow: #F1930B 0 -3px 0 0 inset; } .timetable .time-btn.pr6:hover, .timetable .time-btn.pr6:focus { background-color: #F1930B; } .timetable .time-btn.pr7 { -moz-box-shadow: #ff0000 0 -3px 0 0 inset; -webkit-box-shadow: #ff0000 0 -3px 0 0 inset; box-shadow: #ff0000 0 -3px 0 0 inset; } .timetable .time-btn.pr7:hover, .timetable .time-btn.pr7:focus { background-color: #ff0000; } .timetable .time-btn.pr8 { -moz-box-shadow: #f9ff00 0 -3px 0 0 inset; -webkit-box-shadow: #f9ff00 0 -3px 0 0 inset; box-shadow: #f9ff00 0 -3px 0 0 inset; } .timetable .time-btn.pr8:hover, .timetable .time-btn.pr8:focus { background-color: #f9ff00; } .timetable .time-btn.pr9 { -moz-box-shadow: #42ef48 0 -3px 0 0 inset; -webkit-box-shadow: #42ef48 0 -3px 0 0 inset; box-shadow: #42ef48 0 -3px 0 0 inset; } .timetable .time-btn.pr9:hover, .timetable .time-btn.pr9:focus { background-color: #42ef48; } .timetable .time-btn.booked { background-color: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.5); } .timetable .time-btn.booked:hover { background-color: rgba(0, 0, 0, 0.2); } .timetable .time-btn.unavailable { cursor: default; background-color: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.5); } .timetable .time-btn .price { display: block; opacity: 0.5; font-size: 12px; } .timetable-white .time-btn { color: #000; background-color: rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 -2px 0 #ccc; -moz-box-shadow: inset 0 -2px 0 #ccc; box-shadow: inset 0 -2px 0 #ccc; } .timetable-white .time-btn.booked { color: #000; } .stat-btn { width: 100%; margin-bottom: 20px; line-height: 40px; background-color: rgba(255, 255, 255, 0.1); } .stat-btn.st1 { box-shadow: inset 0 -3px 0 #ffbd1a; } .stat-btn.st2 { box-shadow: inset 0 -3px 0 #2ecc71; } .stat-btn.st3 { box-shadow: inset 0 -3px 0 #3498db; } .stat-btn.st4 { box-shadow: inset 0 -3px 0 #b357d8; } .stat-btn.st5 { box-shadow: inset 0 -3px 0 #95a5a6; } .stat-btn.st6 { box-shadow: inset 0 -3px 0 #e67e22; } .stat-btn.st7 { box-shadow: inset 0 -3px 0 #e74c3c; } .more-time-btn { position: relative; display: inline-block; width: 125px; height: 40px; text-align: center; font-weight: 400; vertical-align: top; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #fff; background-color: rgba(255, 255, 255, 0.1); text-decoration: underline; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .more-time-btn:hover, .more-time-btn:focus { color: #fff; text-decoration: none; } .timetable { margin: 60px auto; } .timetable-gray { background-color: #262626; } .timetable-white { background-color: #fff; } .timetable-white .heading-4 { color: #000; } .timetable-transparent .heading-4 { color: #000; } .timetable-links { margin-top: 30px; } .timetable-links .made-in { display: inline-block; vertical-align: middle; color: #a5a5a5; } .timetable-links .made-in a { text-decoration: underline; } #quest-timetable { display: inline-block; position: relative; width: 100%; } #quest-timetable .day-heading { font: 700 14px/32px "Open Sans", sans-serif; } @media all and (max-width: 570px) { #quest-timetable .timetable-links > div { float: none !important; display: block; margin: 0 auto 10px; } #quest-timetable .timetable-links .show-week-table { width: 137px; } } .price-legend { padding-top: 20px; padding-left: 20px; padding-right: 20px; background-color: rgba(255, 255, 255, 0.1); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; margin-bottom: 40px; } .price-legend-item { display: inline-block; margin-right: 30px; margin-bottom: 20px; } .price-legend-item .point { width: 12px; height: 12px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .price-legend-item .point.pr1 { background-color: #f4d86d; } .price-legend-item .point.pr2 { background-color: #57C76B; } .price-legend-item .point.pr3 { background-color: #53B5EF; } .price-legend-item .point.pr4 { background-color: #F3C539; } .price-legend-item .point.pr5 { background-color: #B74FD9; } .price-legend-item .point.pr6 { background-color: #F1930B; } .price-legend-item:last-child { margin-right: 0; } .quest-slots-row { border-top: 1px solid rgba(255, 255, 255, 0.2); } .quest-slots-row:first-child { border-top: none; } .quest-slots-row:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .quest-slots-row .quest-timeslots { margin-bottom: 20px; } .quest-slots-row .time-btn { margin-right: 5px; } .quest-slots-info { position: relative; padding: 15.38462px 0; padding-right: 100px; } .quest-slots-info .quest-info-col { display: inline-block; } .quest-slots-info .quest-info-col:first-child { margin-right: 20px; } .quest-slots-info .quest-link { color: #fff; } .quest-slots-info .quest-photo, .quest-slots-info .quest-players, .quest-slots-info .quest-photo > a { color: #d198e8; } .quest-slots-info .quest-photo, .quest-slots-info .quest-players { display: inline-block; } .quest-slots-info .quest-players, .quest-slots-info .quest-photo > a { font-size: 12px; } .quest-slots-info .quest-players { margin-right: 20px; } .quest-slots-info .show-slots { position: absolute; right: 0; top: 0; display: block; width: auto; height: 100%; text-align: right; color: #FFBD19; line-height: 100%; } .quest-slots-info .show-slots:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .quest-slots-info .show-slots:hover, .quest-slots-info .show-slots:focus { text-decoration: none; outline: none; } .date-quest-slots-row { position: relative; display: inline-block; min-width: 50%; } .date-quest-slots-row .quest-timeslots { display: inline-block; margin-bottom: 10px; } .date-quest-slots-row .time-btn { margin-right: 5px; } .date-quest-slots-info { width: 100%; vertical-align: top; display: inline-block; text-align: left; margin-bottom: 10px; } .date-quest-slots-info .rus-day-prefix { color: #b3b3b3; } @media (min-width: 768px) { .date-quest-slots-info { position: absolute; width: 125px; left: 0; top: 0; } .date-quest-slots-row .quest-timeslots { padding-left: 125px; } } .days { height: 65px; } .days .swiper-slide { margin: 0 auto; } .days-slider { padding: 0 60px; position: relative; } .days-slider .days-prev, .days-slider .days-next { position: absolute; } .days-slider .swiper-wrapper { padding-bottom: 5px; } .days-slider .days-prev { border-right: 1px solid rgba(255, 255, 255, 0.1); } .days-slider .days-next { border-left: 1px solid rgba(255, 255, 255, 0.1); } .days-prev, .days-next { height: 58px; top: 0; } .days-prev { left: 0; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .days-next { right: 0; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .days-next-icon { position: relative; top: 7px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .days-prev-icon { position: relative; top: 7px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } .log-in { position: relative; max-width: 360px; width: 100%; left: 50%; padding-top: 20vh; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .log-in:before { content: ''; display: block; width: 235px; height: 54px; margin: 0 auto 30px; background: url("../images/logo-boo.svg") center center no-repeat; -webkit-background-size: contain; background-size: contain; } .setting-profile-link { margin-top: 5px; display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; } .setting-profile-link a { color: #fff; display: flex; align-items: center; text-decoration: underline; justify-content: flex-end; } .setting-profile-link-item { margin-bottom: 5px; } .setting-profile-link a:hover { text-decoration: none; } .setting-profile-link-icon { width: 15px; height: 15px; min-width: 15px; margin-right: 5px; } /* .reservation-list-table .dropdown-menu { position: relative; }*/ .dropup .caret { border-top: 4px dashed !important; border-bottom: 0 !important; } .instruction-wrapper .btn { text-align: left; } .log-in__form { padding: 0 30px 40px; background-color: rgba(255, 255, 255, 0.04); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .log-in__form h1 { margin-bottom: 29px; } .log-in__form input { width: 100%; } .log-in__form .btn { margin-top: 6px; } .orders { margin-top: 40px; } .orders-table { max-width: max-content; padding: 0 10px; margin: 0 auto; } .orders-table .btn-group { width: auto; } .orders-table table { width: 100%; background-color: rgba(255, 255, 255, 0.04); } .orders-table thead { background-color: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .orders-table tr:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .orders-table th, .orders-table td { height: 55px; padding: 0 5px; } .orders-table th:not(:last-child), .orders-table td:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.15); } .orders-table td:nth-child(6), .orders-table td:nth-child(11) { word-wrap: break-word; } .orders-table th[data-sort="true"][data-direction="less"] .caret { border-bottom: 4px dashed; border-top: 0; } .orders-table .bootstrap-select { margin-bottom: 0; } .orders-table-wrap { width: 100%; max-width: 1875px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 3px; /*margin: 40px auto 0px;*/ } .orders-table-scroll-wrap { /*margin-bottom: 30px;*/ margin-top: 20px; } @media (max-width: 767px) { .table-responsive .dropdown-menu { position: static !important; } } @media (min-width: 768px) { .table-responsive { overflow: inherit; } } .dropdown-backdrop { display: none; } #feedBackPopUp { display: none; } #pagination { margin-bottom: 60px; } /*.orders-table-scroll-wrap #mCSB_1_scrollbar_horizontal.mCSB_scrollTools {*/ /*bottom: 195px;*/ /*}*/ .orders-container #mCSB_1_scrollbar_horizontal.mCSB_scrollTools { top: -10px; } .orders-table-scroll-wrap .dropup .dropdown-menu { bottom: 100%; top: auto; } .orders-table-scroll-wrap + .flex-justify { position: relative; top: 20px; } .orders-filter .dropdown { display: inline-block; vertical-align: top; } .orders-filter .dropdown button { margin-left: -1px; } .orders-filter .btn-search { width: 34px; height: 34px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuNSwwQzUuOSwwLDMsMi45LDMsNi41YzAsMS40LDAuNSwyLjgsMS4zLDMuOGwtNCw0Yy0wLjQsMC40LTAuNCwxLDAsMS40QzAuNSwxNS45LDAuNywxNiwxLDE2DQoJczAuNS0wLjEsMC43LTAuM2w0LTRDNi43LDEyLjUsOC4xLDEzLDkuNSwxM2MzLjYsMCw2LjUtMi45LDYuNS02LjVTMTMuMSwwLDkuNSwweiBNOS41LDExQzcsMTEsNSw5LDUsNi41UzcsMiw5LjUsMlMxNCw0LDE0LDYuNQ0KCVMxMiwxMSw5LjUsMTF6Ii8+DQo8L3N2Zz4NCg==") center right no-repeat; } .orders-filter ul { width: 200px; } .orders-filter .btn-trans5 { height: 34px; } .orders-filter .btn-group { margin-left: 15px; } .table-wrap { border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 3px; overflow: hidden; margin: 20px 0; } .table-wrap .table { margin-bottom: 0; } .time-input input { float: left; height: 34px; width: calc(50% - 16px); padding: 0 9px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); } .time-input input:hover { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .time-input input:focus { outline: none; border: 1px solid #c46de7; box-shadow: 0 0 0 1px #74398b; } .time-input input:first-of-type { border-radius: 3px 0 0 3px; } .time-input input:last-of-type { border-radius: 0 3px 3px 0; } .time-input span { float: left; display: inline-block; width: 32px; height: 34px; color: #fff; line-height: 32px; border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); background-color: rgba(255, 255, 255, 0.08); text-align: center; } .flex-justify { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inactive { background-color: rgba(255, 255, 255, 0.15); } .orders-table td { text-align: center; } .orders-table th{ text-align: center; } .bootstrap-select > .dropdown-toggle { } @media all and (max-width: 1199px) { /*.orders-table th:first-child, .orders-table th:nth-child(4) {*/ /*width: 180px;*/ /*}*/ /*.orders-table th:nth-child(2), .orders-table th:nth-child(3), .orders-table th:nth-child(5) {*/ /*width: 155px;*/ /*}*/ /*.orders-table th:nth-child(6) {*/ /*width: 185px;*/ /*}*/ /*.orders-table th:nth-child(7), .orders-table th:nth-child(8), .orders-table th:nth-child(9), .orders-table th:nth-child(10), .orders-table th:nth-child(11), .orders-table th:nth-child(12) {*/ /*width: 135px;*/ /*}*/ /*.orders-table th:last-child {*/ /*width: 50px;*/ /*}*/ } @media all and (max-width: 479px) { .orders-table .btn-group { } } @media all and (max-width: 767px) { .generatorBlock table th{ display: none; } .activity-dates-row { flex-direction: column; align-items: flex-start; } .activDates-tooltips { margin-right: 0; width: 30px; } .generatorBlock #genFields { display: flex; flex-direction: column; } .generatorBlock.tr-bg > div { padding: 25px 20px; } .tr-bg.tr-bg-addPromo > div { padding: 20px 20px 40px; } } @media all and (min-width: 320px) { .orders-table { font-size: 12px; } .quest-date-booking { min-width: 75px; } .quest-date-game { min-width: 75px; } .quest-members { min-width: 70px; } } @media all and (min-width: 1200px) { .quest-number { min-width: 50px; } .quest-name { min-width: 120px; } .quest-username { min-width: 100px; } .quest-date-booking { min-width: 75px; } .quest-date-game { min-width: 75px; } .quest-payment { width: 100px; } .quest-user-phone { width: 150px; } .quest-user-email { min-width: 100px; } .quest-members { min-width: 70px; } .quest-price { width: 70px; } .quest-user-comment { width: 70px; } .quest-admin-comment { width: 70px; } .quest-source-order { width: 150px; } .quest-status { width: 100px; } } @media all and (min-width: 1735px) { .quest-number { width: 50px; } .quest-name { min-width: 160px; } .quest-username { min-width: 130px; } .quest-date-booking { width: 150px; } .quest-date-game { width: 150px; } .quest-payment { width: 100px; } .quest-user-phone { width: 150px; } .quest-user-email { width: 150px; } .quest-members { width: 70px; } .quest-price { width: 70px; } .quest-user-comment { width: 70px; } .quest-admin-comment { width: 70px; } .quest-source-order { width: 150px; } .quest-status { width: 100px; } /* .bootstrap-select > .dropdown-toggle { max-width: 150px; } */ } /*==============NEW TABLE===============*/ /*=============END TABLE===============*/ /*----------- daily -------------*/ .orders-table-daily { max-width: 1735px; margin: 0 auto; } .orders-table-daily .btn-group { width: auto; } .orders-table-daily table { table-layout: fixed; width: 100%; background-color: rgba(255, 255, 255, 0.04); } .orders-table-daily thead { background-color: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .orders-table-daily tr:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .orders-table-daily th, .orders-table-daily td { height: 55px; padding: 0 5px; } .orders-table-daily th:not(:last-child), .orders-table-daily td:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.15); } .orders-table-daily th { cursor: pointer; } .orders-table-daily td:nth-child(4), .orders-table-daily td:nth-child(8), .orders-table-daily td:nth-child(14) { word-wrap: break-word; overflow: hidden; } .orders-table-daily th[data-sort="true"][data-direction="less"] .caret { border-bottom: 4px dashed; border-top: 0; } .orders-table-daily .bootstrap-select { margin-bottom: 0; } @media all and (max-width: 1199px) { .enter_action .enter_status.desktop { flex-direction: column; flex-wrap: nowrap; align-items: flex-end; } .enter-delimeter { display: none; } } @media all and (max-width: 479px) { .orders-table .btn-group { } .tr-bg > div.instruction-wrapper { padding-left: 15px; padding-right: 15px; } .tr-bg > div.instruction-wrapper a { font-size: 12px; text-align: left; } } @media all and (max-width: 767px) { .timetable { padding: 0 15px; } } @media all and (min-width: 1200px) { .orders-table-daily .mCSB_container { width: 100% !important; } } @media all and (min-width: 1735px) { .orders-table th:first-child { max-width: 50px; } } #sortTable { /*table-layout: fixed;*/ } /*------------------------*/ .slider-item { margin-top: 30px; margin-bottom: 65px; } .slider-item label { width: 192px; margin-right: 45px; } .slider-item input { float: right; width: 50px; height: 34px; margin-top: -6px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 3px; text-align: center; } .slider-item .ui-slider.ui-widget { display: inline-block; width: calc(100% - 245px); height: 6px; background-color: #6a6a6a; border: none; } .slider-item .ui-widget-header { outline: none; background-color: #ffbd1a; } .slider-item .ui-state-default.ui-slider-handle { width: 20px; height: 20px; top: -7px; margin-left: -10px; outline: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #ffffff; border: none; } .slider-item .ui-state-default.ui-slider-handle:focus { outline: none; } .slider-item .ui-state-default.ui-slider-handle:before, .slider-item .ui-state-default.ui-slider-handle:after { position: absolute; } .slider-item .ui-state-default.ui-slider-handle:before { content: ''; display: inline-block; width: 0; height: 0; bottom: -15px; left: -6px; border-style: solid; border-width: 0 16px 10px 16px; border-color: transparent transparent rgba(0, 0, 0, 0.3) transparent; } .slider-item .ui-state-default.ui-slider-handle:after { content: attr(data-number); width: 32px; height: 26px; bottom: -41px; left: -6px; background-color: rgba(0, 0, 0, 0.3); text-align: center; line-height: 26px; color: #fff; } .slider-item .ui-state-default.ui-slider-handle.ui-state-active { border: none; background-color: #fff; } .slider-circle { position: absolute; width: 20px; height: 20px; top: -7px; background-color: #6a6a6a; border-radius: 100%; margin-left: -10px; } .slider-circle.active { background-color: #ffbd1a; } .slider-circle:before { content: attr(data-numb); position: absolute; display: block; width: 20px; color: #fff; top: -25px; text-align: center; } @media all and (max-width: 991px) { .footer-copy { text-align: left; } .orders-table-daily .my-table-wrap { width: 900px; } .orders-table-daily #mCSB_1_scrollbar_horizontal.mCSB_scrollTools { top: -17px; } } @media all and (max-width: 767px) { .slider-item .ui-slider.ui-widget { width: 100%; margin-top: 40px; padding-right: 20px; } h2.heading-mb20 { margin-bottom: 20px; } .mt-sm_10 { margin-top: 10px; } .u-analytics-block .row, .u-payment-block .row, .u-notification-block .row { padding-right: 28px; } } .payment-block { background-color: rgba(255, 255, 255, 0.04); border-radius: 3px; margin-bottom: 60px; } .payment-sliders { padding: 30px 35px 50px; } .payment-sms { padding: 30px 35px; } .payment-info { display: flex; justify-content: space-between; padding: 20px 35px; border-top: 1px solid rgba(255, 255, 255, 0.75); } .payment-info div { margin-right: 20px; } .payment-info div > span { display: inline-block; vertical-align: middle; margin-right: 30px; } .payment-info .text-yel { font: 600 25px/40px "Open Sans", sans-serif; } .sms-block { border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 3px; text-align: center; } .sms-block div { position: relative; float: left; width: 25%; height: 78px; padding-top: 13px; color: #999; cursor: pointer; } .sms-block div:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.35); } .sms-block div.active { background-color: #ffbd1a; color: #000; } .sms-block div.active:before { border: 3px solid #fff; background-color: #d277f7; } .sms-block div.active span { color: inherit; } .sms-block div:before { content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.5); left: 20px; top: 50%; margin-top: -10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .sms-block div span { display: block; margin: 0 auto; color: #fff; font-weight: 600; } @media all and (max-width: 768px) { .payment-sliders, .payment-info, .payment-sms { padding-left: 15px; padding-right: 15px; } .payment-info { flex-wrap: wrap; } .payment-info div { width: 100%; margin-right: 0; margin-bottom: 20px; } } @media all and (max-width: 480px) { .sms-block div { width: 50%; } .sms-block div:nth-child(2) { border-right: none; } .sms-block div:first-child, .sms-block div:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.35); } .payment-block .btn { float: left; margin: 10px 7px 0 0; } .payment-block div div:first-child { display: block; } } .dates { margin: 0 auto; border-radius: 4px; text-align: center; font-size: 0; } .dates-btn { position: relative; display: inline-block; width: 60px; font-size: 14px; line-height: 1.42857143; padding: 10px 14px 6px; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; background-color: rgba(255, 255, 255, 0.1); } .dates-btn:hover { background-color: rgba(255, 255, 255, 0.2); text-decoration: none; } .dates-btn.active { background-color: #faaa0d; color: #000; } .dates-btn.active:hover { background-color: #fcc458; } .dates-btn.active:hover:after { border-top: 5px solid #fcc458; } .dates-btn.active:after { position: absolute; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-top: 5px solid #faaa0d; border-left: 5px solid transparent; } .dates-btn.active h4, .dates-btn.active span { color: #000; } .dates-btn + .dates-btn { margin-left: -1px; } .dates-table-row { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dates-table-row h3 { padding: 15px 0; } .dates-table-row h3 a { font-weight: bold; } .dates-slots { margin-bottom: 8px; } .dates .time-btn { margin-right: 5px; } .tr-bg-daily { background-color: rgba(255, 255, 255, 0.04); -webkit-border-radius: 33px; -moz-border-radius: 3px; border-radius: 3px; } .tr-bg { margin-bottom: 90px; background-color: rgba(255, 255, 255, 0.04); -webkit-border-radius: 33px; -moz-border-radius: 3px; border-radius: 3px; } .tr-bg > div { padding: 20px 30px 40px; } .tr-bg > div:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .tr-bg-15 > div { padding: 18px 30px 15px; } .tr-bg-25 > div { padding: 25px 30px; } .tabs > ul { height: 60px; margin: 0 -30px 50px; } .tabs > ul li { float: left; width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .tabs > ul li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.25); } .tabs > ul li.active a { color: #ffbd1a; line-height: 57px; border-bottom: 3px solid #ffbd1a; } .tabs > ul a { display: inline-block; width: 100%; line-height: 60px; } .tabs > ul a:hover, .tabs > ul a:focus { color: #ffbd1a; text-decoration: none; outline: none; } .alert_message { display: none; height: 34px; color: #fff; line-height: 34px; border-radius: 3px; padding: 0 20px; vertical-align: top; text-align: center; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .alert_message i { padding-right: 7px; } .alert_message_error { background-color: rgba(255, 71, 71, 0.25); } .alert_message_success { background-color: rgba(143, 252, 63, 0.25); } .alert_message_success i { color: #a0e94a; font-size: 10px; /*vertical-align: top;*/ } .alert_message.active { display: inline-table; } #page_header { position: relative; padding-top: 60px; margin-bottom: 20px; } #page_header:after { content: ''; position: absolute; height: 1px; width: calc(100% - 30px); bottom: 0; left: 15px; background-color: #7a7a7a; } .logo { height: 60px; line-height: 60px; margin-bottom: 40px; } .logo .top_logo { position: relative; top: -11px; width: 100%; max-width: 202px; display: inline-block; vertical-align: middle; } .logo .top_logo a { display: block; width: 100%; height: 56px; text-indent: -9999px; background: url("/public/images/logo-boo.svg") 0 50% no-repeat; background-size: contain; } .logo .no-svg .top_logo a { background: url("/public/images/logo_small.png") 0 50% no-repeat; background-size: 32px 46px; } .logo.with_logo .top_logo { position: relative; top: -7px; display: inline-block; vertical-align: middle; } .logo.with_logo .top_logo a { position: relative; width: 170px; height: 40px; text-indent: -9999px; background: url("/public/images/logo.svg") 0 50% no-repeat; background-size: 170px 40px; } .enter_action { display: flex; flex-direction: column; } .enter_action .social_links_caption { display: none; } .enter_action .enter_status.mobile { display: inline-block; } .enter_action .enter_status.mobile .link_enter_exit, .enter_action .enter_status.mobile .name { text-decoration: none; } .enter_action .enter_status.desktop .link_enter_exit { text-decoration: underline; } .enter_action .enter_status .link_enter_exit { display: block; text-align: right; margin-top: 0px; } .enter-delimeter { color: #fff; margin: 0 15px; } .enter_action .enter_status.is-enter .link_enter_exit { color: #d198e8; } .enter_action .enter_status.is-enter .separator, .enter_action .enter_status.is-enter .name { display: inline; } .enter_action .separator { display: none; margin: 0 2px; } .enter_action .name { color: #fff; display: none; text-decoration: underline; } .enter_action .name:hover { color: #e6e6e6; text-decoration: none !important; } .enter_action .social_links_top .btn { padding: 6px 8px; } .enter_action .social_links_top .fb { padding: 6px 12px; } @media (min-width: 768px) { #page_header { margin-bottom: 45px; } .no-svg.top_logo { top: -11px; } .no-svg.top_logo a { background: url("/public/images/logo_big.png") 0 50% no-repeat; background-size: 202px 56px; } } @media (min-width: 992px) { .enter_action .social_links_caption { display: inline; } } footer { /*position: absolute;*/ width: 100%; /*height: 56px;*/ /*bottom: 0;*/ padding: 10px 0; line-height: 46px; background-color: rgba(0, 0, 0, 0.2); /*margin: auto 0 0 0;*/ } @media screen and (max-width: 767px) { footer { line-height: 2.3; } table.usersList { width: 1000px; } } #page_nav { position: relative; height: 40px; z-index: 9100; margin-top: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliNTliNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2MzVhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9b59b5), color-stop(100%, #8635a8)); background-image: -moz-linear-gradient(#9b59b5, #8635a8); background-image: -webkit-linear-gradient(#9b59b5, #8635a8); background-image: linear-gradient(#9b59b5, #8635a8); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px, #C993E1 0 1px 0 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px, #C993E1 0 1px 0 0 inset; box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px, #C993E1 0 1px 0 0 inset; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; } #page_nav .site-search { position: absolute; top: 3px; right: 15px; } #page_nav .site-search #search { padding-right: 28px; display: inline-block; width: 220px; vertical-align: middle; margin-left: 10px; background: url("/public/images/search_icon.png") 95% 50% no-repeat; } #page_nav .site-search #search:focus { background-image: url("/public/images/search_icon_hover.png"); } #nav_item { position: relative; overflow: hidden; height: 0; background-color: #944fae; width: 100%; margin-top: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; } #nav_item.open { overflow: visible; height: auto; padding-top: 20px; padding-bottom: 10px; } #nav_item > li { float: none; background-color: #944FAE; border-right: none; } #nav_item > li:hover > a { background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #813d9d; } #nav_item > li:hover ul.level2 { display: block; } #nav_item > li.t-city { display: list-item; } #nav_item > li.t-city > a { height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #nav_item > li.t-quests > a { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #nav_item > li:first-child > a { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #nav_item > li > a { display: block; height: 30px; line-height: 30px; padding: 0 16px; color: #fff; border: 0 none; outline: 0 none; } #nav_item > li > a:hover, #nav_item > li > a:focus { text-decoration: none; } #nav_item > li > a.more { position: relative; } #nav_item > li > a.more .icon-arrow { position: absolute; top: 50%; right: 12px; display: inline-block; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -7px; } #nav_item > li > a.more .caret { display: none; } #nav_item > li > a.more .back-text { display: none; } #nav_item > li > a.more.back-link { text-align: center; } #nav_item > li > a.more.back-link .icon-arrow { left: 12px; right: auto; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } #nav_item > li > a.more.back-link .link_text { display: none; } #nav_item > li > a.more.back-link .back-text { display: inline-block; } #nav_item > li.nav-expanded a.more { line-height: 40px; height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #nav_item > li.nav-expanded ul.level2 { margin-top: 0; } #nav_item > li.nav-expanded ul.level2 li { display: block; } #nav_item ul.level2 { position: static; display: block; padding-top: 0; padding-bottom: 0; background-color: #944fae; margin-top: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #nav_item ul.level2 li:hover { background-color: #813d9d; } #nav_item ul.level2 li a { display: block; padding: 5px 16px; color: #fff; } #nav_item ul.level2 li a:hover, #nav_item ul.level2 li a:focus { text-decoration: none; } #nav_item li li { display: none; } @media (min-width: 992px) { #page_nav { height: 50px; margin-top: 10px; } #page_nav .site-search { position: absolute; top: 8px; } #nav_item { height: auto; overflow: visible; background-color: transparent; margin-top: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #nav_item > li { float: left; background-repeat: repeat; background-position: 0% 0%; background-image: none; background-color: transparent; border-right: 1px solid #732791; } #nav_item > li:hover > a { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkN2FkOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E0NGFjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bd7ad9), color-stop(100%, #a44acc)); background-image: -moz-linear-gradient(#bd7ad9, #a44acc); background-image: -webkit-linear-gradient(#bd7ad9, #a44acc); background-image: linear-gradient(#bd7ad9, #a44acc); -moz-box-shadow: #E0AEF5 0 1px 0 0 inset; -webkit-box-shadow: #E0AEF5 0 1px 0 0 inset; box-shadow: #E0AEF5 0 1px 0 0 inset; } #nav_item > li.t-city { display: none !important; } #nav_item > li.t-quests > a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #nav_item > li:first-child > a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #nav_item > li.nav-expanded > a.more { line-height: 50px; height: 50px; border-bottom: none; } #nav_item > li > a { height: 50px; line-height: 50px; } #nav_item > li > a.more .icon-arrow { display: none; } #nav_item > li > a.more .caret { display: inline-block; } #nav_item > li > a.more .back-text { display: none; } #nav_item > li > a.more .link_text { display: block; } #nav_item ul.level2 { position: absolute; display: none; padding-top: 5px; padding-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 6px 5px; border-top: 1px solid transparent; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } #nav_item li li { display: block; } } .content-404 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .content-404 .pic404 { width: 120px; margin: 0 auto; } @media (min-width: 768px) { .content-404 .pic404 { width: 180px; margin: 0 auto; } } .close-info-block { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #2F2F2F; border: 1px solid #7a7a7a; padding: 20px; width: 270px; height: 320px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .close-info-block .icon { width: 42px; height: 38px; display: block; text-indent: -9999px; margin-bottom: 20px; background: url("/public/images/attention.svg") 0 50% no-repeat; background-size: 42px 38px; } @media (min-width: 768px) { .close-info-block { width: 600px; height: 420px; } } .find-err { position: relative; height: 100px; background-color: rgba(208, 92, 255, 0.15); margin-top: 20px; } .find-err .center-content { position: absolute; top: 50%; width: 100%; left: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .find-err .heading-2 { color: #BF8BD5; } .find-err a.link-to-err { color: #fff; text-decoration: underline; } .find-err a.link-to-err:hover { text-decoration: none; } .center-content { position: relative; top: 50%; width: 100%; left: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget-view-item { position: relative; border: 5px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; cursor: pointer; } .widget-view-item:hover { border-color: #a35dc0; } .widget-view-item:hover i { opacity: 1; } .widget-view-item.active { border-color: #ffbd1a; } .widget-view-item.active:before { opacity: 0.6; } .widget-view-item.active .btn { display: block; } .widget-view-item.active i { color: #ffbd1a; } .widget-view-item:before { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0; background-color: #000; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; z-index: 95; } .widget-view-item i { position: absolute; top: 30px; right: 25px; color: #a35dc0; font-size: 16px; opacity: 0; z-index: 100; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .widget-view-item img { width: 100%; } .widget-view-item span { position: absolute; display: block; width: 100%; bottom: 30px; color: #fff; font: 600 25px "Open Sans", sans-serif; text-align: center; z-index: 100; } .widget-view-item span.widget-dark { color: #1a1a1a; } .widget-view-item .btn { display: none; position: absolute; width: 196px; left: 50%; top: 50%; margin-top: -30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } .widget-view-item-wrapper a { display: block; width: 100%; color: #fff; font: 12px Arial; text-align: center; text-decoration: underline; margin-top: 10px; margin-bottom: 15px; } .widget-view-item-wrapper a:hover { text-decoration: none; } .widget-field { margin-bottom: 20px; } .widget-copy { color: #d198e8; border-bottom: 1px dotted #d198e8; cursor: pointer; } .widget-copy:hover { border-bottom: none; } .widget-preview { text-align: center; margin: 0 -15px; margin-top: 50px; margin-bottom: 60px; } .widget-preview-item { display: inline-block; width: 100%; max-width: 195px; vertical-align: top; padding: 0 15px; } .widget-preview-item > div { width: 100%; height: 140px; background-color: #3b2b4f; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; margin-bottom: 20px; text-align: center; padding-top: 20px; -webkit-box-shadow: inset 0 -8px 0 #ffbd1a; -moz-box-shadow: inset 0 -8px 0 #ffbd1a; box-shadow: inset 0 -8px 0 #ffbd1a; } .widget-preview-item > div div { color: #6ba6ef; font: 28px "Open Sans", sans-serif; } .widget-preview-item span { color: #ffbd1a; font: 600 40px "Open Sans", sans-serif; } .widget-input { text-align: center; } .widget-input .slider-opacity { margin-top: 34px; } .widget-input input { width: 100%; height: 40px; margin-top: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; text-align: center; } .widget-input input:focus { outline: none; } .widget-input .ui-widget.ui-widget-content { height: 6px; background-color: #6a6a6a; border: none; } .widget-input .ui-widget.ui-widget-content:before, .widget-input .ui-widget.ui-widget-content:after { content: ''; position: absolute; width: 20px; height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-top: -7px; } .widget-input .ui-widget.ui-widget-content:before { left: -10px; background-color: #ffbd1a; } .widget-input .ui-widget.ui-widget-content:after { right: -10px; background-color: #6a6a6a; } .widget-input .ui-widget-header { background-color: #ffbd1a; } .widget-input .ui-slider-handle { background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: none; } .widget-input .ui-slider-handle:before { content: attr(data-number); position: absolute; width: 20px; bottom: 25px; color: #fff; text-align: center; } .widget-btn-code { position: relative; left: 50%; margin-top: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 12px 14px rgba(0, 0, 0, 0.3), inset 0 1px 0 #ffe082; -moz-box-shadow: 0 12px 14px rgba(0, 0, 0, 0.3), inset 0 1px 0 #ffe082; box-shadow: 0 12px 14px rgba(0, 0, 0, 0.3), inset 0 1px 0 #ffe082; } .persons-with-caret { position: relative; } .payhistory th { cursor: pointer; width: 160px; } .persons-with-caret select { border: 1px solid rgba(255,255,255,0.4); } .persons-with-caret:after { position: absolute; right: 11px; top: 42%; transform: translateY(-42%); content: ''; border: 5px solid transparent; border-top: 5px solid white; } .tr-bg > div.dopSlots-newDate { padding: 0 30px 30px 30px; } .form .controls { margin-bottom: 15px; } .form .form-control.error { border-color: #a94442 !important; } ::-webkit-input-placeholder { font: 14px 'Arial'; color: rgba(255, 255, 255, 0.35); } ::-moz-placeholder { font: 14px/20px 'Arial'; color: rgba(255, 255, 255, 0.35); line-height: 2.3; } :-moz-placeholder { font: 14px/20px 'Arial'; color: rgba(255, 255, 255, 0.35); } :-ms-input-placeholder { font: 14px 'Arial'; color: rgba(255, 255, 255, 0.35); } #free-form .controls input::-webkit-input-placeholder { font: 14px 'Arial'; color: rgba(255, 255, 255, 0.35); } #free-form .controls input::-moz-placeholder { font: 14px/20px 'Arial'; color: rgba(255, 255, 255, 0.35); line-height: 1.4; } #free-form .controls input:-moz-placeholder { font: 14px/20px 'Arial'; color: rgba(255, 255, 255, 0.35); } #free-form .controls input:-ms-input-placeholder { font: 14px 'Arial'; color: rgba(255, 255, 255, 0.35); } .blockNew { background-color: #374665; padding: 20px; top: -30px; font-size: 17px; } .row-nobd { border-bottom: 0 !important; } #personsNum { padding-left: 12px; } /*NEW STYLES*/ .tr-bg > div.add-new-resourse { border-bottom: 0; padding-bottom: 0; } .selectNewDate-wrap { position: relative; } .caret { pointer-events: none; } .booked.blocked { background-color: rgba(0,0,0,0.4) !important; color: #fff !important; box-shadow: none !important; cursor: pointer !important; } .disp-ib { display: inline-block; } .mb_10 { margin-bottom: 10px; } .orders-table .comment { display: none !important; } .orders-table .comment-area-result { position: absolute; display: none; min-width: 110px; top: 50%; left: 50%; text-align: center; line-height: 1.5; background-color: rgba(0, 0, 0, 0.7); padding: 20px; z-index: 50; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; white-space: normal; } .orders-table .comment-area-result:before { content: ''; position: absolute; width: 0; height: 0; top: -8px; left: 45px; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; } .mb_40 { margin-bottom: 40px; } .detail-profile-info { padding-top: 20px; } #costEdit #supplement { position: relative; top: 2px; } #costEdit label { margin-bottom: 20px !important; } .choose-price-type { margin-top: 20px; } .tr-bg-addPromo .alert_message { margin-bottom: 5px; } .tr-bg-addPromo #addPromoCodeBtn { margin-bottom: 5px; } #endTime { margin-right: 20px; } .generatorBlock label { margin-bottom: 28px !important; } .editPromocode img { margin: 0 auto; } .select-tariff-wrap select{ padding-left: 15px; padding-right: 20px; } .select-tariff-wrap { position: relative; } .select-tariff-wrap:after { content: ''; display: inline-block; position: absolute; top: 38%; right: 12px; transform: translateY(-38%); margin-top: -2px; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .usePromoWrap input { position: relative; top: 2px; } .usePromoWrap .alert_message { margin-left: 10px; } .rotate180 { transform: rotate(180deg); } .feedBack a { color: #000; background-color: transparent; border-color: transparent; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbd19), color-stop(100%, #f69600)); background-image: -moz-linear-gradient(#ffbd19, #f69600); background-image: -webkit-linear-gradient(#ffbd19, #f69600); background-image: linear-gradient(#ffbd19, #f69600); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px, #FFE082 0 1px 0 0 inset; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; display: inline-block; line-height: 1.4; padding: 10px; text-decoration: none; padding: 6px 14px; border-radius: 3px; font-size: 14px; } .feedBack a:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffcc4c), color-stop(100%, #ffac2a)); background-image: -moz-linear-gradient(#ffcc4c, #ffac2a); background-image: -webkit-linear-gradient(#ffcc4c, #ffac2a); background-image: linear-gradient(#ffcc4c, #ffac2a); } .flex-container { display: flex; } .pl-10 { padding-left: 10px; } .pl-0 { padding-left: 0; } .pl-20 { padding-left: 20px; } .pt-0 { padding-top: 0; } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .pr-0 { padding-right: 0; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 10px; } .pb-0 { padding-bottom: 0; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 10px; } .ml-10 { margin-left: 10px; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mb-10 { margin-bottom: 10px; } .mr-10 { margin-right: 10px; } .ml-0 { margin-left: 0px; } .inline-block { display: inline-block; } .inline { display: inline; } .fz-12 { font-size: 12px; } /*CHECKBOX*/ .auto-blocked-check { position: relative; top:2px; } .z-ind-2 { z-index: 2; } .colorpicker { z-index: 2; } #newTime { width: 100%; } .addField2 { width:auto; } /* Table quests inputs*/ @media (max-width: 420px) { #price, #time, #priceOfDay { width: auto; } } .comment-fix-price { margin-left: -135px !important; } .comment-fix-price::before { left: 120px !important; } .comment-pick-option { margin-left: -170px !important; } .comment-pick-option::before { left: 155px !important; } .history-table #mCSB_1_scrollbar_horizontal.mCSB_scrollTools { top: -20px; } .float-r { float: right; } @media (max-width: 720px) { .orders-filter { width: 100%; } .orders-filter .orders-filter-btns1{ margin-left: 0; } .orders-filter .btn-group { margin-top: 10px; } .setting-profile-link-icon { display: none; } } @media (max-width: 455px) { .orders-filter .orders-filter-btns2{ margin-left: 0; width: 100%; } .usePromoWrap { display: flex; flex-wrap: wrap; align-items: baseline; width: 100%; } .usePromoWrap input { margin: 0; } .usePromoWrap label { margin-bottom: 0 !important; margin-left: 10px; } .usePromoWrap .alert_message { margin-top: 10px; margin-bottom: 10px; } } .footer-copy { margin-bottom: 0; } @media (max-width: 365px) { .footer-copy { font-size: 12px; } } .qlist-table .mCSB_scrollTools { top: -20px !important; bottom: auto !important; } .color-label { width: 100%; } .headind-2 { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .white-opacity { background-color: rgba(255, 255, 255, 0.04); border-radius: 3px; } .form-group { margin-bottom: 10px; } .margin-null { margin: 0 !important; } .profile-agreement .form-group { padding: 0px 15px 10px 28px; } .flex-wrap { flex-wrap: wrap; } .align-centered { align-items: center; } .choose-system-pay { padding: 10px 28px; display: flex; flex-flow: row nowrap; margin-top: -20px; } .choose-system-pay .rowOption:first-child { margin-right: 20px; } .tinkoff-pay { display: none; } /* Стилизация radiobutton. */ .radio { vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0; } /* Это для всех браузеров, кроме совсем старых, которые не поддерживают селекторы с плюсом. Показываем, что label кликабелен. */ .radio + label { cursor: pointer; } /* Прячем оригинальный radio. */ .radio:not(checked) { position: absolute; opacity: 0; } .radio:not(checked) + label { position: relative; padding: 0 0 0 35px; } /* Оформление первой части radio в выключенном состоянии (фон). */ .radio:not(checked) + label:before { content: ''; position: absolute; top: -3px; left: 0; width: 22px; height: 22px; border: 3px solid rgba(161, 156, 175, 0.5); border-radius: 50%; background: transparent; } /* Оформление первой части radio в выключенном состоянии (фон). */ .radio:checked + label:before { border: 3px solid #ffffff; } /* Оформление второй части radio в выключенном состоянии (переключатель). */ .radio:not(checked) + label:after { content: ''; position: absolute; top: 0px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #ffbd1a; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5); opacity: 0; transition: all .2s; } .radio:checked + label:after { opacity: 1; } /**************************************/.fancybox-slide > * { background-color: #2f2f2f !important; } #free-form, #booked-form, #clientData { display: none; } /*==============NEW TABLE===============*/ /*=============END TABLE===============*/ #sortTable { /*table-layout: fixed;*/ border: 1px solid rgba(255, 255, 255, 0.2); } #sortTable thead { background-color: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .profile-form-wrap { background-color: #374665; margin-top: 15px; border-radius: 3px; } .options-form { padding:25px; background-color: #374665; border-radius: 3px; margin-top: 15px; } .heading-options { color: #FFBD19; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 25px; font-size:1.333rem; } .options-block { padding: 0 25px 20px; } .copy-message { font-size: 12px; line-height: 2; } .labelForRadio { margin-right: 30px; } .switch-lang { display: flex; align-items: center; margin-left: 18px; position: relative; margin-bottom: 5px; } .switch-lang-wrap { display: flex; align-items: center; } .switch-lang-value { font-size: 12px; text-decoration: underline; line-height: 18px; text-transform: capitalize; } .switch-lang-icon { width: 11px; min-width: 11px; height: 7px; margin-left: 5px; } .switch-lang span { cursor: pointer; } .switch-lang ul { background: rgba(0,0,0,.8); position: absolute; top: 25px; list-style: none; left: 50%; z-index: 20; border-radius: 5px; transform: translateX(-50%); } .switch-lang ul.hide { display: none; } .switch-lang ul li a { color: white; line-height: 1; padding: 7px 10px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.2); justify-content: center; } .switch-lang ul li:first-child { border-radius: 5px 5px 0 0; } .switch-lang ul li:last-child { border-radius: 0 0 5px 5px; } .switch-lang ul li:hover { background-color: #d198e8; } .switch-lang ul li:last-child a { border-bottom: 0; } .fa-euro-sign { margin-left: 3px; font-size: 11px; }