@charset "UTF-8"; /*MAIN*/ 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-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; } html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } body { height: 100%; margin: 0px; padding: 0px; font-family: "Lato", sans-serif; font-display: swap; background-color: #ffffff; color: #333333; line-height: 1; position: relative; font-size: 1.2rem !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: inherit; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, span, button { outline: none !important; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @font-face { font-family: "Corinthia"; src: url("../fonts/Corinthia.ttf"); font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: "Lato"; src: url("../fonts/Lato/Lato-Regular.ttf"); font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: "Lato-Black"; src: url("../fonts/Lato/Lato-Black.ttf"); font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } /* BEGIN INTLTELINPUT PLUGIN */ .iti { width: 100%; height: 100%; } .iti__flag { background-color: transparent; background-image: url("../images/flags.png"); } .iti__flag-container { min-width: 100px; transition: visibility 0.2s ease-in; transition-delay: 0.3s; } .iti__country-list { max-width: 350px; z-index: 10; } .iti--separate-dial-code .iti__selected-flag { background-color: transparent !important; } .iti-mobile .iti__country-list { width: auto; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-left: 100px !important; } .form__group.focus .iti__flag-container, .form__group.activate.form__invalid .iti__flag-container, .form__group:hover .iti__flag-container { opacity: 1; } .form__group.activate.form__group-valid .iti__flag-container { width: 0; visibility: hidden; display: none; } .form__group.activate.form__group-valid input { padding-left: 10px !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("../images/flags@2x.png"); } } @media screen and (max-width: 500px) { .iti-mobile .iti__country-list, .iti .iti__country-list { min-width: calc(100vw - 20px); max-width: calc(100% - 20px); width: calc(100% - 20px); max-height: calc(100% - 80px); position: fixed; top: 70px; left: 10px; } } /* END INTLTELINPUT PLUGIN */ /* BEGIN SELECT2 PLUGIN */ .select2-container .select2-selection { height: 40px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; background: transparent; } .select2-container .select2-selection:hover { box-shadow: 3px 3px 7.4px 0.6px rgba(17, 17, 17, 0.24); } .select2-container .select2-selection:hover .select2-selection__arrow b { border-style: solid; background-color: #24b9e9; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc3MzY1NEU2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc3MzY1NEQ2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlGQzhEOEI1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGQzhEOEM1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6e8r6nAAAAsElEQVR42mL8//8/A60BEwMdwKglo5bQ35JpQKxGolmKQDwFmwQjjsz4DyQHxPxA/IkICziB+BvMTGJ9AhJ/DMQfgZiXgAUcQPwZiF9js4BQnMgB8ROoT3jxWPAFiN8BsRi5ES+LxyKiLCA2dYEsegq1iA8pDkBB9J6QBaQkYRmoRaA4MofSH4BYlBjNjCQW9beBWAUahLK0yozaQNwBxJqkaGIcrbRGLRm1hCAACDAAfN8nXZ+IA2cAAAAASUVORK5CYII="); } .select2-container .select2-selection .select2-selection__rendered { max-width: 270px; padding: 0 30px 0 10px; color: #333333; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 40px; text-align: left; } .select2-container .select2-selection .select2-selection__arrow { width: 30px; height: 30px; background-color: transparent; position: absolute; top: 50%; right: 4px; left: auto; z-index: 1; transform: translateY(-50%); } .select2-container .select2-selection .select2-selection__arrow b { width: 30px; height: 30px; margin-left: 0px; margin-top: 0px; border-radius: 50%; border: 1px dashed #24b9e9; background-color: #ffffff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM5RkM4RDhCNURFRDExRUE4RENCODMyNjQxNjJDRDNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM5RkM4RDhDNURFRDExRUE4RENCODMyNjQxNjJDRDNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlGQzhEODk1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGQzhEOEE1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GN0XCAAAAwUlEQVR42mL8//8/A60B46glo5YMbUsYQJagYx8fn2lArIZNDhcGqlcE4inY5Jhw2J0BxDd9fX35iHEoUB0nkLoHxNkkBRdQ4yMgJQvEfJs3b/6MxwIOIPUFiN8B1YmRHCdAAx4DKRlcFhFjAVERj8siYi0gOnUBDXwCpKSBmB9o4CdoHHwC4g9AvijVkjCSRRZAfBiIPxJjAcn5BGjRbSClAsRPgBbIEquPicRspQ3EHUCsOVp2jVoyagl1AUCAAQAduL3ms1FBKAAAAABJRU5ErkJggg=="); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; transform-origin: 50% 75%; } .select2-container .select2-dropdown { overflow: hidden; } .select2-container .select2-dropdown .select2-results > .select2-results__options { background: #f3f3f3; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option { display: flex; align-items: center; padding: 5px 5px 5px 10px; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* ---- DATA-FLAG ---- */ } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag { display: inline-block; min-width: 32.5px; width: 32.5px; height: 20px; margin-right: 5px; background-image: url("../images/icon-flags.png"); background-position-y: 50%; background-size: auto 100%; background-repeat: no-repeat; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="1"] { background-position-x: 0%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="2"] { background-position-x: 0.3623188406%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="3"] { background-position-x: 0.7246376812%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="4"] { background-position-x: 1.0869565217%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="5"] { background-position-x: 1.4492753623%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="6"] { background-position-x: 1.8115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="7"] { background-position-x: 2.1739130435%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="8"] { background-position-x: 2.5362318841%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="9"] { background-position-x: 2.8985507246%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="10"] { background-position-x: 3.2608695652%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="11"] { background-position-x: 3.6231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="12"] { background-position-x: 3.9855072464%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="13"] { background-position-x: 4.347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="14"] { background-position-x: 4.7101449275%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="15"] { background-position-x: 5.0724637681%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="16"] { background-position-x: 5.4347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="17"] { background-position-x: 5.7971014493%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="18"] { background-position-x: 6.1594202899%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="19"] { background-position-x: 6.5217391304%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="20"] { background-position-x: 6.884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="21"] { background-position-x: 7.2463768116%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="22"] { background-position-x: 7.6086956522%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="23"] { background-position-x: 7.9710144928%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="24"] { background-position-x: 8.3333333333%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="25"] { background-position-x: 8.6956521739%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="26"] { background-position-x: 9.0579710145%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="27"] { background-position-x: 9.4202898551%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="28"] { background-position-x: 9.7826086957%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="29"] { background-position-x: 10.1449275362%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="30"] { background-position-x: 10.5072463768%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="31"] { background-position-x: 10.8695652174%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="32"] { background-position-x: 11.231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="33"] { background-position-x: 11.5942028986%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="34"] { background-position-x: 11.9565217391%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="35"] { background-position-x: 12.3188405797%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="36"] { background-position-x: 12.6811594203%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="37"] { background-position-x: 13.0434782609%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="38"] { background-position-x: 13.4057971014%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="39"] { background-position-x: 13.768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="40"] { background-position-x: 14.1304347826%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="41"] { background-position-x: 14.4927536232%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="42"] { background-position-x: 14.8550724638%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="43"] { background-position-x: 15.2173913043%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="44"] { background-position-x: 15.5797101449%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="45"] { background-position-x: 15.9420289855%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="46"] { background-position-x: 16.3043478261%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="47"] { background-position-x: 16.6666666667%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="48"] { background-position-x: 17.0289855072%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="49"] { background-position-x: 17.3913043478%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="50"] { background-position-x: 17.7536231884%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="51"] { background-position-x: 18.115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="52"] { background-position-x: 18.4782608696%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="53"] { background-position-x: 18.8405797101%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="54"] { background-position-x: 19.2028985507%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="55"] { background-position-x: 19.5652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="56"] { background-position-x: 19.9275362319%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="57"] { background-position-x: 20.2898550725%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="58"] { background-position-x: 20.652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="59"] { background-position-x: 21.0144927536%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="60"] { background-position-x: 21.3768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="61"] { background-position-x: 21.7391304348%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="62"] { background-position-x: 22.1014492754%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="63"] { background-position-x: 22.4637681159%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="64"] { background-position-x: 22.8260869565%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="65"] { background-position-x: 23.1884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="66"] { background-position-x: 23.5507246377%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="67"] { background-position-x: 23.9130434783%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="68"] { background-position-x: 24.2753623188%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="69"] { background-position-x: 24.6376811594%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="70"] { background-position-x: 25%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="71"] { background-position-x: 25.3623188406%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="72"] { background-position-x: 25.7246376812%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="73"] { background-position-x: 26.0869565217%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="74"] { background-position-x: 26.4492753623%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="75"] { background-position-x: 26.8115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="76"] { background-position-x: 27.1739130435%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="77"] { background-position-x: 27.5362318841%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="78"] { background-position-x: 27.8985507246%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="79"] { background-position-x: 28.2608695652%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="80"] { background-position-x: 28.6231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="81"] { background-position-x: 28.9855072464%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="82"] { background-position-x: 29.347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="83"] { background-position-x: 29.7101449275%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="84"] { background-position-x: 30.0724637681%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="85"] { background-position-x: 30.4347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="86"] { background-position-x: 30.7971014493%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="87"] { background-position-x: 31.1594202899%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="88"] { background-position-x: 31.5217391304%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="89"] { background-position-x: 31.884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="90"] { background-position-x: 32.2463768116%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="91"] { background-position-x: 32.6086956522%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="92"] { background-position-x: 32.9710144928%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="93"] { background-position-x: 33.3333333333%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="94"] { background-position-x: 33.6956521739%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="95"] { background-position-x: 34.0579710145%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="96"] { background-position-x: 34.4202898551%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="97"] { background-position-x: 34.7826086957%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="98"] { background-position-x: 35.1449275362%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="99"] { background-position-x: 35.5072463768%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="100"] { background-position-x: 35.8695652174%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="101"] { background-position-x: 36.231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="102"] { background-position-x: 36.5942028986%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="103"] { background-position-x: 36.9565217391%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="104"] { background-position-x: 37.3188405797%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="105"] { background-position-x: 37.6811594203%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="106"] { background-position-x: 38.0434782609%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="107"] { background-position-x: 38.4057971014%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="108"] { background-position-x: 38.768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="109"] { background-position-x: 39.1304347826%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="110"] { background-position-x: 39.4927536232%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="111"] { background-position-x: 39.8550724638%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="112"] { background-position-x: 40.2173913043%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="113"] { background-position-x: 40.5797101449%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="114"] { background-position-x: 40.9420289855%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="115"] { background-position-x: 41.3043478261%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="116"] { background-position-x: 41.6666666667%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="117"] { background-position-x: 42.0289855072%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="118"] { background-position-x: 42.3913043478%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="119"] { background-position-x: 42.7536231884%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="120"] { background-position-x: 43.115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="121"] { background-position-x: 43.4782608696%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="122"] { background-position-x: 43.8405797101%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="123"] { background-position-x: 44.2028985507%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="124"] { background-position-x: 44.5652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="125"] { background-position-x: 44.9275362319%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="126"] { background-position-x: 45.2898550725%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="127"] { background-position-x: 45.652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="128"] { background-position-x: 46.0144927536%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="129"] { background-position-x: 46.3768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="130"] { background-position-x: 46.7391304348%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="131"] { background-position-x: 47.1014492754%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="132"] { background-position-x: 47.4637681159%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="133"] { background-position-x: 47.8260869565%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="134"] { background-position-x: 48.1884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="135"] { background-position-x: 48.5507246377%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="136"] { background-position-x: 48.9130434783%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="137"] { background-position-x: 49.2753623188%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="138"] { background-position-x: 49.6376811594%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="139"] { background-position-x: 50%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="140"] { background-position-x: 50.3623188406%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="141"] { background-position-x: 50.7246376812%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="142"] { background-position-x: 51.0869565217%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="143"] { background-position-x: 51.4492753623%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="144"] { background-position-x: 51.8115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="145"] { background-position-x: 52.1739130435%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="146"] { background-position-x: 52.5362318841%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="147"] { background-position-x: 52.8985507246%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="148"] { background-position-x: 53.2608695652%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="149"] { background-position-x: 53.6231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="150"] { background-position-x: 53.9855072464%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="151"] { background-position-x: 54.347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="152"] { background-position-x: 54.7101449275%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="153"] { background-position-x: 55.0724637681%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="154"] { background-position-x: 55.4347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="155"] { background-position-x: 55.7971014493%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="156"] { background-position-x: 56.1594202899%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="157"] { background-position-x: 56.5217391304%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="158"] { background-position-x: 56.884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="159"] { background-position-x: 57.2463768116%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="160"] { background-position-x: 57.6086956522%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="161"] { background-position-x: 57.9710144928%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="162"] { background-position-x: 58.3333333333%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="163"] { background-position-x: 58.6956521739%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="164"] { background-position-x: 59.0579710145%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="165"] { background-position-x: 59.4202898551%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="166"] { background-position-x: 59.7826086957%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="167"] { background-position-x: 60.1449275362%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="168"] { background-position-x: 60.5072463768%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="169"] { background-position-x: 60.8695652174%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="170"] { background-position-x: 61.231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="171"] { background-position-x: 61.5942028986%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="172"] { background-position-x: 61.9565217391%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="173"] { background-position-x: 62.3188405797%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="174"] { background-position-x: 62.6811594203%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="175"] { background-position-x: 63.0434782609%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="176"] { background-position-x: 63.4057971014%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="177"] { background-position-x: 63.768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="178"] { background-position-x: 64.1304347826%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="179"] { background-position-x: 64.4927536232%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="180"] { background-position-x: 64.8550724638%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="181"] { background-position-x: 65.2173913043%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="182"] { background-position-x: 65.5797101449%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="183"] { background-position-x: 65.9420289855%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="184"] { background-position-x: 66.3043478261%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="185"] { background-position-x: 66.6666666667%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="186"] { background-position-x: 67.0289855072%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="187"] { background-position-x: 67.3913043478%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="188"] { background-position-x: 67.7536231884%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="189"] { background-position-x: 68.115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="190"] { background-position-x: 68.4782608696%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="191"] { background-position-x: 68.8405797101%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="192"] { background-position-x: 69.2028985507%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="193"] { background-position-x: 69.5652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="194"] { background-position-x: 69.9275362319%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="195"] { background-position-x: 70.2898550725%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="196"] { background-position-x: 70.652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="197"] { background-position-x: 71.0144927536%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="198"] { background-position-x: 71.3768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="199"] { background-position-x: 71.7391304348%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="200"] { background-position-x: 72.1014492754%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="201"] { background-position-x: 72.4637681159%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="202"] { background-position-x: 72.8260869565%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="203"] { background-position-x: 73.1884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="204"] { background-position-x: 73.5507246377%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="205"] { background-position-x: 73.9130434783%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="206"] { background-position-x: 74.2753623188%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="207"] { background-position-x: 74.6376811594%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="208"] { background-position-x: 75%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="209"] { background-position-x: 75.3623188406%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="210"] { background-position-x: 75.7246376812%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="211"] { background-position-x: 76.0869565217%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="212"] { background-position-x: 76.4492753623%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="213"] { background-position-x: 76.8115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="214"] { background-position-x: 77.1739130435%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="215"] { background-position-x: 77.5362318841%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="216"] { background-position-x: 77.8985507246%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="217"] { background-position-x: 78.2608695652%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="218"] { background-position-x: 78.6231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="219"] { background-position-x: 78.9855072464%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="220"] { background-position-x: 79.347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="221"] { background-position-x: 79.7101449275%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="222"] { background-position-x: 80.0724637681%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="223"] { background-position-x: 80.4347826087%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="224"] { background-position-x: 80.7971014493%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="225"] { background-position-x: 81.1594202899%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="226"] { background-position-x: 81.5217391304%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="227"] { background-position-x: 81.884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="228"] { background-position-x: 82.2463768116%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="229"] { background-position-x: 82.6086956522%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="230"] { background-position-x: 82.9710144928%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="231"] { background-position-x: 83.3333333333%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="232"] { background-position-x: 83.6956521739%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="233"] { background-position-x: 84.0579710145%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="234"] { background-position-x: 84.4202898551%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="235"] { background-position-x: 84.7826086957%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="236"] { background-position-x: 85.1449275362%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="237"] { background-position-x: 85.5072463768%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="238"] { background-position-x: 85.8695652174%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="239"] { background-position-x: 86.231884058%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="240"] { background-position-x: 86.5942028986%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="241"] { background-position-x: 86.9565217391%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="242"] { background-position-x: 87.3188405797%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="243"] { background-position-x: 87.6811594203%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="244"] { background-position-x: 88.0434782609%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="245"] { background-position-x: 88.4057971014%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="246"] { background-position-x: 88.768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="247"] { background-position-x: 89.1304347826%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="248"] { background-position-x: 89.4927536232%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="249"] { background-position-x: 89.8550724638%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="250"] { background-position-x: 90.2173913043%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="251"] { background-position-x: 90.5797101449%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="252"] { background-position-x: 90.9420289855%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="253"] { background-position-x: 91.3043478261%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="254"] { background-position-x: 91.6666666667%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="255"] { background-position-x: 92.0289855072%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="256"] { background-position-x: 92.3913043478%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="257"] { background-position-x: 92.7536231884%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="258"] { background-position-x: 93.115942029%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="259"] { background-position-x: 93.4782608696%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="260"] { background-position-x: 93.8405797101%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="261"] { background-position-x: 94.2028985507%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="262"] { background-position-x: 94.5652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="263"] { background-position-x: 94.9275362319%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="264"] { background-position-x: 95.2898550725%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="265"] { background-position-x: 95.652173913%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="266"] { background-position-x: 96.0144927536%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="267"] { background-position-x: 96.3768115942%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="268"] { background-position-x: 96.7391304348%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="269"] { background-position-x: 97.1014492754%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="270"] { background-position-x: 97.4637681159%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="271"] { background-position-x: 97.8260869565%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="272"] { background-position-x: 98.1884057971%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="273"] { background-position-x: 98.5507246377%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="274"] { background-position-x: 98.9130434783%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="275"] { background-position-x: 99.2753623188%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="276"] { background-position-x: 99.6376811594%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="277"] { background-position-x: 100%; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="0"], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="112"], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="113"], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="114"], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option span.icon-flag[data-flag="169"] { display: none; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option[aria-selected=true] { background: #8dc500; color: #ffffff; font-weight: 700; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option--highlighted[aria-selected] { background: #24b9e9; } .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b { border: 1px solid #24b9e9; background-color: #24b9e9; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc3MzY1NEU2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc3MzY1NEQ2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlGQzhEOEI1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGQzhEOEM1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6e8r6nAAAAsElEQVR42mL8//8/A60BEwMdwKglo5bQ35JpQKxGolmKQDwFmwQjjsz4DyQHxPxA/IkICziB+BvMTGJ9AhJ/DMQfgZiXgAUcQPwZiF9js4BQnMgB8ROoT3jxWPAFiN8BsRi5ES+LxyKiLCA2dYEsegq1iA8pDkBB9J6QBaQkYRmoRaA4MofSH4BYlBjNjCQW9beBWAUahLK0yozaQNwBxJqkaGIcrbRGLRm1hCAACDAAfN8nXZ+IA2cAAAAASUVORK5CYII="); transform: translateY(-50%) rotate(180deg); } /* END SELECT2 PLUGIN */ /* --- SLIDERS BEGIN---*/ #slider-text .swiper-container-initialized .swiper-wrapper, #slider-content .swiper-container-initialized .swiper-wrapper, #slider-girl .swiper-container-initialized .swiper-wrapper { width: 1px !important; } .swiper-button-prev, .swiper-button-next { width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50%; outline: none; background-color: #ffffff; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; z-index: 1; } .swiper-button-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNpi/P//PwOtARMDHcCoJfSzxNfX9x8QT6OZJUDDHwEpRiCeQEgtC5kWPAZSMkDMv3nz5k9UtwTJAj6gBZ+J0cNCogVPgJQ0KRaQFCfkWkCUT4CGswGpq1AL+Em1gFifNAKxChBbEBPJ5FrSCsSgoDoM9BUnOZYwElsKAy14DaQEgJgX6KMfNMnxQINFgdQHIP4CtJCDZsUK1KJ3pFpEcrECtEgMySJOmliCZtE3oEWKNCsgoRaBQDHVUtdozTi8LAEIMADduEql8nWuSQAAAABJRU5ErkJggg=="); } .swiper-button-prev:hover, .swiper-button-prev:focus { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpi/P//PwOtARMDHcCoJXS15B8QTyOkiJGC1PUIiGWBWB2Ib+FTyEKmBY+BWAaI+YH4EyHFLBRYwAfEn4nRQKolT4BYmhQLSI14siwg1hI2IL4NtYCfVAuItaQRiFWA2IKYSCY3CfMA8XUgFof65DstLIGB10AsAMS8QPyDVjleFIg/APEXIOagZbECsugdqRaRU3aJIVnEScsCEmbRNyBWpGUpLAali2lRdqGkztGacWhaAhBgAGj3KDKFSWTUAAAAAElFTkSuQmCC"); } .swiper-button-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpi/P//PwOtAeOoJYPOEiZCCnx9facB8T+aWgIEE0A+Blr0iKbBBbSAD0h9BOInmzdvlqVZnAAt4gVSn8ixiKSIR7LoKdAiGZqlLnIsIisJI8XRHSDWBlr2i9LUhQGAhoJ8YgHEKkDcSI0kjM0nnEDqMCgRAHErLeKEA0h9BuIPQB+J0iJ1gSz4AsTvibWA1HwCs+Ad0AIxWuR4TmgQkWwBUZYALVAEUveA+DU5FhCbuoqhyZYsC0ZrxhFsCUCAAQDzLX5F1zAGoQAAAABJRU5ErkJggg=="); } .swiper-button-next:hover, .swiper-button-next:focus { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwOtARMDHcCoJVS3ZBoQ/6PEEkYiUpcaEN8E4sdALEcrS0CAD4g/AvETIJalVZx8glokA/URzSL+M5JFT2iZumAWSZNiETlJGGQRP9Si20DMRqt8AoojCyBWAeJGaqUudMAJTW0vgVgTiL9Q2xIOaJB9AGJRWsQJB9TVRFtAqiUwC96RYgEplnAiWSBGi8yoCMTfyLWAWEuKobQYmcmd7CQ8WjMOcUsAAgwAOEUvITGDz5UAAAAASUVORK5CYII="); } /* --- PAGE NO LOGIN BEGIN---*/ #slider-text { position: relative; } #slider-text p { width: 40%; filter: drop-shadow(0 1em 1em rgba(0, 0, 0, 0.16)); font-size: 1rem; position: absolute; top: 20%; z-index: 3; } #slider-text p:first-of-type { left: 5%; } #slider-text p:last-of-type { right: 5%; } #slider-text p span { display: inline; padding: 4px; line-height: 1.8rem; border-radius: 4px; background-image: linear-gradient(0deg, transparent, transparent), linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)); background-size: calc(100% - 1rem) 2px, 100% 100%; background-position: 0 calc(1em + 8px), 0 0; background-repeat: no-repeat; box-decoration-break: clone; } #slider-text .swiper-slide { padding: 0 10px; text-align: center; } #slider-text .swiper-slide .user_avatar { display: inline-block; max-width: 280px; min-width: 180px; margin: auto; padding: 0; } #slider-text .swiper-slide .user_avatar img { filter: grayscale(0.4) opacity(0.6); } #slider-text .swiper-slide .user_avatar:hover { border: none; } #slider-text .swiper-slide [class*=pict_responsive] img, #slider-text .swiper-slide .user_avatar { border-radius: 10px; } #slider-content .swiper-container { padding: 100px 10px; } #slider-content .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 5px; font-size: 0; } #slider-content .swiper-pagination-bullet-active { background-color: #24b9e9; } #slider-content .swiper-slide { padding: 0 60px; } #slider-content .swiper-slide .user_photo { max-width: 375px; min-width: 180px; margin: auto; filter: drop-shadow(0px 3px 4px #686868); position: relative; } #slider-content .swiper-slide .user_photo:after { content: attr(data-text); width: 80%; padding: 5px; border-color: #70921d; border-style: solid; border-width: 2px 2px 2px 7px; border-radius: 0 5px 5px 10px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10px 100%, 5px 100%, 5px 10px); position: absolute; top: 40%; left: 9%; z-index: 2; } #slider-content .swiper-slide .user_photo [class*=pict_responsive] { overflow: visible; } #slider-content .swiper-slide .user_photo-shadow { width: 100%; height: 100%; background-size: cover; border-radius: 20px; position: absolute; z-index: 0; } #slider-content .swiper-slide .user_photo-shadow:nth-of-type(1) { filter: brightness(0.4) blur(0.5px) opacity(0.345); } #slider-content .swiper-slide .user_photo-shadow:nth-of-type(2) { filter: brightness(0.6) blur(1px) opacity(0.19); } #slider-content .swiper-slide .user_photo-shadow:nth-of-type(3) { filter: brightness(0.8) blur(1.5px) opacity(0.035); } #slider-content .swiper-slide .user_photo-shadow:nth-of-type(4) { filter: brightness(1) blur(2px) opacity(-0.12); } #slider-content .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-next + .swiper-slide) { opacity: 0; } #slider-content .swiper-slide.swiper-slide-active, #slider-content .swiper-slide.swiper-slide-next, #slider-content .swiper-slide.swiper-slide-next + .swiper-slide { opacity: 1; transform-origin: center center; transition: transform 0.5s linear; } #slider-content .swiper-slide.swiper-slide-active .user_photo:after, #slider-content .swiper-slide.swiper-slide-next .user_photo:after, #slider-content .swiper-slide.swiper-slide-next + .swiper-slide .user_photo:after { animation: sliderText 1s forwards ease-in; } @keyframes sliderText { 0% { opacity: 0; } 100% { opacity: 1; } } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(1), #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(1), #slider-content .swiper-slide.swiper-slide-next + .swiper-slide .user_photo-shadow:nth-of-type(1) { top: 15px; right: -15px; z-index: -1; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(2), #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(2), #slider-content .swiper-slide.swiper-slide-next + .swiper-slide .user_photo-shadow:nth-of-type(2) { top: 30px; right: -30px; z-index: -2; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(3), #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(3), #slider-content .swiper-slide.swiper-slide-next + .swiper-slide .user_photo-shadow:nth-of-type(3) { top: 45px; right: -45px; z-index: -3; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(4), #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(4), #slider-content .swiper-slide.swiper-slide-next + .swiper-slide .user_photo-shadow:nth-of-type(4) { top: 60px; right: -60px; z-index: -4; } #slider-content .swiper-slide.swiper-slide-active { transform: translateX(30%); } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(1) { right: auto; left: -15px; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(2) { right: auto; left: -30px; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(3) { right: auto; left: -45px; } #slider-content .swiper-slide.swiper-slide-active .user_photo-shadow:nth-of-type(4) { right: auto; left: -60px; } #slider-content .swiper-slide.swiper-slide-next { transform: translateY(45px); } #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(1) { top: -15px; } #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(2) { top: -30px; } #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(3) { top: -45px; } #slider-content .swiper-slide.swiper-slide-next .user_photo-shadow:nth-of-type(4) { top: -60px; } #slider-content .swiper-slide.swiper-slide-next + .swiper-slide { transform: translateX(-30%); } #slider-content .swiper-control { padding-bottom: 50px; text-align: center; } #slider-content .swiper-pagination, #slider-content .swiper-button-prev, #slider-content .swiper-button-next { display: inline-block; vertical-align: middle; position: static; } #slider-content .swiper-button-prev, #slider-content .swiper-button-next { border: 1px dashed #24b9e9; } #slider-content .swiper-button-prev:hover, #slider-content .swiper-button-prev:focus, #slider-content .swiper-button-next:hover, #slider-content .swiper-button-next:focus { background-color: #24b9e9; border-style: solid; } #slider-girl { position: relative; } #slider-girl.slider-init { border: 2px solid #8dc500; border-radius: 10px; padding: 10px 40px; } #slider-girl.slider-init .swiper-button-prev, #slider-girl.slider-init .swiper-button-next { display: block; } #slider-girl .swiper-wrapper { padding: 0; font-size: 0; } #slider-girl .swiper-slide { display: inline-block; padding: 0 10px; text-align: center; } #slider-girl .swiper-button-prev, #slider-girl .swiper-button-next { display: none; margin-top: -15px; } #slider-girl .swiper-button-prev:hover, #slider-girl .swiper-button-prev:focus, #slider-girl .swiper-button-next:hover, #slider-girl .swiper-button-next:focus { background-color: #8dc500; } #slider-girl .user_block { text-align: left; } #slider-girl .user_state:after, #slider-girl .user_name { width: 100%; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #slider-girl .user_name > span { color: inherit; } .slider-block { padding-top: 150%; } .slider-user { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .slider-user:hover .swiper-container { border-color: #24b9e9; } .slider-user:hover .swiper-button-prev, .slider-user:hover .swiper-button-next { opacity: 1; } .slider-user .swiper-container { width: 100%; height: 100%; border: 2px solid transparent; border-radius: 10px; overflow: hidden; } .slider-user .swiper-nav { width: 100%; height: 30px; margin-bottom: 90px; position: absolute; left: 0; bottom: 5%; z-index: 1; } .slider-user .swiper-button-prev, .slider-user .swiper-button-next, .slider-user .swiper-pagination { display: inline-block; vertical-align: middle; position: static; } .slider-user .swiper-pagination-bullet { display: inline-block; width: 16px; height: 16px; margin: 0 10px; border: 3px solid #ffffff; background: #24b9e9; } .slider-user .swiper-pagination-bullet-active { border-color: #24b9e9; background: #ffffff; } .slider-user .swiper-button-prev, .slider-user .swiper-button-next { border-radius: 0; background-color: transparent; background-image: url("../images/icon-slider-arrow.png"); background-size: 100% auto; opacity: 0; } .slider-user .swiper-button-prev:hover, .slider-user .swiper-button-prev:focus, .slider-user .swiper-button-next:hover, .slider-user .swiper-button-next:focus { background-image: url("../images/icon-slider-arrow.png"); } .slider-user .swiper-button-prev { background-position-y: 0; } .slider-user .swiper-button-next { background-position-y: 100%; } @media screen and (max-width: 1500px) { #slider-text p { top: 10%; } #slider-content .swiper-slide.swiper-slide-active, #slider-content .swiper-slide.swiper-slide-next + .swiper-slide { transform: none; } } @media screen and (max-width: 1280px) { #slider-content .swiper-slide { padding: 0 40px; } #slider-girl { padding: 5px 35px; } #slider-girl .swiper-button-prev { left: 2.5px; } #slider-girl .swiper-button-next { right: 2.5px; } } @media screen and (max-width: 991px) { #slider-text p { width: 80%; opacity: 0; top: 46%; transform: translateY(-50%); } #slider-text p:first-of-type { left: 10%; } #slider-text p:last-of-type { right: 10%; } #slider-text p.animationText:nth-of-type(1) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(2) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(3) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(4) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(5) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(6) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(7) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(8) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(9) { animation: sliderText 1s forwards ease-in; } #slider-text p.animationText:nth-of-type(10) { animation: sliderText 1s forwards ease-in; } @keyframes sliderText { 0% { opacity: 0; } 100% { opacity: 1; } } } @media screen and (max-width: 768px) { #slider-content .swiper-slide.swiper-slide-next { transform: none; } .slider-user:hover:after { display: none; } } /* --- SLIDERS EOF ---*/ /* ================================================================================ | ALL | ================================================================================ */ /* ---- MAIN STYLES ---- */ html { font-size: 16px; } html.pushed, html.modalAdd { overflow-x: hidden; } html.pushed body, html.modalAdd body { overflow: hidden; } html.pushed .main-cover { display: block; } html.pushed:not(.previewAnketa) .no-login .main-wrapper, html.pushed:not(.previewAnketa) .no-login .footer-wrapper { transform: none; } html.pushed:not(.previewAnketa) .no-login .header__content_box:not(:last-child) { width: 100%; } html.pushed:not(.previewAnketa) .no-login .form-header.add-bg { border-radius: 0; position: absolute; top: 0; left: 50%; z-index: 100; transform: translateX(-50%); filter: none; } html.pushed:not(.previewAnketa) .no-login .form-header.add-bg.popup { position: fixed; top: 50%; transform: translate(-50%, -50%); } html.pushed:not(.previewAnketa) .no-login .form-header.add-bg .add-cancel { display: inline-block; } html.pushed:not(.previewAnketa) .header { position: static; } html.pushed:not(.previewAnketa) .header__content .nav.menu-sidebar, html.pushed:not(.previewAnketa) .header__content .desctop-hide:not(.sub-menu), html.pushed:not(.previewAnketa) .header__content .menu-sidebar_top, html.pushed:not(.previewAnketa) .header__content .menu-sidebar_buton { display: block; } html.pushed:not(.previewAnketa) .header .nav__box_login { width: 100%; padding: 0; left: 0; } html.pushed:not(.previewAnketa) .chatRequestPopup { opacity: 0; } html.pushed:not(.showForm):not(.previewAnketa) .main-wrapper, html.pushed:not(.showForm):not(.previewAnketa) .footer-wrapper { transform: translateX(300px); } html.pushed:not(.showForm):not(.previewAnketa) .nav-header { position: fixed; top: 0; left: 0; z-index: 10; transform: translateX(-300px); border-radius: 0; filter: none; } .main-wrapper, .footer-wrapper { max-width: 1920px; min-width: 320px; width: 100%; margin: 0 auto; display: table !important; transition: transform 0.5s; } .main-wrapper { min-height: calc(100vh - 150px); } .main-cover { display: none; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; cursor: pointer; } header, main, footer { display: table-row !important; } .header, .content, .footer { display: table-cell !important; } /* ---- TITLES ---- */ a:not(.link):link, a:not(.link):hover, a:not(.link):active, a:not(.link):visited { text-decoration: none; } a.link { color: #0d95c1; font-size: 1.2rem; } p { color: inherit; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 110%; padding: 1rem 0 1rem 0; text-align: justify; } h1 { color: inherit; font-family: "Lato", sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 110%; } h2 { color: #0d95c1; font-family: "Lato", sans-serif; font-weight: 400; font-size: 110%; line-height: 2.1rem; } h3 { color: inherit; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 110%; } .title { width: 100%; padding: 1rem 0; color: #8dc500; font-weight: 700; font-size: 1.6rem; } .title-sub { width: 100%; color: #0d95c1 !important; font-weight: 400; font-size: 1.3rem; } /* ---- LOGO ---- */ .logo { display: block; color: #8dc500; font-family: "Corinthia"; font-weight: 400; font-size: 3rem; white-space: nowrap; } .logo_middle { color: #24b9e9; } .logo_finish { color: #626262; } .logo:link, .logo:hover, .logo:active, .logo:visited { text-decoration: none; } /* ---- RESPONSIVE ELEMENTS ---- */ [class*=pict_responsive] { height: 0 !important; display: block; overflow: hidden; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } [class*=pict_responsive][class*=_4by3] { padding-top: 75%; } [class*=pict_responsive][class*=_16by9] { padding-top: 56.25%; } [class*=pict_responsive][class*=_1by1] { padding-top: 100%; } [class*=pict_responsive][class*=_3by4] { padding-top: 133%; } [class*=pict_responsive][class*=_4by5] { padding-top: 120%; } [class*=pict_responsive][class*=_4by6] { padding-top: 140%; } [class*=pict_responsive][class*=_9by12] { padding-top: 150%; } [class*=pict_responsive][class*=_bubble] { padding-top: 53.1%; } [class*=pict_responsive][class*=_welcome] { padding-top: 65.28%; background-image: url("../images/bg-welcomePage.png"); background-position-x: 50%; } [class*=pict_responsive][class*=_welcome][data-welcome="1"] { background-position-y: 0%; } [class*=pict_responsive][class*=_welcome][data-welcome="2"] { background-position-y: 20%; } [class*=pict_responsive][class*=_welcome][data-welcome="3"] { background-position-y: 40%; } [class*=pict_responsive][class*=_welcome][data-welcome="4"] { background-position-y: 60%; } [class*=pict_responsive][class*=_welcome][data-welcome="5"] { background-position-y: 80%; } [class*=pict_responsive][class*=_welcome][data-welcome="6"] { background-position-y: 100%; } [class*=pict_responsive] img { display: block; max-width: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* ---- SVG CLASS---- */ .no-fill { fill: none !important; } .no-stroke { stroke: none !important; } .svg_buton { display: inline-block; width: 30px; height: 30px; margin: 0; position: relative; cursor: pointer; } .svg_buton img, .svg_buton svg { display: block; box-sizing: border-box; height: 100%; margin: auto; } .svg-profile { fill: #24b9e9; } .svg-mail { fill: #f38126; stroke: #f38126; } .svg-chat { fill: #8dc500; stroke: #8dc500; } .svg-gift { fill: #5757f8; stroke: #5757f8; stroke-width: 1.5px; } .svg-guests { fill: #d649f9; } .svg-likes { stroke-width: 3px; } .svg-likes path:first-of-type { stroke: #f94987; } .svg-likes path:last-of-type { fill: #f94987; } .svg-icon { display: block; width: 25px; height: 25px; position: absolute; top: calc(50% - 12.5px); left: 5px; } /* ---- DATA-STATE ---- */ [data-state*=status]:not([class*=btn]):not([data-state*=-likes]):not([data-state*=-play]), [data-state*=mail]:not([class*=btn]), [data-state*=services]:not([class*=btn]) { width: 80px; height: 80px; } [data-state*=status]:not([class*=btn]), [data-state*=mail]:not([class*=btn]), [data-state*=services]:not([class*=btn]) { margin: auto; position: relative; } [data-state*=status]:not([class*=btn]):before, [data-state*=status]:not([class*=btn]):after, [data-state*=mail]:not([class*=btn]):before, [data-state*=mail]:not([class*=btn]):after, [data-state*=services]:not([class*=btn]):before, [data-state*=services]:not([class*=btn]):after { content: ""; position: absolute; z-index: 1; } [data-state*=status]:not([class*=btn]):before, [data-state*=mail]:not([class*=btn]):before, [data-state*=services]:not([class*=btn]):before { width: 100%; height: 100%; bottom: 0; right: 0; } [data-state*=status]:not([class*=btn]):after, [data-state*=mail]:not([class*=btn]):after, [data-state*=services]:not([class*=btn]):after { top: 0; left: 0; } [data-state*=status][data-state*=-newsBirthday]:before { background: url("../images/newsBirthday.png") center center/contain no-repeat; } [data-state*=status][data-state*=-likes]:after { min-width: 25px; width: 30%; min-height: 25px; height: 0; padding-top: 30%; background-image: url("../images/icon-heart.png"); background-position-x: 0; background-position-y: 50%; background-size: auto 100%; background-repeat: no-repeat; } [data-state*=status][data-state*=-folder]:before, [data-state*=mail][data-state*=-folder]:before { background-image: url("../images/icon-folder.png"); background-size: auto 100%; background-position-y: 50%; background-repeat: no-repeat; } [data-state*=status][data-state*=-folder][data-state*=-private]:before, [data-state*=mail][data-state*=-folder][data-state*=-private]:before { background-position-x: 0%; } [data-state*=status][data-state*=-folder][data-state*=-full]:before, [data-state*=mail][data-state*=-folder][data-state*=-full]:before { background-position-x: 10%; } [data-state*=status][data-state*=-folder][data-state*=-empty]:before, [data-state*=mail][data-state*=-folder][data-state*=-empty]:before { background-position-x: 20%; } [data-state*=status][data-state*=-folder][data-state*=-draft]:before, [data-state*=mail][data-state*=-folder][data-state*=-draft]:before { background-position-x: 30%; } [data-state*=status][data-state*=-folder][data-state*=-blue]:before, [data-state*=mail][data-state*=-folder][data-state*=-blue]:before { background-position-x: 40%; } [data-state*=status][data-state*=-folder][data-state*=-white]:before, [data-state*=mail][data-state*=-folder][data-state*=-white]:before { background-position-x: 50%; } [data-state*=services]:before { background-image: url("../images/icon-services.png"); background-size: auto 100%; background-position-y: 50%; background-repeat: no-repeat; } [data-state*=services][data-state*=-liveVideoChat]:before { background-position-x: 0%; } [data-state*=services][data-state*=-lettersService]:before { background-position-x: 12.5%; } [data-state*=services][data-state*=-phoneCalls]:before { background-position-x: 25%; } [data-state*=services][data-state*=-giftReal]:before { background-position-x: 37.5%; } [data-state*=services][data-state*=-giftVirtual]:before { background-position-x: 50%; } [data-state*=services][data-state*=-tourService]:before { background-position-x: 62.5%; } [data-state*=services][data-state*=-premiumService]:before { background-position-x: 75%; } [data-state*=services][data-state*=-contactRequest]:before { background-position-x: 87.5%; } [data-state*=services][data-state*=-shortMessage]:before { background-position-x: 100%; } [data-state*=status][data-state*=-camera]:after, [data-state*=status][data-state*=-photo]:after, [data-state*=status][data-state*=-video]:after, [data-state*=status][data-state*=-play]:after, [data-state*=mail][data-state*=-camera]:after, [data-state*=mail][data-state*=-photo]:after, [data-state*=mail][data-state*=-video]:after, [data-state*=mail][data-state*=-play]:after, [data-state*=user][data-state*=-camera]:after, [data-state*=user][data-state*=-photo]:after, [data-state*=user][data-state*=-video]:after, [data-state*=user][data-state*=-play]:after { content: ""; width: 45px; height: 0; padding-top: 45px; background-image: url("../images/icon-photo-video.png"); background-size: auto 100%; background-position-y: 50%; background-repeat: no-repeat; } [data-state*=status][data-state*=-camera]:after, [data-state*=mail][data-state*=-camera]:after, [data-state*=user][data-state*=-camera]:after { background-position-x: 0%; } [data-state*=status][data-state*=-photo]:after, [data-state*=mail][data-state*=-photo]:after, [data-state*=user][data-state*=-photo]:after { background-position-x: 33%; } [data-state*=status][data-state*=-video]:after, [data-state*=mail][data-state*=-video]:after, [data-state*=user][data-state*=-video]:after { background-position-x: 66%; } [data-state*=status][data-state*=-play]:after, [data-state*=mail][data-state*=-play]:after, [data-state*=user][data-state*=-play]:after { background-position-x: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } [data-state*=mail][data-state*=-read] .mail_state:before { content: "Read"; color: #8dc500; } [data-state*=mail][data-state*=-unread] .mail_state:before { content: "Unread"; color: #ff0000; } [data-state*=mail][data-state*=-free] .mail_state:after { content: "free"; width: 100%; color: #24b9e9; font-weight: 700; text-transform: uppercase; position: absolute; bottom: -100px; left: 0; } [data-state*=user][data-state*=-camera]:after { min-width: 25px; width: 16%; min-height: 25px; padding-top: 16%; border-radius: 50%; background-color: #ffffff; position: absolute; top: 0; right: 1.5%; transform: translateY(-50%); } [data-state*=user][data-state*=-online] .user_state:before { background: #8dc500; } [data-state*=user][data-state*=-online] .user_state:after { content: "Online"; color: #8dc500; } [data-state*=user][data-state*=-offline] .user_state:before { background: #ff0000; } [data-state*=user][data-state*=-offline] .user_state:after { content: "Offline"; color: #ff0000; } [data-state*=user][data-state*=-offline] .nav-user .nav__link-chat { border-color: #626262; pointer-events: none; cursor: auto; } [data-state*=user][data-state*=-offline] .nav-user .nav__link-chat svg { fill: #626262; stroke: #626262; } [data-state*=user][data-state*=-offline] .nav-user .nav__link-chat:hover { background: none; } /* ---- USER CLASS ---- */ .user { width: 100%; } .user ul { list-style: none; } .user > tbody > tr > td { vertical-align: top; } .user > tbody > tr > td.check { min-width: 25px; width: 25px; vertical-align: middle; position: relative; } .user > tbody > tr > td.check .form__group-check { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .user > tbody > tr > td.avatar_td, .user > tbody > tr > td.preview_td, .user > tbody > tr > td.profile_td { padding-right: 5px; } .user > tbody > tr > td.avatar_td { min-width: 110px; width: 110px; } .user > tbody > tr > td.preview_td { width: 130px; } .user > tbody > tr > td.button_td { width: 160px; } .user > tbody > tr > td.profile_td { width: 290px; } .user_box { display: flex; flex-wrap: wrap; } .user_block { width: 100%; display: inline-block !important; position: relative; } .user_block-gift .user_name, .user_block-gift .user_visited, .user_block-gift .user_link_info, .user_block-gift .user_free { font-size: 14px; text-align: left; } .user_block-gift .user_name > span, .user_block-gift .user_name > font, .user_block-gift .user_visited > span, .user_block-gift .user_visited > font, .user_block-gift .user_link_info > span, .user_block-gift .user_link_info > font, .user_block-gift .user_free > span, .user_block-gift .user_free > font { font-size: 14px; } .user_block-gift .user_state { text-align: left; } .user_block-gift .user_state:after { display: inline-block; vertical-align: middle; font-size: 14px; } .user_block-gift .user_box { display: block; } .user_block-gift .avatar_td { font-size: 14px; } .user_name, .user_visited, .user_link_info, .user_free { color: #0d95c1; font-weight: 300; font-size: 1.2rem; line-height: 110%; text-decoration: none; } .user_name > span, .user_name > font, .user_visited > span, .user_visited > font, .user_link_info > span, .user_link_info > font, .user_free > span, .user_free > font { color: #626262; font-size: 1rem; white-space: nowrap; } .user_name:active, .user_name:visited, .user_visited:active, .user_visited:visited, .user_link_info:active, .user_link_info:visited, .user_free:active, .user_free:visited { color: #0d95c1; text-decoration: none; } .user_free { font-weight: 700; text-align: center; text-transform: uppercase; } .user_place { color: #626262; font-family: "Corinthia"; font-weight: 400; font-size: 3rem; line-height: 80%; text-align: center; } .user_place_number { color: #0d95c1; font-size: 3.5rem; white-space: nowrap; } .user_rating p { width: 80%; padding: 0; margin: auto; font-weight: 400; font-size: 1rem; } .user_rating p span { color: #e63665; font-size: 1.2rem; white-space: nowrap; } .user_records { color: #e63665; font-weight: 400; font-size: 1rem; text-transform: uppercase; text-align: center; } .user_folder { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.4); color: #ffffff; font-weight: 700; font-size: 1.2rem; } .user_preview .user_info { padding: 3px; margin: 0; font-weight: 400; font-size: 0.75rem; } .user_state { min-height: 1.2rem; padding-left: 20px; position: relative; } .user_state:before { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: calc(50% - 5px); left: 5px; } .user_state:after { width: 100%; height: 100%; font-weight: 400; font-size: 1.2rem; line-height: 100%; white-space: nowrap; } .user_profile { width: 100%; } .user_profile tr td { color: #626262; font-weight: 400; font-size: 1.2rem; text-decoration: none; } .user_profile tr td b { color: #24b9e9; white-space: nowrap; } .user_avatar, .user_preview, .user_video, .user_profile, .fancybox_avatar, .fancybox_preview, .fancybox_video, .fancybox_profile { display: inline-block; width: 100%; height: auto; margin: 0; border-radius: 5px; overflow: hidden; position: relative; } .user_avatar.shadow, .user_preview.shadow, .user_video.shadow, .user_profile.shadow, .fancybox_avatar.shadow, .fancybox_preview.shadow, .fancybox_video.shadow, .fancybox_profile.shadow { border-radius: 0; overflow: visible; } .user_avatar, .fancybox_avatar { max-width: 100px; min-width: 60px; } .user_preview, .fancybox_preview { max-width: 120px; min-width: 50px; } .user_letter, .fancybox_letter { max-width: 280px; min-width: 200px; margin: auto; } .user_photo, .fancybox_photo { max-width: 375px; min-width: 180px; } #slider-girl .user_avatar:not(.shadow), #slider-girl .user_preview:not(.shadow), .gallery .user_avatar:not(.shadow), .gallery .user_preview:not(.shadow), .news .user_avatar:not(.shadow), .news .user_preview:not(.shadow), .media-top100 .user_avatar:not(.shadow), .media-top100 .user_preview:not(.shadow), .media-private .user_avatar:not(.shadow), .media-private .user_preview:not(.shadow), .likes .user_avatar:not(.shadow), .likes .user_preview:not(.shadow), .profile_girl .user_avatar:not(.shadow), .profile_girl .user_preview:not(.shadow), .profile_man .user_avatar:not(.shadow), .profile_man .user_preview:not(.shadow), .letter .user_avatar:not(.shadow), .letter .user_preview:not(.shadow) { border: 2px solid transparent; transition: none; } #slider-girl .user_avatar:not(.shadow):hover, #slider-girl .user_preview:not(.shadow):hover, .gallery .user_avatar:not(.shadow):hover, .gallery .user_preview:not(.shadow):hover, .news .user_avatar:not(.shadow):hover, .news .user_preview:not(.shadow):hover, .media-top100 .user_avatar:not(.shadow):hover, .media-top100 .user_preview:not(.shadow):hover, .media-private .user_avatar:not(.shadow):hover, .media-private .user_preview:not(.shadow):hover, .likes .user_avatar:not(.shadow):hover, .likes .user_preview:not(.shadow):hover, .profile_girl .user_avatar:not(.shadow):hover, .profile_girl .user_preview:not(.shadow):hover, .profile_man .user_avatar:not(.shadow):hover, .profile_man .user_preview:not(.shadow):hover, .letter .user_avatar:not(.shadow):hover, .letter .user_preview:not(.shadow):hover { border-color: #24b9e9; } #slider-girl .user_avatar.shadow:hover, #slider-girl .user_preview.shadow:hover, .gallery .user_avatar.shadow:hover, .gallery .user_preview.shadow:hover, .news .user_avatar.shadow:hover, .news .user_preview.shadow:hover, .media-top100 .user_avatar.shadow:hover, .media-top100 .user_preview.shadow:hover, .media-private .user_avatar.shadow:hover, .media-private .user_preview.shadow:hover, .likes .user_avatar.shadow:hover, .likes .user_preview.shadow:hover, .profile_girl .user_avatar.shadow:hover, .profile_girl .user_preview.shadow:hover, .profile_man .user_avatar.shadow:hover, .profile_man .user_preview.shadow:hover, .letter .user_avatar.shadow:hover, .letter .user_preview.shadow:hover { background: #ffffff; filter: drop-shadow(0px 3px 3px #686868); } /* ---- NOTE STYLE ---- */ #note { height: 130px; padding: 0 5%; } #note div { padding: 0.5rem; border: 1px solid #cfcfcf; border-radius: 10px; overflow: auto; } #note div p { padding: 0 !important; font-weight: 300; font-size: 0.8rem !important; text-align: justify; } #note div b { font-weight: 900; } /* ---- FORMS ---- */ .form { width: 100%; margin: auto; } .form input, .form textarea, .form select { padding: 0; background-color: transparent; border: none; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: inherit; font-family: inherit; font-weight: normal; font-size: 1rem; } .form input:not(.default), .form textarea:not(.default), .form select:not(.default) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form input:not(.default):active, .form input:not(.default):hover, .form input:not(.default):focus, .form textarea:not(.default):active, .form textarea:not(.default):hover, .form textarea:not(.default):focus, .form select:not(.default):active, .form select:not(.default):hover, .form select:not(.default):focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -moz-background-color: transparent !important; -webkit-background-color: transparent !important; background-color: transparent !important; -webkit-animation-delay: 1s; -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; transition: background-color 5000s ease-in-out 0s; } @-webkit-keyframes autofill { 0%, 100% { color: inherit; background: transparent; } } .form input:not(.default)::-webkit-caps-lock-indicator, .form input:not(.default)::-webkit-credentials-auto-fill-button { -webkit-mask-image: none; content: none; background-color: transparent; opacity: 0; } .form input:not(.default)::-webkit-caps-lock-indicator:active, .form input:not(.default)::-webkit-caps-lock-indicator:hover, .form input:not(.default)::-webkit-caps-lock-indicator:focus, .form input:not(.default)::-webkit-credentials-auto-fill-button:active, .form input:not(.default)::-webkit-credentials-auto-fill-button:hover, .form input:not(.default)::-webkit-credentials-auto-fill-button:focus { -webkit-mask-image: none; content: none; background-color: transparent; opacity: 0; } .form input[type=password]:not(.default)::-webkit-caps-lock-indicator, .form input[type=password]:not(.default)::-webkit-credentials-auto-fill-button { -webkit-mask-image: none; content: none; background-color: transparent; opacity: 0; } .form input[type=password]:not(.default)::-webkit-caps-lock-indicator:hover, .form input[type=password]:not(.default)::-webkit-caps-lock-indicator:focus, .form input[type=password]:not(.default)::-webkit-caps-lock-indicator:active, .form input[type=password]:not(.default)::-webkit-credentials-auto-fill-button:hover, .form input[type=password]:not(.default)::-webkit-credentials-auto-fill-button:focus, .form input[type=password]:not(.default)::-webkit-credentials-auto-fill-button:active { -webkit-mask-image: none; content: none; background-color: transparent; opacity: 0; } .form input[type=password]::-ms-reveal { background: transparent; color: transparent; } .form input[type=password]::-ms-clear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .form input[type=number] { -moz-appearance: textfield; } .form input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button { margin: 0; } .form .text-input, .form .textarea, .form .select, .form .label, .form .check-label { color: inherit; font-weight: 400; font-size: 1.2rem; } .form .text-input { height: 40px; } .form .text-input#date-mask { position: relative; z-index: 2; } .form .text-input, .form .textarea { width: 100%; margin: 0; padding: 0 10px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; } .form .text-input::placeholder, .form .textarea::placeholder { color: #626262; } .form .text-input:not(.range-input_label):hover, .form .textarea:hover { box-shadow: 3px 3px 7.4px 0.6px rgba(17, 17, 17, 0.24); } .form .textarea { padding-top: 10px; resize: none; overflow: auto; } .form .captcha { display: inline-block; margin: auto; } .form .text-input::placeholder { color: transparent; font-size: 1rem; } .form .text-input:hover::placeholder { color: #626262; } .form .select { width: 100%; padding: 0; } .form .label { display: inline-block; font-size: 1.2rem; color: #24b9e9; } .form .label span { color: #24b9e9; } .form .label-section { color: #24b9e9; display: flex; align-items: center; text-align: center; } .form .label-section:first-child { padding: 0 10px; } .form_bg { padding: 0 10%; } .form__title { width: 100%; margin-bottom: 20px; color: #8dc500; font-size: 2rem; line-height: 110%; text-align: center; } .form__title span { color: #24b9e9; font-family: "Corinthia"; font-weight: 400; font-size: 4rem; } .form__btn { max-width: 160px; margin: 1rem auto; padding: 10px 5px; } .form__box { display: flex; align-items: center; } .form__group { width: 100%; margin: 0 auto 10px; padding: 0; position: relative; } .form__group_box { width: 100%; display: flex; } .form__group[field-cell="2"] { font-size: 0; } .form__group[field-cell="2"] .form__field[field-cell=table], .form__group[field-cell="2"] .form__field[field-cell=icon] { width: 50%; } .form__group[field-cell="2"] .form__field_cell[field-cell=icon] { width: 50%; } .form__group[field-cell="2"] .form__field_cell[field-cell=icon]:last-child { padding-left: 5px; } .form__group[field-cell="2"] .form__field_cell[field-cell=icon]:nth-last-child(-2n+2) { padding-right: 5px; } .form__group[field-cell="2"] .form__field_cell[field-cell=icon] .select2-container { display: block; } .form__group[field-cell="2"] .form__field_cell[field-cell=icon] .label { font-size: 14px; } .form__group[field-label="90"]:not([field-icon=left]) .form__tooltip { padding-left: 90px; } .form__group[field-label="90"] .form__field_cell:first-child:not(:only-child) { width: 90px; } .form__group[field-label="90"][field-cell="2"] .form__field_cell[field-cell=icon] { width: calc(50% - 45px); } .form__group[field-label="120"]:not([field-icon=left]) .form__tooltip { padding-left: 120px; } .form__group[field-label="120"] .form__field_cell:first-child:not(:only-child) { width: 120px; } .form__group[field-label="120"][field-cell="2"] .form__field_cell[field-cell=icon] { width: calc(50% - 60px); } .form__group[field-label="150"]:not([field-icon=left]) .form__tooltip { padding-left: 150px; } .form__group[field-label="150"] .form__field_cell:first-child:not(:only-child) { width: 150px; } .form__group[field-label="150"][field-cell="2"] .form__field_cell[field-cell=icon] { width: calc(50% - 75px); } .form__group[field-label="200"]:not([field-icon=left]) .form__tooltip { padding-left: 200px; } .form__group[field-label="200"] .form__field_cell:first-child:not(:only-child) { width: 200px; } .form__group[field-label="200"][field-cell="2"] .form__field_cell[field-cell=icon] { width: calc(50% - 100px); } .form__group[field-label="250"]:not([field-icon=left]) .form__tooltip { padding-left: 250px; } .form__group[field-label="250"] .form__field_cell:first-child:not(:only-child) { width: 250px; } .form__group[field-label="250"][field-cell="2"] .form__field_cell[field-cell=icon] { width: calc(50% - 125px); } .form__group-check .form__field_cell[field=icon], .form__group_captcha .form__field_cell[field=icon] { padding-right: 40px; } .form__group_captcha { display: block; font-size: 0; } .form__group-btn.form__group-invalid > .form__field .form__field_cell[field-cell=icon]:after, .form__group-btn.form__group-valid > .form__field .form__field_cell[field-cell=icon]:after { content: none; } .form__group-file .form__field_cell[field*=label] { vertical-align: top; padding-top: 15px; } .form__group-search:not(.form__group-valid) button[type=submit] { display: none; } .form__group-search button[type=submit] { height: 40px; } .form__group-invalid > .form__field .form__field_cell[field-cell=icon]:after, .form__group-valid > .form__field .form__field_cell[field-cell=icon]:after { width: 100%; } .form__group-invalid > .form__field .form__field_cell[field-cell=icon]:after { background-color: #ff0000; } .form__group-valid > .form__field .form__field_cell[field-cell=icon]:after { background-color: #008000; } .form__group-valid > .form__tooltip { display: none; } .form__group#filterUserID .form__tooltip { position: absolute; top: 100%; left: 0; } .form__group.birthdate .birthdate__month .select2-container .select2-selection { border-width: 1px 0 1px 0; } .form__group.birthdate .birthdate__data { width: 70px; } .form__group.birthdate .birthdate__year { width: 90px; } .form__group.birthdate .select2-container .select2-selection:hover { box-shadow: none; } .form__field { display: inline-table; width: 100%; min-height: 40px; } .form__field_cell { display: table-cell; vertical-align: middle; text-align: left; } .form__field_cell.vat { vertical-align: top; padding-top: 10px; } .form__field_cell[field-cell=icon] { position: relative; } .form__field_cell[field-cell=icon]:after { content: ""; width: 0; height: 4px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: width 0.3s linear; } .form__field_cell[field-cell=icon] .text-input[type=password] { padding-right: 40px; } .form__field_icon { display: none; width: 30px; height: 30px; background-size: 100% auto; background-position-x: 50%; background-repeat: no-repeat; position: absolute; top: 5px; right: 5px; } .form__field_icon.password_icon { display: block; background-image: url("../images/icon-password.png"); background-position-y: 0; cursor: pointer; } .form__field_icon.password-show { background-position-y: 100%; } .form__section { display: flex; position: relative; } .form__section .form__group .label { display: none; } .form__check { display: inline-block; vertical-align: middle; } .form__note { color: #24b9e9; font-weight: 400; font-size: 1rem; } .form__tooltip { width: 100%; padding-top: 8px; color: #ff0000; font-size: 12px; text-align: left; } .form-search { display: inline-block; max-width: 250px; min-width: 170px; width: 100%; height: 40px; position: relative; white-space: nowrap; } .form-search .label { font-size: 1.2rem; vertical-align: middle; cursor: pointer; } .form-search .search_buton { background: none; position: absolute; top: 0; right: 100%; height: 40px; width: 40px; padding: 0; border-radius: 100%; outline: 0; border: 0; color: inherit; cursor: pointer; transition: 0.2s ease-in-out; transform: translate(100%, 0%); } .form-search .search_buton:before { content: ""; position: absolute; top: 30px; right: 3px; width: 15px; height: 4px; background-color: #24b9e9; transform: rotate(45deg); } .form-search .search_buton.close { right: 0; transform: translate(0%, 0%); transition: 0.4s ease-in-out; } .form-search .search_buton.close:before { width: 27px; top: 18px; right: 5px; } .form-search .search_buton.close:after { content: " "; position: absolute; top: 18px; right: 5px; width: 27px; height: 4px; background-color: #24b9e9; cursor: pointer; transform: rotate(-45deg); } .form-search .search-input { display: inline-block; width: 30px; height: 30px; border: 4px solid #24b9e9; border-radius: 50%; background: none; font-weight: 700; font-size: 1.2rem; outline: 0; transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s; } .form-search .search-input::placeholder { color: transparent; } .form-search .search-input.square { margin-right: 10px; padding: 0 40px 0 10px; width: 100%; height: 40px; border: 2px solid #24b9e9; border-radius: 0; transition: width 0.2s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s; transition-delay: 0.4s, 0s, 0.4s; } .form-search .search-input.square::placeholder { color: #626262; } .form-header { width: 480px; margin: 0; padding: 10px; border-radius: 4px; background: #ffffff; filter: drop-shadow(0px 3px 4px #686868); position: relative; z-index: 1; } .form-header .add-buton { display: none; } .form-header .add-cancel { display: none; top: 5px; right: 5px; } .form-header .add-cancel .nav-close_cross { color: #ffffff; } .form-header .form-forgotPassword .btn { margin: 5px; min-width: 100px; width: calc(50% - 10px); } .form-header .check-label { font-size: 1rem; } .form-header .captcha { margin: 0; } .form-header .btn { max-width: 270px; } .form-header .btn.more__button { margin: 1rem auto; padding: 10px 5px; } .form-header .btn.more__button:before { font-size: 20px; } .form-header .btn.more__button .more__button-arrow { right: 50px; } .form-contactUs { max-width: 800px; padding: 0 10px; } .form-searchUser table, .form-profile table { width: 100%; } .form-searchUser table tr td, .form-profile table tr td { width: 33%; padding: 5px; vertical-align: top; } .form-searchUser { max-width: 1300px; margin: auto; } .form-searchUser .check-label { color: #24b9e9; font-size: 1rem; } .form-searchUser .check-label-online { color: #8dc500; } .form-searchUser .btn { margin: 3% auto; } .form-searchUser .btn-link { margin: auto; } .form-searchUser .nav-check label.nav-check_label { display: block; max-width: 240px; margin: auto; } .form-searchUser .search_advanced > table tr td:last-of-type { display: none; } .form-rating-top100 { position: relative; z-index: 1; } .form-rating-top100 .rating { display: inline-block; width: 10%; } .form-sortGallery { margin: auto; padding: 0; font-size: 0; text-align: right; } .form-sortGallery .form { display: inline-block; vertical-align: bottom; width: auto; margin: 0; padding: 0; text-align: left; } .form-sortGallery .form#gallery-new_form .form__group { padding-right: 10px; margin-bottom: 5px; } .form-sortGallery .form__group { margin: 0; width: 160px; } .form-sortGallery .form__group#filterUserID { width: 285px; white-space: nowrap; } .form-sortGallery .form__group#filterUserID .form__field { width: 150px; margin-bottom: 5px; vertical-align: bottom; } .form-sortGallery .form#gallery-new_form .label { min-width: auto; padding: 0 1rem 0 0; position: absolute; right: 100%; color: #333333; font-size: 1.2rem; } .form-sortGallery .form#gallery-id_form { max-width: 310px; } .form-sortGallery .form .btn { width: 130px; height: 40px; margin: 5px; } .form-sortGallery .form .btn#gallery-viewed__buton { width: 160px; } .form-gift .form__group-btn { padding-top: 10px; text-align: left; } .form-gift .form__group-btn > .form__field { max-width: 300px; min-width: 280px; vertical-align: middle; } .form-gift .form__group-btn #messageGift, .form-gift .form__group-btn .btn, .form-gift .form__group-btn .li-valid, .form-gift .form__group-btn .form-gift-note { display: none; } .form-gift .form__group-btn .btn { max-width: 160px; margin: 5px; } .form-gift .form__group-btn.form__group-invalid .form__field_cell[field-cell=icon]:after { content: ""; } .form-gift .form__group-btn.form__group-valid #messageGift { display: block; } .form-gift .form__group-btn.form__group-valid .form-gift-note { display: table; } .form-gift .form__group-btn.form__group-valid .btn { display: inline-block; } .form-gift .form__group-btn.form__group-valid .li-valid { display: list-item; } .form-gift .form__group-textarea { margin: 10px auto 0; } .form-gift .form__group-textarea.form__group-valid > .form__field .form__field_cell[field-cell=icon]:after { content: none; } .form-gift-note { margin: 2px auto; } .form-gift-note td { vertical-align: top; } .form-gift-note td:first-child { width: 90px; } .form-gift-note td span { display: inline-block; vertical-align: top; font-size: 10px; text-align: left; } .form-phoneCalls { max-width: 600px; } .form-phoneCalls p { padding-top: 0; } .form-phoneCalls .btn { max-width: 250px; } .form-filter .nav-content { margin: 0 auto; padding: 0; } .form-filter .nav-check.mail_selected label.nav-check_label .nav-arrow { min-width: 130px; } .form-filter .btn { max-width: 160px; } .form-filter .btn-link { margin: 5px 0; padding: 0 10px; font-size: 1.2rem; } .form-filter .label { min-width: auto; padding: 0 10px 0 0; color: #333333; font-size: 1.2rem; } .form-filter .form__box { flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .form-filter .form__group { width: auto; min-height: 30px; padding: 0; margin: 0; } .form-filter .check-input_label { margin: 5px 5px 0 0; } .form-mail .form__group-check { width: auto; margin: 0; padding: 0; } .form-profile#profile_form-personal .form__group-btn .btn, .form-profile#profile_form .form__group-btn .btn { margin: 5px; } .form-profile#profile_form-personal .form__group-check .gallery-form, .form-profile#profile_form .form__group-check .gallery-form { padding: 0; } .form-profile#profile_form-personal .form__group-check .gallery-form .gallery__item, .form-profile#profile_form .form__group-check .gallery-form .gallery__item { width: auto; padding-left: 0; text-align: left; } .form-profile#profile_form-personal .form__group-check .check-container, .form-profile#profile_form .form__group-check .check-container { text-align: left; padding: 0 5px 5px 30px; min-height: 25px; } .form-profile#profile_form-personal .form__box-check, .form-profile#profile_form .form__box-check { padding-left: 150px; position: relative; } .form-profile#profile_form-personal .form__box-check > .label, .form-profile#profile_form .form__box-check > .label { display: block !important; position: absolute; top: 12px; left: 10px; } .form-profile#profile_form-personal .form__box-check > .form__cell, .form-profile#profile_form .form__box-check > .form__cell { display: inline-block; width: auto; } .form-profile#profile_form-personal .form__box-check > .form__cell > *, .form-profile#profile_form .form__box-check > .form__cell > * { display: inline-block; width: auto; white-space: nowrap; } .form-profile#profile_form-personal .form__box-check > .form__cell > *:first-child, .form-profile#profile_form .form__box-check > .form__cell > *:first-child { padding-left: 0; } .form-profile#profile_form-personal .form__box-check > .form__cell > *:last-child, .form-profile#profile_form .form__box-check > .form__cell > *:last-child { padding-right: 0; } .form-profile#profile_form-personal .gallery-form .gallery__item { min-width: 400px; } .form-profile#profile_form-personal .gallery-form .gallery__item .title-sub { text-align: left; } .form-profile#profile_form-status .text-input { width: 100%; } .form-profile#profile_form-photoAlbum, .form-profile#profile_form-imagesMan { max-width: 600px; margin: 0 0 1rem 0; } .form-profile#profile_form-photoAlbum .label, .form-profile#profile_form-imagesMan .label { color: #333333; } .form-profile#profile_form-photoAlbum .form__group-file, .form-profile#profile_form-imagesMan .form__group-file { padding: 0; } .form-profile#profile_form-photoAlbum .file-not_box, .form-profile#profile_form-imagesMan .file-not_box { margin: 5px; } .form-profile#profile_form-photoAlbum ul, .form-profile#profile_form-imagesMan ul { list-style: disc; padding-left: 20px; } .form-profile#profile_form-photoAlbum ul li, .form-profile#profile_form-imagesMan ul li { padding: 3px 0; } .form-profile#profile_form-invite { max-width: 600px; margin: 0; } .form-profile#profile_form-invite .form__box { flex-wrap: wrap; justify-content: space-between; } .form-profile#profile_form-invite .form__box .form__group { width: auto; margin: 10px 0; } .form-profile#profile_form-invite .text-input#subjectInvite { width: 100%; } .form-profile#profile_form-invite .user_block { width: auto; padding: 3%; border: 2px solid #24b9e9; border-radius: 10px; } .form-profile#profile_form-invite [class*=btn] { margin: 10px auto; } .form-profile#profile_form-status { padding: 5px; border-radius: 5px; background: #ffffff; filter: drop-shadow(0px 3px 3px #686868); position: absolute; top: 100%; left: 0; z-index: 1; } .form-profile#profile_form-giftsVirtual .textarea, .form-profile#profile_form-giftsReal .textarea { max-width: 500px; } .form-profile#profile_form-giftsVirtual .btn, .form-profile#profile_form-giftsReal .btn { margin: 3% auto; } .form-profile#profile_form-questionnaire .gallery-form .gallery__item { width: 50%; text-align: left; } .form-profile#profile_form-questionnaire .form__group-btn[field-label] .form__field_cell[field-cell=label] { width: 0; } .form-profile#profile_form-questionnaire .form__group-btn[field-label] div.label { display: none; } .form#notificationSettings_form, .form#settings-form { padding-bottom: 20px; } .form#notificationSettings_form .form__group, .form#settings-form .form__group { margin: 10px 0; padding: 0; } .form#notificationSettings_form .label, .form#settings-form .label { padding: 0 0 0 10px; } .form#notificationSettings_form [class*=btn], .form#settings-form [class*=btn] { margin: 1rem; } .form#settings-form .form__box { display: block; } .form#settings-form .form__box:first-child { display: table; width: 100%; } .form#settings-form .btn { max-width: 210px; } .form#settings-form .btn#password__buton { animation: none; font-family: "Lato-Black", sans-serif; } .form#settings-form .content__column { display: table-cell; position: relative; width: 50%; padding: 0 5px; } .form#messagemultiform { font-size: 0; } .form-letter { max-width: 1200px; margin: auto; padding: 10px; border: 2px solid #626262; border-radius: 10px; position: relative; } .form-letter .form__group { padding: 0; } .form-letter .form__group-file { width: 100%; margin: 0 !important; padding-left: 165px; } .form-letter .form__group-file .btn-switch { position: absolute; top: 0; left: 0; } .form-letter .form__box { justify-content: space-between; align-items: flex-start; position: relative; } .form-letter .form__box > .form__box { min-width: 300px; position: absolute; top: 0; right: 0; } .form-letter .file-not_box { padding: 0; } .form-letter .file_box { display: none; width: calc(100% + 165px); margin-left: -165px; border: 1px solid #b3b3b3; } .form-letter .btn { height: 40px; border-radius: 40px; } .form-letter .btn:not(.btnDelete) { margin: 0 !important; } .form-letter .btn.btnDelete { margin: 5px 0 !important; } .form-letter .btn#delDraft__buton { margin-right: 5px !important; } [class*=check-input_label] { display: block; position: relative; cursor: pointer; } [class*=check-input_label]:after, [class*=check-input_label]:before { position: absolute; } [class*=check-input_label]:after { opacity: 0; } .check-input { display: none; } .check-input:checked + [class*=check-input_label]:not(.check-input_label-rating) { color: #ffffff; background: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); } .check-input:checked + [class*=check-input_label]:not(.check-input_label-rating):after { opacity: 1; } .check-input_label { min-width: 20px; width: 20px; height: 20px; border: 1px solid #888; border-radius: 2px; } .check-input_label:after { content: " "; display: block; left: 3px; top: 4px; width: 14px; height: 7px; border-left: solid 3px #ffffff; border-bottom: solid 3px #ffffff; transform: rotate(-45deg); } .check-input_label-circle { min-width: 30px; width: 30px; height: 30px; margin: 5px; background: #ffffff; border: 1px solid #b3b3b3; border-radius: 50%; box-shadow: inset -2px 2.2px 3px rgba(0, 0, 0, 0.66); } .check-input_label-circle:after { left: 5px; top: 8px; width: 16px; height: 9px; } .check-input_label-buton { min-width: 40px; width: auto; height: 40px; margin: 0; padding: 0 5px; border: none; color: #333333; display: flex; align-items: center; } .check-input_label-buton:after { border: none; } .check-input_label-buton:hover { color: #ffffff; background: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); } .check-label { display: inline-block; vertical-align: middle; font-size: 12px; white-space: normal; cursor: pointer; } .check-label a { color: #24b9e9 !important; text-decoration: underline; white-space: nowrap; } .check-label-online { color: #8dc500; } .check-container { display: inline-block; vertical-align: middle; min-height: 20px; padding-left: 30px; position: relative; } .check-container .check-input_label { position: absolute; top: 0; left: 0; } .check-container.vam .check-input_label { margin-top: -10px; top: 50%; } .captcha { display: inline-block; } .captcha[size=max-compact] > div, .captcha[size=max-compact] div:last-child { top: 0 !important; left: 0 !important; transform: translate(-2px, -15px); } .file-input { width: 0; height: 0; position: absolute; opacity: 0 !important; } .file-not_box, .file_box { width: 100%; height: auto; padding: 0; cursor: pointer; } .file-not { display: block; min-height: 40px; height: auto !important; width: 100% !important; padding: 0 0 0 150px; position: relative; transition: 0.5s; } .file-not:after { content: attr(data-btn) !important; width: 150px; min-height: 40px; padding: 5px 2px; margin: auto; border: none; border-radius: 40px; background-image: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); background-size: 500% 100%; background-position: 0%; color: #ffffff; font-weight: 600; font-size: 1.2rem; line-height: 25px; text-align: center; cursor: pointer; transition: all 0.2s linear; } .file-not[data-state*=status-folder]:not([class*=btn]):before { position: absolute; left: 10px; top: 7px; width: 25px; height: 25px; z-index: 3; } .file-not[data-state*=status-folder]:not([class*=btn]):after { padding-left: 35px; border: 2px solid #24b9e9; background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%); color: #24b9e9; text-align: left; right: 100% !important; transition: background-position 1s ease-in-out; } .file-not[data-state*=status-folder]:not([class*=btn]):hover:before { background-position-x: 50%; } .file-not[data-state*=status-folder]:not([class*=btn]):hover:after { border: 2px solid transparent; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); background-position: 100%; color: #ffffff; } .file-not:before, .file-not > span { display: inline-block; vertical-align: middle; } .file-not > span:not(.center-v) { white-space: normal; } .file-not > span.center-v, .file-not > span.center-v:before, .file-not > span.center-v:after { min-height: 40px; font-size: 1rem; padding-left: 2px; } .file-not > span.center-v span, .file-not > span.center-v:before span, .file-not > span.center-v:after span { white-space: normal; } .file-not_box { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); position: relative; } .file_del_count { font-size: 1rem; } .file_del .btnDelete { width: 150px; height: 40px; margin: 10px 0; } .file_preview { display: inline-block; width: 100px; height: 100px; margin: 5px; position: relative; } .file_preview:after { content: attr(data-del); position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.6); color: #ffffff; font-weight: 600; font-size: 1rem; line-height: 100px; text-align: center; display: none; } .file_preview_box { width: 100%; height: 100%; border-radius: 2px; background-color: #cecece; vertical-align: middle; text-align: center; overflow: hidden; } .file_preview_box[data-file-type]:after { content: attr(data-file-type); font-size: 16px; height: auto; color: #83a21e; font-weight: bold; text-transform: uppercase; } .file_preview > span { width: 100px; padding: 5px; background: #83a21e; color: #ffffff; font-size: 12px; text-align: center; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 100; display: none; } .file_preview-del { outline: 2px solid #ff0000; } .file_preview-del:after { display: flex; } .file_preview:hover > span, .file_preview:hover:after { display: block; } .file_image { display: block; box-sizing: border-box; max-width: 98px; max-height: 98px; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pay-check { display: inline-block; width: 0px; height: 0px; position: relative; } .pay-check:after { content: " "; display: block; position: absolute; left: 0px; bottom: 0px; width: 20px; height: 10px; border-left: solid 3px #008000; border-bottom: solid 3px #008000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rating { padding: 0.5px; text-align: center; } .rating__icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url("../images/icon-heart.png"); background-position-x: 50%; background-position-y: 50%; background-size: auto 100%; background-repeat: no-repeat; } .rating__count { font-size: 14px; } .rating.choice .rating__icon, .rating.choiceHover .rating__icon { background-position-x: 100%; } .photoAlbum[data-slider=sliderTab] .rating { text-align: left; } .photoAlbum[data-slider=sliderTab] .rating__count { display: inline-block; vertical-align: middle; padding-left: 5px; } #telLink { white-space: nowrap; } a[href^="tel:"] { color: #3e3a37; text-decoration: none; white-space: nowrap; } a[href^="tel:"]:before { content: "☎"; margin-right: 0.5em; } #blockLoginSocial { display: inline-block; max-width: 270px; width: 100%; } #blockLoginSocial > div { width: 100%; padding-top: 18.52%; overflow: hidden; position: relative; } #blockLoginSocial > div * { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } jdiv#jcont { --left: auto !important; --right: 10px !important; } #newsletter-switch { min-height: 25px; margin-bottom: 10px; padding-left: 60px; position: relative; } #newsletter-switch img { position: absolute; top: 0; left: 0; } #newsletter-switch span { display: inline-block; vertical-align: middle; } /* ----- CALENDAR ----- */ .calendar { margin: 0 auto; padding: 0; text-align: center; background-color: #8dc500; background-image: linear-gradient(to top, #8dc500 0%, #8dd070 100%); border: solid 5px #d2d2d2; border-radius: 5px; position: relative; z-index: 10; } .calendar__form { width: 100%; position: relative; } .calendar__box { max-width: 250px; padding-top: 12px; position: absolute; top: 100%; right: 0; z-index: 10; } .calendar__buton { display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; border: none; outline: none; background-color: transparent; background-image: url("../images/icon-calendar.png"); background-position: 50% 50%; background-size: 100% auto; background-repeat: no-repeat; position: absolute; top: 50%; right: 13px; z-index: 2; cursor: pointer; } .calendar thead tr { border: none; } .calendar thead tr td { background-color: #8dc500; background-image: linear-gradient(to top, #8dc500 0%, #8dd070 100%); color: #ffffff; font-size: 14px; } .calendar tbody td { width: 35px; height: 35px; padding: 0; box-shadow: 2px 3.5px 7.4px 0.6px rgba(17, 17, 17, 0.24); border: solid 2px #d2d2d2; } .calendar tbody td.holiday label { color: rgb(231, 140, 92); } .calendar tbody td.curent__today label { background-color: #24b9e9; background-image: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); color: #ffffff !important; font-weight: 700; } .calendar tbody td.curent__empty { background: #ffffff; } .calendar .arrow-next, .calendar .arrow-prev { display: inline-block; vertical-align: middle; min-width: 20px; height: 100%; position: relative; cursor: pointer; } .calendar .arrow-next:after, .calendar .arrow-prev:after { content: ""; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; top: calc(50% - 8px); } .calendar .arrow-prev:after { border-right: 8px solid #ffffff; right: calc(50% - 4px); } .calendar .arrow-next:after { border-left: 8px solid #ffffff; left: calc(50% - 4px); } .calendar__top { border-bottom: solid 2px #d2d2d2 !important; } .calendar__top td { height: 35px; } .calendar__top td[class*=__tab] input { display: inline-block; vertical-align: middle; width: calc(100% - 40px); height: 100%; padding: 0; border: none; border-radius: 0; background-color: #8dc500; background-image: linear-gradient(to top, #8dc500 0%, #8dd070 100%); color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; } .calendar__top td[class*=__tab] input:hover { box-shadow: none; } .calendar__year, .calendar__month { display: inline-block; vertical-align: middle; height: 100%; border-right: solid 2px #d2d2d2 !important; white-space: nowrap; } .calendar__day td { height: 20px; } .calendar__check { display: none; } .calendar__check + label { display: block; width: 100%; height: 100%; background: #ffffff; color: #111; font-size: 16px; line-height: 33px; position: relative; cursor: pointer; } .calendar__check:checked + label { background-color: #843e9e; background-image: linear-gradient(to top, #843e9e 0%, #843ee1 100%) !important; box-shadow: inset 1.5px 2.6px 2px rgba(113, 31, 143, 0.41); color: #ffffff !important; } .calendar__tab { background-color: #843e9e; background-image: linear-gradient(to top, #843e9e 0%, #843ee1 100%) !important; box-shadow: inset 1.5px 2.6px 2px rgba(113, 31, 143, 0.41); } .calendar__tab p { padding: 0; color: #ffffff; font-size: 14px; line-height: 16px; font-weight: 700; text-align: center; } /* ---- NAVIGATION ---- */ .link { color: #0d95c1; font-size: 1.2rem; text-decoration: underline; cursor: pointer; } .signifier { display: inline-block; width: 50%; height: 3px; background: #24b9e9; border-radius: 2px; position: absolute; top: 50%; left: 50%; } .nav ul { list-style: none; } .nav-close { position: absolute; top: 0; right: 0; z-index: 100; cursor: pointer; } .nav-close .signifier { transform-origin: left center; pointer-events: none; } .nav-close .signifier[data-signifier="1"] { transform: rotate(-45deg) translateX(-50%); } .nav-close .signifier[data-signifier="2"] { transform: rotate(45deg) translateX(-50%); } .nav-close_cross { width: 30px; height: 30px; color: #8dc500; font-size: 40px; line-height: 30px; text-align: center; } .nav-close:hover .nav-close_cross { background: #8dc500; color: #ffffff; } .nav-close.btn-switch:after { display: none; } .nav-close.close-button { width: 30px; height: 30px; border-radius: 50%; background-color: #ffffff; box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.5); top: -30px; right: -15px; } .nav__box_login { display: inline-block; vertical-align: bottom; width: 100%; padding: 0 1%; } .nav:not(.nav-aside) ul { display: flex; } .nav:not(.nav-aside) ul li { cursor: pointer; } .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link]:hover, .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link].nav__link-current, .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link].inactive:hover { color: #ffffff; } .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link]:hover svg, .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link].nav__link-current svg, .nav:not(.nav-aside):not(.nav-footer) [class*=nav__link].inactive:hover svg { fill: #ffffff; stroke: #ffffff; } .nav:not(.nav-aside):not(.nav-footer).menu-sidebar [class*=nav__link]:hover .user_link_info div, .nav:not(.nav-aside):not(.nav-footer).menu-sidebar [class*=nav__link]:hover .user_link_info font, .nav:not(.nav-aside):not(.nav-footer).menu-sidebar [class*=nav__link].nav__link-current .user_link_info div, .nav:not(.nav-aside):not(.nav-footer).menu-sidebar [class*=nav__link].nav__link-current .user_link_info font { color: #ffffff !important; } .nav:not(.nav-aside):not(.nav-footer).nav-content [class*=nav__link]:hover, .nav:not(.nav-aside):not(.nav-footer).nav-content [class*=nav__link].nav__link-current { color: #0d95c1; } .nav:not(.nav-aside):not(.nav-footer).nav-content [class*=nav__link]:hover span:before, .nav:not(.nav-aside):not(.nav-footer).nav-content [class*=nav__link].nav__link-current span:before { height: 4px; background: #24b9e9; bottom: -1px; } .nav:not(.menu-sidebar) ul li.sub-menu_list:hover [class*=nav__link].nav-arrow + .sub-menu:not(.desctop-hide), .nav:not(.menu-sidebar) ul li.sub-menu_list.li-current [class*=nav__link].nav-arrow + .sub-menu:not(.desctop-hide) { display: flex; justify-content: center; } .nav:not(.menu-sidebar) ul li.sub-menu_list:hover [class*=nav__link].nav-arrow + .sub-menu { z-index: -1; } .nav [class*=nav__link] { font-weight: 700; font-size: 1.4rem; white-space: nowrap; display: flex; align-items: center; position: relative; } .nav [class*=nav__link].inactive { border: 2px solid transparent; } .nav [class*=nav__link].inactive svg { fill: #626262; stroke: #626262; } .nav [class*=nav__link][class*=-profile] { border: 2px solid #24b9e9; color: #24b9e9; } .nav [class*=nav__link][class*=-profile]:hover, .nav [class*=nav__link][class*=-profile].nav__link-current { border: 2px solid #24b9e9; background: #24b9e9; } .nav [class*=nav__link][class*=-mail] { border: 2px solid #f38126; color: #f38126; } .nav [class*=nav__link][class*=-mail]:hover, .nav [class*=nav__link][class*=-mail].nav__link-current { border: 2px solid #f38126; background: #f38126; } .nav [class*=nav__link][class*=-chat] { border: 2px solid #8dc500; color: #8dc500; } .nav [class*=nav__link][class*=-chat]:hover, .nav [class*=nav__link][class*=-chat].nav__link-current { border: 2px solid #8dc500; background: #8dc500; } .nav [class*=nav__link][class*=-gift] { border: 2px solid #5757f8; color: #5757f8; } .nav [class*=nav__link][class*=-gift]:hover, .nav [class*=nav__link][class*=-gift].nav__link-current { border: 2px solid #5757f8; background: #5757f8; } .nav [class*=nav__link][class*=-guests] { border: 2px solid #d649f9; color: #d649f9; } .nav [class*=nav__link][class*=-guests]:hover, .nav [class*=nav__link][class*=-guests].nav__link-current { border: 2px solid #d649f9; background: #d649f9; } .nav [class*=nav__link][class*=-likes] { border: 2px solid #f94987; color: #f94987; } .nav [class*=nav__link][class*=-likes].inactive { border: 2px solid transparent; } .nav [class*=nav__link][class*=-likes].inactive .svg-likes path { stroke: #626262; fill: #626262; } .nav [class*=nav__link][class*=-likes].inactive .svg-likes path.no-stroke { fill: #626262; } .nav [class*=nav__link][class*=-likes].inactive .svg-likes path.svg-likes_cross { stroke-width: 1px; stroke: #ffffff; fill: #ffffff; } .nav [class*=nav__link][class*=-likes]:hover, .nav [class*=nav__link][class*=-likes].nav__link-current, .nav [class*=nav__link][class*=-likes].inactive:hover, .nav [class*=nav__link][class*=-likes].active { border: 2px solid #f94987; background: #f94987; } .nav [class*=nav__link][class*=-likes]:hover .svg-likes path, .nav [class*=nav__link][class*=-likes].nav__link-current .svg-likes path, .nav [class*=nav__link][class*=-likes].inactive:hover .svg-likes path, .nav [class*=nav__link][class*=-likes].active .svg-likes path { stroke: #ffffff; fill: #f94987; } .nav [class*=nav__link][class*=-likes]:hover .svg-likes path.no-stroke, .nav [class*=nav__link][class*=-likes].nav__link-current .svg-likes path.no-stroke, .nav [class*=nav__link][class*=-likes].inactive:hover .svg-likes path.no-stroke, .nav [class*=nav__link][class*=-likes].active .svg-likes path.no-stroke { fill: #ffffff; } .nav [class*=nav__link][class*=-likes]:hover .svg-likes path.svg-likes_cross, .nav [class*=nav__link][class*=-likes].nav__link-current .svg-likes path.svg-likes_cross, .nav [class*=nav__link][class*=-likes].inactive:hover .svg-likes path.svg-likes_cross, .nav [class*=nav__link][class*=-likes].active .svg-likes path.svg-likes_cross { stroke: transparent; fill: transparent; } .nav [class*=nav__link][class*=-ignore] { border: 2px solid transparent; background-image: url("../images/icon-ignoreList.png"); background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat; transition: none; } .nav [class*=nav__link][class*=-ignore].active { background-position-y: 100%; transition: none; } .nav [class*=nav__link][class*=-ignore]:hover { border-color: #dd4937; background-color: #dd4937; background-image: url("../images/icon-ignoreList-hover.png"); transition: none; } .nav [class*=nav__link][class*=nav-arrow]:before { display: none; } .nav [class*=nav__link] svg { width: 25px; margin: auto; stroke-linecap: round; stroke-linejoin: round; left: 5px; position: absolute; top: 50%; transform: translateY(-50%); } .nav_count { align-self: flex-end; font-size: 1rem; font-weight: 700; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); } .nav-header ul { width: 100%; } .nav-header ul li { flex: 1 1 100%; padding: 0 1px; } .nav-header .menu-sidebar_top { display: none; } .nav-header .menu-sidebar_buton { display: none; } .nav-header [class*=nav__link] { min-width: 96px; width: 100%; height: 50px; border-color: #8dc500; border-style: solid; border-width: 2px 2px 4px 2px; border-radius: 10px 10px 0 0; color: #8dc500; font-size: 1.2rem; justify-content: center; } .nav-header [class*=nav__link][class*=nav-arrow] { padding-right: 0; } .nav-header [class*=nav__link]:hover, .nav-header [class*=nav__link].nav__link-current { background: #8dc500; } .nav-header .sub-menu { display: none; width: 100%; background-color: #ffffff; position: absolute; top: 100%; left: 0; z-index: -2; overflow: hidden; } .nav-header .sub-menu_list.li-current .sub-menu:not(.desctop-hide) { display: block; } .nav-header .sub-menu [class*=nav__link] { height: 40px; padding: 0 3px; border-top: none; border-bottom: 2px solid #8dc500; border-left: none; border-right: none; border-radius: 0 0 10px 10px; font-weight: 400; letter-spacing: -0.8px; } .nav-header .sub-menu ul { margin: auto; padding: 0 120px; justify-content: center; } .nav-header .sub-menu ul li { flex: 1 1 auto; max-width: 11%; min-width: 120px; padding: 0; } .nav-header .sub-menu ul li:first-child [class*=nav__link] { border-left: 2px solid #8dc500; } .nav-header .sub-menu ul li:last-child [class*=nav__link] { border-right: 2px solid #8dc500; } .nav-header.menu-sidebar { display: block; background: #ffffff; transition: all 0.01s linear; position: relative; } .nav-header.menu-sidebar:not(.closed) { min-height: 100vh; } .nav-header.menu-sidebar [class*=nav__link] { min-width: 0px; width: 100%; height: auto; padding: 10px 10px 10px 35px; border: none; border-radius: 0; color: #0d95c1; justify-content: flex-start; transform-origin: 0 0; transition: transform 0.05s ease-in-out, color 0.05s ease-in-out; } .nav-header.menu-sidebar [class*=nav__link][class*=nav-arrow] { padding-right: 20px; } .nav-header.menu-sidebar [class*=nav__link][class*=nav-arrow]:before { display: block; } .nav-header.menu-sidebar [class*=nav__link]:hover, .nav-header.menu-sidebar [class*=nav__link].nav__link-current { border: none; background: linear-gradient(to top, #ffffff 2px, #24b9e9 2px); } .nav-header.menu-sidebar [class*=nav__link]:hover[class*=nav-arrow]:before, .nav-header.menu-sidebar [class*=nav__link].nav__link-current[class*=nav-arrow]:before { border-top: 9px solid #ffffff; } .nav-header.menu-sidebar ul { width: auto; display: block; margin: 0; padding: 0; } .nav-header.menu-sidebar ul li { flex: 0 1 auto; padding: 0; max-width: none; min-width: 0px; } .nav-header.menu-sidebar ul li:last-child [class*=nav__link]:hover, .nav-header.menu-sidebar ul li:last-child [class*=nav__link].nav__link-current { background: #24b9e9; } .nav-header.menu-sidebar .sub-menu { position: static; } .nav-header.menu-sidebar .sub-menu ul li { padding: 0; } .nav-header.menu-sidebar .sub-menu ul li:first-child [class*=nav__link] { border-left: 35px solid #ffffff; } .nav-header.menu-sidebar .sub-menu ul li:last-child [class*=nav__link] { border-right: none; } .nav-header.menu-sidebar .sub-menu ul li:last-child [class*=nav__link]:hover, .nav-header.menu-sidebar .sub-menu ul li:last-child [class*=nav__link].nav__link-current { background: linear-gradient(to right, #8dc500 2px, transparent 2px), linear-gradient(to top, #ffffff 2px, #24b9e9 2px); } .nav-header.menu-sidebar .sub-menu [class*=nav__link] { height: 30px; padding: 0 10px; font-size: 1.2rem; border-left: 35px solid #ffffff; background: linear-gradient(to right, #8dc500 2px, #ffffff 2px); } .nav-header.menu-sidebar .sub-menu [class*=nav__link] .user_link_info { position: absolute; } .nav-header.menu-sidebar .sub-menu [class*=nav__link] .user_link_info > div { display: inline; } .nav-header.menu-sidebar .sub-menu [class*=nav__link]:hover, .nav-header.menu-sidebar .sub-menu [class*=nav__link].nav__link-current { background: linear-gradient(to right, #8dc500 2px, transparent 2px), linear-gradient(to top, #ffffff 2px, #24b9e9 2px); } .nav-header.menu-sidebar .sub-menu [class*=nav__link] > a { width: 100%; } .nav-header.menu-sidebar .sub-menu [class*=nav__link] > a:hover { color: #ffffff; text-decoration: underline; } .nav-header.menu-sidebar .sub-menu .nav_count { margin-top: -0.6rem; position: absolute; top: 50%; right: 5px; transform: none; } .nav-header.menu-sidebar .sub-menu .nav_count.state-new { display: inline-block; } .nav-header.menu-sidebar .sub-menu .nav_count.state-new:after { content: attr(data-new); color: #f38126; font-size: 1rem; position: absolute; top: -1rem; right: 0; } .nav-header.menu-sidebar .sub-menu .nav_count a { display: inline-block; min-width: 20px; width: auto; height: auto; text-align: right; padding: 0 0 0 5px !important; font-size: 1rem; } .nav-header.menu-sidebar .sub-menu .nav_count a.state-new { color: #f38126; } .nav-header.menu-sidebar .sub-menu .nav_count a.state-online { color: #8dc500; } .nav-header.menu-sidebar .sub-menu .nav_count a:hover { color: #f38126; text-decoration: underline; } .nav-header.menu-sidebar .menu-sidebar_top { display: block; padding: 10px 10px 10px 35px; background: #8dc500; color: #ffffff; font-size: 1.25rem; font-weight: 900; text-transform: uppercase; transform-origin: 0 0; position: relative; } .nav-header.menu-sidebar .menu-sidebar_top span { border: none; font-weight: 400; font-size: 2em; position: absolute; top: 0px; right: 10px; cursor: pointer; } .nav-header.menu-sidebar .menu-sidebar_buton { display: block; min-width: 40px; min-height: 40px; width: 100%; border: none; outline: none; background: transparent; position: absolute; top: 0; left: 0; z-index: 2; transform-origin: 0 0; transition: transform 0.2s ease-in-out; cursor: pointer; } .nav-header.menu-sidebar.closed { width: 40px; height: 40px; border-radius: 50%; background: #24b9e9; overflow: hidden; transition: all 0s ease-in-out; } .nav-header.menu-sidebar.closed .menu-sidebar_top { background: #ffffff; color: transparent; } .nav-header.menu-sidebar.closed .menu-sidebar_buton { transition-delay: 0s; } .nav-header.menu-sidebar.closed [class*=nav__link] { color: transparent; background: #ffffff; border-color: #ffffff; } .nav-header.menu-sidebar.closed [class*=nav__link][class*=nav-arrow] { padding-right: 10px; } .nav-header.menu-sidebar.closed [class*=nav__link][class*=nav-arrow]:before { display: none; } .nav-header.menu-sidebar.closed [class*=nav__link] svg { display: none; } .nav-header.menu-sidebar.closed [class*=nav__link]:hover { color: transparent; background: #ffffff; } .nav-header.menu-sidebar.closed .sub-menu [class*=nav__link] { display: none; } .nav-header .nav-theme { margin: 0; padding: 10px 10px 5px 35px; font-weight: 700; font-size: 1.2rem; text-align: right; } .nav-header .nav-theme > div { width: 155px; color: #0d95c1; } .nav-content { display: table; margin: auto; padding: 1%; font-size: 0; } .nav-content [class*=nav__link] { display: table-cell; text-align: center; } .nav-content [class*=nav__link] span { display: inline-block; width: 100%; padding: 10px 1em; white-space: nowrap; position: relative; cursor: pointer; } .nav-content [class*=nav__link] span:before { content: ""; width: 100%; height: 2px; background: #333333; position: absolute; bottom: 0; left: 0; } .nav-footer { width: 100%; padding: 1% 0; position: relative; z-index: 1; } .nav-footer ul { justify-content: center; } .nav-footer ul li:not(:last-child) { border-right: 2px solid #ffffff; } .nav-footer .nav__link { padding: 0 10px; color: #ffffff; font-size: 1rem; } .nav-footer .nav__link:after { content: ""; position: absolute; left: 5%; bottom: -2px; width: 90%; height: 2px; background: #24b9e9; transform: scale(0); transform-origin: center center; transition: all 0.4s linear; } .nav-footer .nav__link:link, .nav-footer .nav__link:active, .nav-footer .nav__link:visited { color: inherit; } .nav-footer .nav__link:hover, .nav-footer .nav__link.nav__link-current { color: #0d95c1; } .nav-footer .nav__link:hover:after, .nav-footer .nav__link.nav__link-current:after { transform: scale(1); } .nav-aside, .nav-user { width: 100%; } .nav-aside [class*=nav__link], .nav-user [class*=nav__link] { display: inline-block; border-radius: 5px; text-align: center; } .nav-aside [class*=nav__link] span, .nav-aside [class*=nav__link] svg, .nav-user [class*=nav__link] span, .nav-user [class*=nav__link] svg { display: block; position: static; transform: none; } .nav-aside [class*=nav__link] svg, .nav-user [class*=nav__link] svg { width: 60%; height: 60%; margin: auto; } .nav-aside { height: 100%; opacity: 0; } .nav-aside:not(.nav-aside-init) { pointer-events: none; } .nav-aside-init { opacity: 1; } .nav-aside > ul { display: block; width: 100%; } .nav-aside > ul > li { display: block; text-align: right; padding: 1% 0; position: relative; } .nav-aside > ul > li:not(.sub-menu_list) { z-index: 2; } .nav-aside > ul > li.sub-menu_list { z-index: 1; } .nav-aside > ul > li.sub-menu_list:before, .nav-aside > ul > li.sub-menu_list:after { content: ""; width: 15%; height: 15%; border-style: solid; position: absolute; left: 91%; z-index: 3; display: none; } .nav-aside > ul > li.sub-menu_list:before { border-width: 0px 2px 2px 0px; border-radius: 0 0 10px 0; top: -15%; margin-top: 3px; } .nav-aside > ul > li.sub-menu_list:after { border-width: 2px 2px 0px 0px; border-radius: 0 10px 0 0; bottom: -15%; margin-bottom: 3px; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current { background-color: #ffffff; transition: none; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current:after { content: ""; width: 5px; height: 130%; margin-left: 5px; background: #ffffff; position: absolute; top: -15%; left: 100%; z-index: 2; display: none; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link] *, .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current *, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link] *, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current * { pointer-events: none; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current svg .svg-hover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover:before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover:before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) .sub-menu { display: block; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link] { border-radius: 5px 0px 0px 5px; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current { border-color: #f38126 transparent #f38126 #f38126; color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover { fill: #f38126; stroke: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current { border-color: #5757f8 transparent #5757f8 #5757f8; color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover { fill: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:after { border-color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current svg .svg-nohover { fill: #f38126; stroke: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu:before { border-color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu [class*=nav__link].nav__link-current > a { color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu [class*=nav__link] > a:hover { color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu .nav_count.state-new:after { color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu .nav_count a.state-new { color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail] .sub-menu .nav_count a:hover { color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:after { border-color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current svg .svg-nohover { fill: #5757f8; stroke: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu:before { border-color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu [class*=nav__link].nav__link-current > a { color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu [class*=nav__link] > a:hover { color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu .nav_count.state-new:after { color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu .nav_count a.state-new { color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=gift] .sub-menu .nav_count a:hover { color: #5757f8; } .nav-aside > ul > li > [class*=nav__link] { display: inline-block; position: relative; max-width: 110px; max-height: 110px; min-width: 50px; min-height: 50px; padding: 1rem 3% 3% 3%; } .nav-aside > ul > li > [class*=nav__link][class*=-chat]:not(.nav__link-current) { animation: chat 2s ease-in-out infinite; } @keyframes chat { 0% { border: 2px solid #8dc500; background: #ffffff; color: #8dc500; } 100% { border: 2px solid #8dc500; background: #8dc500; color: #ffffff; } } .nav-aside > ul > li > [class*=nav__link][class*=-chat]:not(.nav__link-current) svg { animation: chatIcon 2s ease-in-out infinite; } @keyframes chatIcon { 0% { fill: #8dc500; stroke: #8dc500; } 100% { fill: #ffffff; stroke: #ffffff; } } .nav-aside > ul > li > [class*=nav__link][class*=-profile]:hover, .nav-aside > ul > li > [class*=nav__link][class*=-profile].nav__link-current, .nav-aside > ul > li > [class*=nav__link][class*=-chat]:hover, .nav-aside > ul > li > [class*=nav__link][class*=-chat].nav__link-current, .nav-aside > ul > li > [class*=nav__link][class*=-guests]:hover, .nav-aside > ul > li > [class*=nav__link][class*=-guests].nav__link-current, .nav-aside > ul > li > [class*=nav__link][class*=-likes]:hover, .nav-aside > ul > li > [class*=nav__link][class*=-likes].nav__link-current { color: #ffffff; } .nav-aside > ul > li > [class*=nav__link][class*=-profile]:hover svg, .nav-aside > ul > li > [class*=nav__link][class*=-profile].nav__link-current svg, .nav-aside > ul > li > [class*=nav__link][class*=-chat]:hover svg, .nav-aside > ul > li > [class*=nav__link][class*=-chat].nav__link-current svg, .nav-aside > ul > li > [class*=nav__link][class*=-guests]:hover svg, .nav-aside > ul > li > [class*=nav__link][class*=-guests].nav__link-current svg, .nav-aside > ul > li > [class*=nav__link][class*=-likes]:hover svg, .nav-aside > ul > li > [class*=nav__link][class*=-likes].nav__link-current svg { fill: #ffffff; stroke: #ffffff; } .nav-aside > ul > li > [class*=nav__link] span.nav_count { font-size: 0.9rem; position: absolute; top: 3%; right: 5%; } .nav-aside .sub-menu { display: none; max-width: 180px; min-width: 160px; min-height: 140%; padding: 5px 5px 5px 10px; position: absolute; top: 50%; left: 100%; z-index: 1; transform: translateY(-50%); } .nav-aside .sub-menu:before { content: ""; width: 100%; height: 100%; border-style: solid; border-width: 2px; border-radius: 10px; background: #ffffff; position: absolute; top: 0; left: 5px; z-index: 0; } .nav-aside .sub-menu ul { max-width: 100%; width: 100%; position: relative; } .nav-aside .sub-menu [class*=nav__link] { max-width: none; width: 100%; min-height: auto; height: auto; padding: 5px 50% 5px 5px; flex-direction: row; justify-content: flex-start; font-size: 1rem; } .nav-aside .sub-menu [class*=nav__link].nav__link-current > a { text-decoration: underline; } .nav-aside .sub-menu [class*=nav__link] > a { width: 100%; height: 100%; padding: 0 !important; display: flex; align-items: center; } .nav-aside .sub-menu [class*=nav__link] > a:hover { text-decoration: underline; } .nav-aside .sub-menu .nav_count { margin-top: -0.6rem; position: absolute; top: 50%; right: 5px; transform: none; } .nav-aside .sub-menu .nav_count.state-new { display: inline-block; } .nav-aside .sub-menu .nav_count.state-new:after { content: attr(data-new); font-size: 1rem; position: absolute; top: -1rem; right: 0; } .nav-aside .sub-menu .nav_count a { display: inline-block; min-width: 20px; width: auto; height: auto; text-align: right; padding: 0 0 0 5px !important; font-size: 1rem; } .nav-aside .sub-menu .nav_count a.state-online { color: #8dc500; } .nav-aside .sub-menu .nav_count a:hover { text-decoration: underline; } .nav-user { text-align: center; white-space: nowrap; font-size: 0; padding: 0; } .nav-user .nav__item { display: inline-block; max-width: 44px; min-width: 30px; width: 25%; padding: 2px; } .nav-user [class*=nav__link] { width: calc(100% - 4px); padding-top: calc(100% - 4px); box-sizing: content-box; position: relative; } .nav-user [class*=nav__link] svg { width: 90%; height: 90%; margin: -45%; position: absolute; top: 50%; left: 50%; } .nav-profile ul { flex-wrap: wrap; justify-content: center; } .nav-profile > ul { justify-content: start; } .nav-profile .btn { height: 40px; padding: 0px 2px 0px 30px; border-radius: 40px; font-size: 1rem; letter-spacing: -1px; position: relative; } .nav-check { position: relative; } .nav-check > .nav-check_input { display: none; } .nav-check > .nav-check_input:checked + .nav-check_label.btn:not(.btn-link) { color: #ffffff; } .nav-check > .nav-check_input:checked + .nav-check_label.btn:not(.btn-link):before { background: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); } .nav-check > .nav-check_input:checked + .nav-check_label.btn:not(.btn-link).btn-invert { color: #0d95c1; } .nav-check > .nav-check_input:checked + .nav-check_label.btn:not(.btn-link).btn-invert:hover { color: #ffffff; } .nav-check > .nav-check_input:checked + .nav-check_label.nav-arrow:before, .nav-check > .nav-check_input:checked + .nav-check_label .nav-arrow:before { transform: rotate(180deg); top: calc(50% - 9px); } .nav-check > .nav-check_input:checked + .nav-check_label:after { content: attr(data-hide); } .nav-check > .nav-check_input:checked ~ .nav-check_content:not(.no-push) { display: block; } .nav-check .nav-check_content { display: none; } .nav-check ul.nav-check_content { width: 100%; list-style: none; } .nav-check ul.nav-check_content li { display: inline-block; } .nav-check .nav-check_label { display: inline-block; height: 40px; cursor: pointer; position: relative; } .nav-check .nav-check_label:after { content: attr(data-add); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; } .nav-check .nav-check_label.btn-link { display: inline-block; min-width: 200px; width: auto; } .nav-check .nav-check_label.btn-link:after { text-align: left; text-decoration: underline; } .nav-check span.nav-check_title { width: auto; margin: 0; padding: 0 10px 0 0; float: left; line-height: 40px; } .nav-check span.nav-arrow { width: 100%; padding-right: 40px; font-size: 1.2rem; line-height: 1.6rem; white-space: nowrap; } .nav-check.alarm { display: inline-block; vertical-align: middle; } .nav-check.alarm > .nav-check_input:checked + .nav-check_label { background: #626262; } .nav-check.alarm > .nav-check_input:checked + .nav-check_label .svg-alarm .on { fill: none; stroke: none; } .nav-check.alarm > .nav-check_input:checked + .nav-check_label .svg-alarm .off { fill: #ffffff; } .nav-check.alarm .nav-check_label { display: block; min-width: 50px; width: 50px; height: 50px; margin: auto; border-radius: 50%; background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); } .nav-check.alarm .nav-check_label .svg-alarm { width: 30px; fill: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nav-check.alarm .nav-check_label .svg-alarm .on { fill: #ffffff; } .nav-check.alarm .nav-check_label .svg-alarm .off { fill: none; stroke: none; } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label { box-shadow: 0 0 5px #24b9e9; border-radius: 10px; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 3px 2px #686868); } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label .gift_item_main, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label .gift_item_main { height: 80%; } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label .gift_item_pict, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label .gift_item_pict { background-image: url("../images/icon-choice.png"); background-position: 50% 50%; background-size: auto 70%; background-repeat: no-repeat; } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label .gift_item_pict img, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label .gift_item_pict img { opacity: 0; } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label .gift_item_price, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label .gift_item_price { font-size: 14px; } .nav-check.gift_item > .nav-check_input:checked + .nav-check_label .gift_item_hover, .nav-check.gift_item > .nav-check_input[checked] + .nav-check_label .gift_item_hover { opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s; } .nav-check.gift_item .nav-check_label { display: block; width: 100%; height: 100%; background-color: #ffffff; border-radius: 10px; z-index: 0; overflow: hidden; } .nav-check.gift_item .nav-check_label:hover { box-shadow: 0 0 5px #24b9e9; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 3px 2px #686868); } .nav-check.bubble_icon { width: 15px; height: 15px; border: 2px solid #333333; border-radius: 3px; } .nav-check.bubble_icon > .nav-check_input:checked + .nav-check_label .bubble_icon-min { display: none; } .nav-check.bubble_icon > .nav-check_input:checked + .nav-check_label .bubble_icon-max { display: block; } .nav-check.bubble_icon .nav-check_label { display: block; width: 100%; height: 100%; } .nav-check.bubble_icon .nav-check_label .bubble_icon-min, .nav-check.bubble_icon .nav-check_label .bubble_icon-max { width: calc(100% - 3px); border-style: solid; position: absolute; left: 1.5px; bottom: 1.5px; } .nav-check.bubble_icon .nav-check_label .bubble_icon-min { height: 0; border-color: #333333; border-width: 1px; } .nav-check.bubble_icon .nav-check_label .bubble_icon-max { display: none; height: calc(100% - 3px); border-color: #24b9e9; border-width: 3px 1px 1px 1px; } .nav-check.rating > .nav-check_input:checked + .nav-check_label .rating__icon, .nav-check.favorite_button > .nav-check_input:checked + .nav-check_label .rating__icon { background-position-x: 100%; } .nav-check.rating .nav-check_label, .nav-check.favorite_button .nav-check_label { height: auto; text-align: center; } .nav-check.favorite_button > .nav-check_input:checked + .nav-check_label .favorite_title:before { content: attr(data-hide); } .nav-check.favorite_button .favorite_title { display: inline-block; position: relative; padding-right: 10px; } .nav-check.favorite_button .favorite_title:before { content: attr(data-add); } .nav-letter { position: relative; } .nav-letter .nav-check { width: 100%; position: static; } .nav-letter .nav-check:first-child .nav-check_label { margin: 0 0 0 20px; } .nav-letter .nav-check:last-child .nav-check_label { position: absolute; top: 0; left: 185px; } .nav-letter .nav-check > .nav-check_input:checked + .nav-check_label:before { display: block; } .nav-letter .nav-check > .nav-check_input:checked ~ .nav-check_content:not(.no-push) { display: block; position: static; } .nav-letter .nav-check .nav-check_label { width: 160px; padding: 5px; border-style: solid; border-color: #626262; border-width: 2px 2px 0px 2px; border-radius: 5px 5px 0 0; background: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; } .nav-letter .nav-check .nav-check_label:before { content: ""; display: none; width: 100%; height: 2px; background: #ffffff; position: absolute; top: auto; bottom: -2px; left: 0; } .nav-letter .nav-check_content { width: 100%; padding: 10px; margin: 0; border: 2px solid #626262; border-radius: 10px; position: absolute; left: 0; top: 0; } .nav-theme { display: inline-block; vertical-align: bottom; margin: 0 10px; font-size: 14px; text-align: left; white-space: nowrap; } .nav-theme input { display: none; } .nav-theme input:checked + label > .nav-theme-trigger, .nav-theme input[checked] + label > .nav-theme-trigger { background-color: #191a22; border-color: #788b9f; box-shadow: inset 0 1px 4px #788b9f; } .nav-theme input:checked + label > .nav-theme-trigger span, .nav-theme input[checked] + label > .nav-theme-trigger span { background-color: #788b9f; background-image: linear-gradient(180deg, #efefef 0%, transparent 63%, transparent 100%); box-shadow: 0 2px 0 rgba(60, 71, 88, 0.75), inset 0 4px 9px #394759; transform: translate(100%); } .nav-theme input:checked + label > .nav-theme-trigger span:after, .nav-theme input[checked] + label > .nav-theme-trigger span:after { background-position-x: 100%; } .nav-theme input:checked + label > .nav-theme-on, .nav-theme input[checked] + label > .nav-theme-on { color: inherit; } .nav-theme input:checked + label > .nav-theme-off, .nav-theme input[checked] + label > .nav-theme-off { color: #0d95c1; } .nav-theme label { display: block; padding: 2px 0; cursor: pointer; } .nav-theme label span { display: inline-block; vertical-align: middle; } .nav-theme-trigger { width: 60px; height: 26px; padding: 2px 2px 3px 2px; border: 1px solid #24b9e9; border-radius: 10px; box-shadow: inset 0 2px 6px #29667a; line-height: 0; } .nav-theme-trigger span { width: 50%; height: 100%; border-radius: 8px; background-color: #24b9e9; background-image: linear-gradient(180deg, #efefef 0%, transparent 63%, transparent 100%); box-shadow: 0 2px 0 rgba(60, 71, 88, 0.75), inset 0 2px 6px #29667a; position: relative; } .nav-theme-trigger span:after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("../images/icon-theme.png"); background-position: 0% 50%; background-size: auto 100%; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nav-theme-on { color: #0d95c1; } .nav-theme-off { color: inherit; } .btn, input.btn, button.btn { display: inline-block; vertical-align: middle; width: 100%; height: 50px; padding: 5px; border: none; border-radius: 50px; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); background-size: 500% 100%; background-position: 0%; color: #ffffff; font-weight: 700; font-size: 1.2rem; text-align: center; white-space: nowrap; cursor: pointer; transition: background-position 1s ease-in-out; overflow: hidden; position: relative; } .btn.focused, input.btn.focused, button.btn.focused { transition: none; } .btninput[type=button]:not(.default), .btninput[type=submit]:not(.default), .btnbutton:not(.default), input.btninput[type=button]:not(.default), input.btninput[type=submit]:not(.default), input.btnbutton:not(.default), button.btninput[type=button]:not(.default), button.btninput[type=submit]:not(.default), button.btnbutton:not(.default) { outline: none; cursor: pointer; } .btn.ui-button, input.btn.ui-button, button.btn.ui-button { height: 40px; } .btn.ui-button .ui-button-text, input.btn.ui-button .ui-button-text, button.btn.ui-button .ui-button-text { padding: 0; } .btn:before, .btn:after, input.btn:before, input.btn:after, button.btn:before, button.btn:after { content: ""; height: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; clear: both; } .btn > *, .btn.ui-button .ui-button-text, input.btn > *, input.btn.ui-button .ui-button-text, button.btn > *, button.btn.ui-button .ui-button-text { display: inline-block; vertical-align: middle; font-size: 1.2rem; pointer-events: none; } .btn:link, .btn:hover, .btn:active, .btn:visited, input.btn:link, input.btn:hover, input.btn:active, input.btn:visited, button.btn:link, button.btn:hover, button.btn:active, button.btn:visited { color: #ffffff; text-decoration: none; } .btn:hover, .btn.focused, input.btn:hover, input.btn.focused, button.btn:hover, button.btn.focused { background-position: 100%; } .btn.focused, input.btn.focused, button.btn.focused { background-position: 60%; } .btn .svg-icon, input.btn .svg-icon, button.btn .svg-icon { fill: #ffffff; stroke: #ffffff; } .btn.more__button, input.btn.more__button, button.btn.more__button { text-align: right; overflow: hidden; } .btn.more__button:before, input.btn.more__button:before, button.btn.more__button:before { content: attr(data-btn); width: auto; height: auto; padding: 0 50px 0 0; border-radius: 50px; color: inherit; font-size: 1.2rem; white-space: normal; transition: all 0.3s ease-in-out; } .btn.more__button-back, input.btn.more__button-back, button.btn.more__button-back { text-align: left; } .btn.more__button-back:before, input.btn.more__button-back:before, button.btn.more__button-back:before { content: ""; width: 0; height: 100%; padding: 0; font-size: 0; } .btn.more__button-back:after, input.btn.more__button-back:after, button.btn.more__button-back:after { content: attr(data-btn); width: auto; height: auto; padding: 0 50px 0 0; color: inherit; font-size: 1.2rem; white-space: normal; transition: all 0.3s ease-in-out; } .btn.more__button .more__button-arrow, input.btn.more__button .more__button-arrow, button.btn.more__button .more__button-arrow { width: 40px; border: none; position: relative; z-index: 2; transition: all 0.5s ease-in-out; } .btn.more__button .more__button-arrow span, input.btn.more__button .more__button-arrow span, button.btn.more__button .more__button-arrow span { width: 30px; height: 2px; border-radius: 2px; background: #ffffff; color: transparent; font-size: 0; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -15px; z-index: 10; } .btn.more__button .more__button-arrow span:before, .btn.more__button .more__button-arrow span:after, input.btn.more__button .more__button-arrow span:before, input.btn.more__button .more__button-arrow span:after, button.btn.more__button .more__button-arrow span:before, button.btn.more__button .more__button-arrow span:after { content: " "; display: block; width: 15px; height: 2px; border-radius: 2px; background: #ffffff; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: 0px; transition: 0.2s; } .btn.more__button .more__button-arrow span:before, input.btn.more__button .more__button-arrow span:before, button.btn.more__button .more__button-arrow span:before { transform: rotate(35deg); transform-origin: right bottom; } .btn.more__button .more__button-arrow span:after, input.btn.more__button .more__button-arrow span:after, button.btn.more__button .more__button-arrow span:after { transform: rotate(-35deg); transform-origin: right top; } .btn.more__button .more__button-arrow-down span, input.btn.more__button .more__button-arrow-down span, button.btn.more__button .more__button-arrow-down span { transform: rotate(90deg); } .btn.more__button .more__button-arrow-up span, input.btn.more__button .more__button-arrow-up span, button.btn.more__button .more__button-arrow-up span { transform: rotate(-90deg); } .btn.more__button .more__button-arrow-back span, input.btn.more__button .more__button-arrow-back span, button.btn.more__button .more__button-arrow-back span { transform: rotate(-180deg); } .btn.more__button:hover:before, .btn.more__button:hover:after, .btn.more__button.focused:before, .btn.more__button.focused:after, input.btn.more__button:hover:before, input.btn.more__button:hover:after, input.btn.more__button.focused:before, input.btn.more__button.focused:after, button.btn.more__button:hover:before, button.btn.more__button:hover:after, button.btn.more__button.focused:before, button.btn.more__button.focused:after { color: #ffffff; } .btn.more__button:hover .more__button-arrow span, .btn.more__button.focused .more__button-arrow span, input.btn.more__button:hover .more__button-arrow span, input.btn.more__button.focused .more__button-arrow span, button.btn.more__button:hover .more__button-arrow span, button.btn.more__button.focused .more__button-arrow span { background: #ffffff; animation: arrow 0.5s linear forwards; } @keyframes arrow { 0% { transform: translateX(0px); } 25% { transform: translateX(40px); opacity: 0; } 50% { transform: translateX(-40px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } .btn.more__button:hover .more__button-arrow span:before, .btn.more__button:hover .more__button-arrow span:after, .btn.more__button.focused .more__button-arrow span:before, .btn.more__button.focused .more__button-arrow span:after, input.btn.more__button:hover .more__button-arrow span:before, input.btn.more__button:hover .more__button-arrow span:after, input.btn.more__button.focused .more__button-arrow span:before, input.btn.more__button.focused .more__button-arrow span:after, button.btn.more__button:hover .more__button-arrow span:before, button.btn.more__button:hover .more__button-arrow span:after, button.btn.more__button.focused .more__button-arrow span:before, button.btn.more__button.focused .more__button-arrow span:after { background: #ffffff; } .btn.more__button:hover .more__button-arrow-down span, .btn.more__button.focused .more__button-arrow-down span, input.btn.more__button:hover .more__button-arrow-down span, input.btn.more__button.focused .more__button-arrow-down span, button.btn.more__button:hover .more__button-arrow-down span, button.btn.more__button.focused .more__button-arrow-down span { animation: arrow-down 0.5s linear forwards; } @keyframes arrow-down { 0% { transform: translateY(0px) rotate(90deg); } 25% { transform: translateY(40px) rotate(90deg); opacity: 0; } 50% { transform: translateY(-40px) rotate(90deg); opacity: 0; } 100% { transform: translateY(0px) rotate(90deg); opacity: 1; } } .btn.more__button:hover .more__button-arrow-up span, .btn.more__button.focused .more__button-arrow-up span, input.btn.more__button:hover .more__button-arrow-up span, input.btn.more__button.focused .more__button-arrow-up span, button.btn.more__button:hover .more__button-arrow-up span, button.btn.more__button.focused .more__button-arrow-up span { animation: arrow-up 0.5s linear forwards; } @keyframes arrow-up { 0% { transform: translateY(0px) rotate(-90deg); } 25% { transform: translateY(-40px) rotate(-90deg); opacity: 0; } 50% { transform: translateY(40px) rotate(-90deg); opacity: 0; } 100% { transform: translateY(0px) rotate(-90deg); opacity: 1; } } .btn.more__button:hover .more__button-arrow-back span, .btn.more__button.focused .more__button-arrow-back span, input.btn.more__button:hover .more__button-arrow-back span, input.btn.more__button.focused .more__button-arrow-back span, button.btn.more__button:hover .more__button-arrow-back span, button.btn.more__button.focused .more__button-arrow-back span { animation: arrow-back 0.5s linear forwards; } @keyframes arrow-back { 0% { transform: translateX(0px) rotate(-180deg); } 25% { transform: translateX(-40px) rotate(-180deg); opacity: 0; } 50% { transform: translateX(40px) rotate(-180deg); opacity: 0; } 100% { transform: translateX(0px) rotate(-180deg); opacity: 1; } } .btn-invert, .btn-invert.more__button, input.btn-invert, input.btn-invert.more__button, button.btn-invert, button.btn-invert.more__button { border: 2px solid #24b9e9; color: #0d95c1; background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%); } .btn-invert:before, .btn-invert.more__button:before, input.btn-invert:before, input.btn-invert.more__button:before, button.btn-invert:before, button.btn-invert.more__button:before { color: #0d95c1; } .btn-invert .more__button-arrow span, .btn-invert.more__button .more__button-arrow span, input.btn-invert .more__button-arrow span, input.btn-invert.more__button .more__button-arrow span, button.btn-invert .more__button-arrow span, button.btn-invert.more__button .more__button-arrow span { background: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); } .btn-invert .more__button-arrow span:before, .btn-invert .more__button-arrow span:after, .btn-invert.more__button .more__button-arrow span:before, .btn-invert.more__button .more__button-arrow span:after, input.btn-invert .more__button-arrow span:before, input.btn-invert .more__button-arrow span:after, input.btn-invert.more__button .more__button-arrow span:before, input.btn-invert.more__button .more__button-arrow span:after, button.btn-invert .more__button-arrow span:before, button.btn-invert .more__button-arrow span:after, button.btn-invert.more__button .more__button-arrow span:before, button.btn-invert.more__button .more__button-arrow span:after { background: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); } .btn-invert:link, .btn-invert:active, .btn-invert:visited, .btn-invert.more__button:link, .btn-invert.more__button:active, .btn-invert.more__button:visited, input.btn-invert:link, input.btn-invert:active, input.btn-invert:visited, input.btn-invert.more__button:link, input.btn-invert.more__button:active, input.btn-invert.more__button:visited, button.btn-invert:link, button.btn-invert:active, button.btn-invert:visited, button.btn-invert.more__button:link, button.btn-invert.more__button:active, button.btn-invert.more__button:visited { color: #0d95c1; } .btn-invert .svg-icon, .btn-invert.more__button .svg-icon, input.btn-invert .svg-icon, input.btn-invert.more__button .svg-icon, button.btn-invert .svg-icon, button.btn-invert.more__button .svg-icon { fill: #24b9e9; stroke: #24b9e9; } .btn-invert:hover, .btn-invert.focused, .btn-invert.more__button:hover, .btn-invert.more__button.focused, input.btn-invert:hover, input.btn-invert.focused, input.btn-invert.more__button:hover, input.btn-invert.more__button.focused, button.btn-invert:hover, button.btn-invert.focused, button.btn-invert.more__button:hover, button.btn-invert.more__button.focused { border: 2px solid transparent; color: #ffffff; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); } .btn-invert:hover .svg-icon, .btn-invert.focused .svg-icon, .btn-invert.more__button:hover .svg-icon, .btn-invert.more__button.focused .svg-icon, input.btn-invert:hover .svg-icon, input.btn-invert.focused .svg-icon, input.btn-invert.more__button:hover .svg-icon, input.btn-invert.more__button.focused .svg-icon, button.btn-invert:hover .svg-icon, button.btn-invert.focused .svg-icon, button.btn-invert.more__button:hover .svg-icon, button.btn-invert.more__button.focused .svg-icon { fill: #ffffff; stroke: #ffffff; } .btn-invert-green, .btn-invert-green.more__button, .btn-invert.more__button-green, .btn-invert.more__button-green.more__button, input.btn-invert-green, input.btn-invert-green.more__button, input.btn-invert.more__button-green, input.btn-invert.more__button-green.more__button, button.btn-invert-green, button.btn-invert-green.more__button, button.btn-invert.more__button-green, button.btn-invert.more__button-green.more__button { border: 2px solid #8dc500; color: #8dc500; background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%); } .btn-invert-green:before, .btn-invert-green.more__button:before, .btn-invert.more__button-green:before, .btn-invert.more__button-green.more__button:before, input.btn-invert-green:before, input.btn-invert-green.more__button:before, input.btn-invert.more__button-green:before, input.btn-invert.more__button-green.more__button:before, button.btn-invert-green:before, button.btn-invert-green.more__button:before, button.btn-invert.more__button-green:before, button.btn-invert.more__button-green.more__button:before { color: #8dc500; } .btn-invert-green .more__button-arrow span, .btn-invert-green.more__button .more__button-arrow span, .btn-invert.more__button-green .more__button-arrow span, .btn-invert.more__button-green.more__button .more__button-arrow span, input.btn-invert-green .more__button-arrow span, input.btn-invert-green.more__button .more__button-arrow span, input.btn-invert.more__button-green .more__button-arrow span, input.btn-invert.more__button-green.more__button .more__button-arrow span, button.btn-invert-green .more__button-arrow span, button.btn-invert-green.more__button .more__button-arrow span, button.btn-invert.more__button-green .more__button-arrow span, button.btn-invert.more__button-green.more__button .more__button-arrow span { background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); } .btn-invert-green .more__button-arrow span:before, .btn-invert-green .more__button-arrow span:after, .btn-invert-green.more__button .more__button-arrow span:before, .btn-invert-green.more__button .more__button-arrow span:after, .btn-invert.more__button-green .more__button-arrow span:before, .btn-invert.more__button-green .more__button-arrow span:after, .btn-invert.more__button-green.more__button .more__button-arrow span:before, .btn-invert.more__button-green.more__button .more__button-arrow span:after, input.btn-invert-green .more__button-arrow span:before, input.btn-invert-green .more__button-arrow span:after, input.btn-invert-green.more__button .more__button-arrow span:before, input.btn-invert-green.more__button .more__button-arrow span:after, input.btn-invert.more__button-green .more__button-arrow span:before, input.btn-invert.more__button-green .more__button-arrow span:after, input.btn-invert.more__button-green.more__button .more__button-arrow span:before, input.btn-invert.more__button-green.more__button .more__button-arrow span:after, button.btn-invert-green .more__button-arrow span:before, button.btn-invert-green .more__button-arrow span:after, button.btn-invert-green.more__button .more__button-arrow span:before, button.btn-invert-green.more__button .more__button-arrow span:after, button.btn-invert.more__button-green .more__button-arrow span:before, button.btn-invert.more__button-green .more__button-arrow span:after, button.btn-invert.more__button-green.more__button .more__button-arrow span:before, button.btn-invert.more__button-green.more__button .more__button-arrow span:after { background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); } .btn-invert-green:link, .btn-invert-green:active, .btn-invert-green:visited, .btn-invert-green.more__button:link, .btn-invert-green.more__button:active, .btn-invert-green.more__button:visited, .btn-invert.more__button-green:link, .btn-invert.more__button-green:active, .btn-invert.more__button-green:visited, .btn-invert.more__button-green.more__button:link, .btn-invert.more__button-green.more__button:active, .btn-invert.more__button-green.more__button:visited, input.btn-invert-green:link, input.btn-invert-green:active, input.btn-invert-green:visited, input.btn-invert-green.more__button:link, input.btn-invert-green.more__button:active, input.btn-invert-green.more__button:visited, input.btn-invert.more__button-green:link, input.btn-invert.more__button-green:active, input.btn-invert.more__button-green:visited, input.btn-invert.more__button-green.more__button:link, input.btn-invert.more__button-green.more__button:active, input.btn-invert.more__button-green.more__button:visited, button.btn-invert-green:link, button.btn-invert-green:active, button.btn-invert-green:visited, button.btn-invert-green.more__button:link, button.btn-invert-green.more__button:active, button.btn-invert-green.more__button:visited, button.btn-invert.more__button-green:link, button.btn-invert.more__button-green:active, button.btn-invert.more__button-green:visited, button.btn-invert.more__button-green.more__button:link, button.btn-invert.more__button-green.more__button:active, button.btn-invert.more__button-green.more__button:visited { color: #8dc500; } .btn-invert-green .svg-icon, .btn-invert-green.more__button .svg-icon, .btn-invert.more__button-green .svg-icon, .btn-invert.more__button-green.more__button .svg-icon, input.btn-invert-green .svg-icon, input.btn-invert-green.more__button .svg-icon, input.btn-invert.more__button-green .svg-icon, input.btn-invert.more__button-green.more__button .svg-icon, button.btn-invert-green .svg-icon, button.btn-invert-green.more__button .svg-icon, button.btn-invert.more__button-green .svg-icon, button.btn-invert.more__button-green.more__button .svg-icon { fill: #8dc500; stroke: #8dc500; } .btn-invert-green:hover, .btn-invert-green.focused, .btn-invert-green.more__button:hover, .btn-invert-green.more__button.focused, .btn-invert.more__button-green:hover, .btn-invert.more__button-green.focused, .btn-invert.more__button-green.more__button:hover, .btn-invert.more__button-green.more__button.focused, input.btn-invert-green:hover, input.btn-invert-green.focused, input.btn-invert-green.more__button:hover, input.btn-invert-green.more__button.focused, input.btn-invert.more__button-green:hover, input.btn-invert.more__button-green.focused, input.btn-invert.more__button-green.more__button:hover, input.btn-invert.more__button-green.more__button.focused, button.btn-invert-green:hover, button.btn-invert-green.focused, button.btn-invert-green.more__button:hover, button.btn-invert-green.more__button.focused, button.btn-invert.more__button-green:hover, button.btn-invert.more__button-green.focused, button.btn-invert.more__button-green.more__button:hover, button.btn-invert.more__button-green.more__button.focused { border: 2px solid transparent; color: #ffffff; background-image: linear-gradient(to right, #8dc500 0%, #8dc500 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); } .btn-invert-green:hover .svg-icon, .btn-invert-green.focused .svg-icon, .btn-invert-green.more__button:hover .svg-icon, .btn-invert-green.more__button.focused .svg-icon, .btn-invert.more__button-green:hover .svg-icon, .btn-invert.more__button-green.focused .svg-icon, .btn-invert.more__button-green.more__button:hover .svg-icon, .btn-invert.more__button-green.more__button.focused .svg-icon, input.btn-invert-green:hover .svg-icon, input.btn-invert-green.focused .svg-icon, input.btn-invert-green.more__button:hover .svg-icon, input.btn-invert-green.more__button.focused .svg-icon, input.btn-invert.more__button-green:hover .svg-icon, input.btn-invert.more__button-green.focused .svg-icon, input.btn-invert.more__button-green.more__button:hover .svg-icon, input.btn-invert.more__button-green.more__button.focused .svg-icon, button.btn-invert-green:hover .svg-icon, button.btn-invert-green.focused .svg-icon, button.btn-invert-green.more__button:hover .svg-icon, button.btn-invert-green.more__button.focused .svg-icon, button.btn-invert.more__button-green:hover .svg-icon, button.btn-invert.more__button-green.focused .svg-icon, button.btn-invert.more__button-green.more__button:hover .svg-icon, button.btn-invert.more__button-green.more__button.focused .svg-icon { fill: #ffffff; stroke: #ffffff; } .btn-invert-green[data-color=oops]:link, .btn-invert-green[data-color=oops]:active, .btn-invert-green[data-color=oops]:visited, .btn-invert-green.more__button[data-color=oops]:link, .btn-invert-green.more__button[data-color=oops]:active, .btn-invert-green.more__button[data-color=oops]:visited, .btn-invert.more__button-green[data-color=oops]:link, .btn-invert.more__button-green[data-color=oops]:active, .btn-invert.more__button-green[data-color=oops]:visited, .btn-invert.more__button-green.more__button[data-color=oops]:link, .btn-invert.more__button-green.more__button[data-color=oops]:active, .btn-invert.more__button-green.more__button[data-color=oops]:visited, input.btn-invert-green[data-color=oops]:link, input.btn-invert-green[data-color=oops]:active, input.btn-invert-green[data-color=oops]:visited, input.btn-invert-green.more__button[data-color=oops]:link, input.btn-invert-green.more__button[data-color=oops]:active, input.btn-invert-green.more__button[data-color=oops]:visited, input.btn-invert.more__button-green[data-color=oops]:link, input.btn-invert.more__button-green[data-color=oops]:active, input.btn-invert.more__button-green[data-color=oops]:visited, input.btn-invert.more__button-green.more__button[data-color=oops]:link, input.btn-invert.more__button-green.more__button[data-color=oops]:active, input.btn-invert.more__button-green.more__button[data-color=oops]:visited, button.btn-invert-green[data-color=oops]:link, button.btn-invert-green[data-color=oops]:active, button.btn-invert-green[data-color=oops]:visited, button.btn-invert-green.more__button[data-color=oops]:link, button.btn-invert-green.more__button[data-color=oops]:active, button.btn-invert-green.more__button[data-color=oops]:visited, button.btn-invert.more__button-green[data-color=oops]:link, button.btn-invert.more__button-green[data-color=oops]:active, button.btn-invert.more__button-green[data-color=oops]:visited, button.btn-invert.more__button-green.more__button[data-color=oops]:link, button.btn-invert.more__button-green.more__button[data-color=oops]:active, button.btn-invert.more__button-green.more__button[data-color=oops]:visited { color: #00b637; } .btn-invert-green[data-color=oops]:hover, .btn-invert-green.more__button[data-color=oops]:hover, .btn-invert.more__button-green[data-color=oops]:hover, .btn-invert.more__button-green.more__button[data-color=oops]:hover, input.btn-invert-green[data-color=oops]:hover, input.btn-invert-green.more__button[data-color=oops]:hover, input.btn-invert.more__button-green[data-color=oops]:hover, input.btn-invert.more__button-green.more__button[data-color=oops]:hover, button.btn-invert-green[data-color=oops]:hover, button.btn-invert-green.more__button[data-color=oops]:hover, button.btn-invert.more__button-green[data-color=oops]:hover, button.btn-invert.more__button-green.more__button[data-color=oops]:hover { border: 2px solid transparent; color: #ffffff; background-image: linear-gradient(to right, #00b637 0%, #00b637 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); } .btn-green, .btn-green.more__button, input.btn-green, input.btn-green.more__button, button.btn-green, button.btn-green.more__button { background-image: linear-gradient(to right, #8dc500 0%, #8dc500 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); } .btn-green[data-color=oops], .btn-green.more__button[data-color=oops], input.btn-green[data-color=oops], input.btn-green.more__button[data-color=oops], button.btn-green[data-color=oops], button.btn-green.more__button[data-color=oops] { background-image: linear-gradient(to right, #00b637 0%, #00b637 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); } .btn-gray, input.btn-gray, button.btn-gray { background-image: linear-gradient(to right, #c5c5c5 0%, #c5c5c5 100%); } .btn-orange, input.btn-orange, button.btn-orange { background-image: linear-gradient(to right, #f38126 0%, #f38126 100%); } .btn-orange:hover, .btn-orange.focused, input.btn-orange:hover, input.btn-orange.focused, button.btn-orange:hover, button.btn-orange.focused { background-image: linear-gradient(to right, #f64b00 0%, #f64b00 100%); } .btn-switch, input.btn-switch, button.btn-switch { color: transparent !important; cursor: pointer; } .btn-switch:after, input.btn-switch:after, button.btn-switch:after { content: attr(data-add); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; position: absolute; top: 0; left: 0; } .btn-switch.btn-invert:after, input.btn-switch.btn-invert:after, button.btn-switch.btn-invert:after { color: #0d95c1; } .btn-switch:hover, .btn-switch.focused, .btn-switch.add, input.btn-switch:hover, input.btn-switch.focused, input.btn-switch.add, button.btn-switch:hover, button.btn-switch.focused, button.btn-switch.add { background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); } .btn-switch:hover:after, .btn-switch.focused:after, .btn-switch.add:after, input.btn-switch:hover:after, input.btn-switch.focused:after, input.btn-switch.add:after, button.btn-switch:hover:after, button.btn-switch.focused:after, button.btn-switch.add:after { color: #ffffff; } .btn-switch.add:after, input.btn-switch.add:after, button.btn-switch.add:after { content: attr(data-hide); } .announce { font-size: 18px; line-height: 120%; text-align: left; } .announce .check { display: none; } .announce .check:checked + .announce_label { padding: 0; background-color: rgba(55, 57, 66, 0.7); border-radius: 0 !important; box-shadow: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; } .announce .check:checked + .announce_label:before, .announce .check:checked + .announce_label:after { content: none; } .announce .check:checked + .announce_label .announce_box { display: block !important; max-height: 90vh; max-width: 800px; min-width: 280px; width: 80%; margin: auto; padding: 30px 5%; border-radius: 15px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .announce .check:checked + .announce_label .announce_box:before { content: attr(data-close); width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(15, 25, 53, 0.14); color: #63960e; font-size: 30px; line-height: 40px; text-align: center; position: absolute; top: -20px; right: -20px; } .announce .check:checked + .announce_label .announce_box:after { content: attr(data-hide); display: block; padding-top: 10px; color: #63960e; font-weight: 900; font-size: 20px; text-align: right; } .announce .check:checked + .announce_label .announce_title { text-align: center; } .announce .check:checked + .announce_label .announce_clamp { display: none !important; } .announce .check:checked + .announce_label .announce_content { max-height: calc(90vh - 150px); padding-right: 15px; font-size: 18px; line-height: 150%; overflow: auto; } .announce .announce_label { display: block; cursor: pointer; position: relative; padding-bottom: 20px; } .announce .announce_title, .announce .announce_content { display: block; width: 100%; } .announce .announce_title { width: 100%; padding: 0; font-weight: 700; font-size: 20px; line-height: 110%; text-align: left; } .announce .announce_paragraph { color: #24b9e9; } .announce .announce_content { word-wrap: break-word; overflow: hidden; pointer-events: auto; } .announce .announce_clamp:after { content: attr(data-add); margin-left: 10px; color: #24b9e9; font-size: 18px; white-space: nowrap; position: absolute; bottom: 0; right: 0; cursor: pointer; } .announce .announce_clamp:hover:after { background-position: 100%; } .announce .announce_box { display: block; } .announce:not(.user_message):not(.user_profile) .announce_label { min-height: 170px; padding: 10px 10px 40px 10px; border-radius: 10px; box-shadow: 0 7px 11px rgba(22, 86, 123, 0.34); } .announce:not(.user_message):not(.user_profile) .announce_content { max-height: 120px; } .announce:not(.user_message):not(.user_profile) .announce_clamp:after { display: block; width: 100px; padding: 9px 5px; margin: 0 10px 10px 0; border: none; border-radius: 50px; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); background-size: 500% 100%; background-position: 0%; color: #ffffff; font-weight: 700; font-size: 16px; text-align: center; white-space: nowrap; transition: background-position 1s ease-in-out; overflow: hidden; } .announce:not(.user_message):not(.user_profile) .announce_clamp:hover:after { background-position: 100%; } [class*=btn-link], [class*=btn-link] a { width: auto; border: none; outline: none; background: transparent; color: #0099cc; text-decoration: underline; cursor: pointer; } [class*=btn-link]:link, [class*=btn-link]:hover, [class*=btn-link]:active, [class*=btn-link]:visited, [class*=btn-link] a:link, [class*=btn-link] a:hover, [class*=btn-link] a:active, [class*=btn-link] a:visited { color: #0099cc; text-decoration: underline; } [class*=btn-link]:hover, [class*=btn-link]:focus, [class*=btn-link]:active, [class*=btn-link] a:hover, [class*=btn-link] a:focus, [class*=btn-link] a:active { box-shadow: none; } [class*=btn-link]:active, [class*=btn-link] a:active { position: relative; top: 0px; left: 0px; } .pagination { display: inline-block; vertical-align: middle; margin: 0; padding: 5px; font-size: 0; line-height: 0; text-align: center; white-space: nowrap; overflow: visible; position: relative; } .pagination_section { width: 100%; padding: 10px 0; text-align: right; clear: both; } .pagination_result { display: inline-block; vertical-align: middle; padding: 5px; white-space: nowrap; } .pagination > span, .pagination > a { display: inline-block; width: 30px; padding-top: 30px; box-sizing: content-box; margin: 1px; border-radius: 25%; position: relative; z-index: 1; cursor: pointer; } .pagination > span:before, .pagination > a:before { content: ""; border-radius: 20%; border-color: #24b9e9; border-width: 1px 2px 2px 1px; border-style: solid; background-color: #ffffff; box-shadow: 0px 1px 2px rgba(104, 104, 104, 0.2), 1px 0px 2px rgba(104, 104, 104, 0.2), 0px -1px 2px rgba(104, 104, 104, 0.2), -1px 0px 2px rgba(104, 104, 104, 0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .pagination > span > span, .pagination > a > span { color: #333333; font-family: "Lato", sans-serif; font-weight: 400; font-size: 18px; line-height: 0; text-decoration: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pagination > span:hover:before, .pagination > span:focus:before, .pagination > span.selected:before, .pagination > a:hover:before, .pagination > a:focus:before, .pagination > a.selected:before { background-color: #24b9e9; } .pagination > span:hover > span, .pagination > span:focus > span, .pagination > span.selected > span, .pagination > a:hover > span, .pagination > a:focus > span, .pagination > a.selected > span { color: #ffffff; font-weight: 700; text-shadow: 0px 1px 2px rgba(104, 104, 104, 0.2), 1px 0px 2px rgba(104, 104, 104, 0.2), 0px -1px 2px rgba(104, 104, 104, 0.2), -1px 0px 2px rgba(104, 104, 104, 0.2); } .pagination > span[data-pagination=first]:before, .pagination > span:first-child:before, .pagination > span[data-pagination=prev]:before, .pagination > span:nth-child(2):before, .pagination > span[data-pagination=next]:before, .pagination > span:nth-last-child(-2n+2):before, .pagination > span[data-pagination=last]:before, .pagination > span:last-child:before, .pagination > a[data-pagination=first]:before, .pagination > a:first-child:before, .pagination > a[data-pagination=prev]:before, .pagination > a:nth-child(2):before, .pagination > a[data-pagination=next]:before, .pagination > a:nth-last-child(-2n+2):before, .pagination > a[data-pagination=last]:before, .pagination > a:last-child:before { background-image: url("../images/icon-pagination-arrow.png"); background-position-x: 50%; background-size: 100% auto; background-repeat: no-repeat; } .pagination > span[data-pagination=first] > span, .pagination > span:first-child > span, .pagination > span[data-pagination=prev] > span, .pagination > span:nth-child(2) > span, .pagination > span[data-pagination=next] > span, .pagination > span:nth-last-child(-2n+2) > span, .pagination > span[data-pagination=last] > span, .pagination > span:last-child > span, .pagination > a[data-pagination=first] > span, .pagination > a:first-child > span, .pagination > a[data-pagination=prev] > span, .pagination > a:nth-child(2) > span, .pagination > a[data-pagination=next] > span, .pagination > a:nth-last-child(-2n+2) > span, .pagination > a[data-pagination=last] > span, .pagination > a:last-child > span { color: transparent; font-size: 0; } .pagination > span[data-pagination=first]:hover:before, .pagination > span[data-pagination=first]:focus:before, .pagination > span:first-child:hover:before, .pagination > span:first-child:focus:before, .pagination > span[data-pagination=prev]:hover:before, .pagination > span[data-pagination=prev]:focus:before, .pagination > span:nth-child(2):hover:before, .pagination > span:nth-child(2):focus:before, .pagination > span[data-pagination=next]:hover:before, .pagination > span[data-pagination=next]:focus:before, .pagination > span:nth-last-child(-2n+2):hover:before, .pagination > span:nth-last-child(-2n+2):focus:before, .pagination > span[data-pagination=last]:hover:before, .pagination > span[data-pagination=last]:focus:before, .pagination > span:last-child:hover:before, .pagination > span:last-child:focus:before, .pagination > a[data-pagination=first]:hover:before, .pagination > a[data-pagination=first]:focus:before, .pagination > a:first-child:hover:before, .pagination > a:first-child:focus:before, .pagination > a[data-pagination=prev]:hover:before, .pagination > a[data-pagination=prev]:focus:before, .pagination > a:nth-child(2):hover:before, .pagination > a:nth-child(2):focus:before, .pagination > a[data-pagination=next]:hover:before, .pagination > a[data-pagination=next]:focus:before, .pagination > a:nth-last-child(-2n+2):hover:before, .pagination > a:nth-last-child(-2n+2):focus:before, .pagination > a[data-pagination=last]:hover:before, .pagination > a[data-pagination=last]:focus:before, .pagination > a:last-child:hover:before, .pagination > a:last-child:focus:before { background-image: url("../images/icon-pagination-arrow-hover.png"); } .pagination > span[data-pagination=first]:hover > span, .pagination > span[data-pagination=first]:focus > span, .pagination > span:first-child:hover > span, .pagination > span:first-child:focus > span, .pagination > span[data-pagination=prev]:hover > span, .pagination > span[data-pagination=prev]:focus > span, .pagination > span:nth-child(2):hover > span, .pagination > span:nth-child(2):focus > span, .pagination > span[data-pagination=next]:hover > span, .pagination > span[data-pagination=next]:focus > span, .pagination > span:nth-last-child(-2n+2):hover > span, .pagination > span:nth-last-child(-2n+2):focus > span, .pagination > span[data-pagination=last]:hover > span, .pagination > span[data-pagination=last]:focus > span, .pagination > span:last-child:hover > span, .pagination > span:last-child:focus > span, .pagination > a[data-pagination=first]:hover > span, .pagination > a[data-pagination=first]:focus > span, .pagination > a:first-child:hover > span, .pagination > a:first-child:focus > span, .pagination > a[data-pagination=prev]:hover > span, .pagination > a[data-pagination=prev]:focus > span, .pagination > a:nth-child(2):hover > span, .pagination > a:nth-child(2):focus > span, .pagination > a[data-pagination=next]:hover > span, .pagination > a[data-pagination=next]:focus > span, .pagination > a:nth-last-child(-2n+2):hover > span, .pagination > a:nth-last-child(-2n+2):focus > span, .pagination > a[data-pagination=last]:hover > span, .pagination > a[data-pagination=last]:focus > span, .pagination > a:last-child:hover > span, .pagination > a:last-child:focus > span { color: transparent; font-size: 0; } .pagination > span[data-pagination=first]:before, .pagination > span:first-child:before, .pagination > a[data-pagination=first]:before, .pagination > a:first-child:before { background-position-y: 0; } .pagination > span[data-pagination=prev]:before, .pagination > span:nth-child(2):before, .pagination > a[data-pagination=prev]:before, .pagination > a:nth-child(2):before { background-position-y: 33.33%; } .pagination > span[data-pagination=next]:before, .pagination > span:nth-last-child(-2n+2):before, .pagination > a[data-pagination=next]:before, .pagination > a:nth-last-child(-2n+2):before { background-position-y: 66.66%; } .pagination > span[data-pagination=last]:before, .pagination > span:last-child:before, .pagination > a[data-pagination=last]:before, .pagination > a:last-child:before { background-position-y: 100%; } [class*=nav-arrow] { padding-right: 20px; position: relative; cursor: pointer; } [class*=nav-arrow]:before { content: " "; position: absolute; top: calc(50% - 3px); right: 5px; width: 0; height: 0; overflow: hidden; border-top: 9px solid #333333; border-right: 6px solid transparent; border-left: 6px solid transparent; } .arrow-rotate:before { transform: rotate(180deg); top: calc(50% - 9px); } .preview_sign_block { max-width: 600px; min-width: 220px; width: 100%; padding: 0; text-align: left; } .preview_sign_block .preview_sign_big, .preview_sign_block .preview_sign_thumbs .preview_sign_thumb a { display: inline-block; width: 100%; position: relative; overflow: hidden; cursor: auto; } .preview_sign_block .preview_sign_big, .preview_sign_block .preview_sign_thumbs .preview_sign_thumb { overflow: hidden; } .preview_sign_block .preview_sign_big img, .preview_sign_block .preview_sign_thumbs .preview_sign_thumb img { display: block; width: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; } .preview_sign_block .preview_sign_big { padding-top: 150%; margin: -20px 0 0 -20px; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); } .preview_sign_block .preview_sign_thumbs .preview_sign_thumb a { padding-top: 120%; } .preview_sign_block .preview_sign_main { margin-bottom: 5%; padding: 0 1%; } .preview_sign_block .preview_sign_thumbs { margin-top: 10px; margin-bottom: -1.5%; font-size: 0; } .preview_sign_block .preview_sign_thumbs .preview_sign_thumb { min-width: 70px; } .preview_sign_block .preview_sign_data { font-size: 18px; line-height: 20px; } .preview_sign_block .preview_sign_buttons { margin-top: 10px; padding: 0; border-radius: 0 0 20px 20px; } .preview_sign_block .preview_sign_buttons .sign_buttons { font-size: 0; } .preview_sign_block .preview_sign_buttons .sign_buttons [class*=btn], .preview_sign_block .preview_sign_buttons .sign_buttons #blockLoginSocial { display: inline-block; vertical-align: middle; min-width: 90px; width: 20%; margin: 5px; } .preview_sign_block .preview_sign_buttons .sign_buttons [class*=btn] { height: 40px; } .preview_sign_block .preview_sign_buttons .sign_buttons #blockLoginSocial { min-width: 216px; } .preview_sign_block .preview_sign_buttons .sign_buttons #blockLoginSocial img { margin: auto; } .preview_sign_block p { text-align: center; } .preview_sign_content { display: table; width: 100%; } .preview_sign_cell { display: table-cell; vertical-align: bottom; } .preview_sign_cell.preview_sign_right { width: 70%; padding: 0 25px 0 5px; } .preview_sign_name { color: #24b9e9; font-family: "Lato-Black", sans-serif; font-size: 22px; } @media screen and (max-width: 568px) { .preview_sign_content, .preview_sign_cell, .preview_sign_cell.preview_sign_right { display: block; } .preview_sign_block .preview_sign_big { margin-left: 0; } .preview_sign_cell.preview_sign_left { max-width: 250px; width: 60%; margin: auto; } .preview_sign_cell.preview_sign_right { width: 100%; padding: 10px 20px 0px 20px; } } .table_responsive { max-width: 100%; width: 100%; margin: 0 auto; border-collapse: collapse; } .table_responsive.mw-800 { max-width: 800px; } .table_responsive thead tr th { padding: 3% 3% 0 3%; font-weight: 700; white-space: nowrap; text-align: center; } .table_responsive tbody tr td { padding: 0 3%; } .table_responsive td, .table_responsive th { font-weight: 400; font-size: 1.2rem; line-height: 100%; } .table_responsive thead tr th { color: #8dc500; font-weight: 700; } .table_responsive.credits_plan { margin: 0; } .table_responsive.credits_plan .check-btn { display: inline-block; vertical-align: middle; width: 110px; padding: 7px 5px; outline: none; border: 2px solid #8dc500; border-radius: 40px; background: none; color: #8dc500; text-decoration: none; font-size: 16px; font-family: "Lato-Black", sans-serif; text-align: center; cursor: pointer; } .table_responsive.credits_plan .check-btn:after { content: attr(data-add); } .table_responsive.credits_plan .check-btn:hover { background: #8dc500; color: #ffffff; } .table_responsive.credits_plan tr { height: 40px; position: relative; overflow: hidden; } .table_responsive.credits_plan tr.hasChecked .check-btn { background: #8dc500; color: #ffffff; } @supports selector(:has(*)) { .table_responsive.credits_plan tr:has(.check-input:checked) .check-btn { background: #8dc500; color: #ffffff; } } .table_responsive.contact__history thead tr th, .table_responsive.credits_plan thead tr th { padding: 5px; } .table_responsive.contact__history tbody tr:last-child:only-child td, .table_responsive.credits_plan tbody tr:last-child:only-child td { border-width: 0; } .table_responsive.contact__history tbody tr td, .table_responsive.credits_plan tbody tr td { padding: 5px; text-align: center; } .table_responsive.contact__history tfoot tr td, .table_responsive.credits_plan tfoot tr td { padding: 5px; } .table_responsive.contact__history th, .table_responsive.contact__history td, .table_responsive.credits_plan th, .table_responsive.credits_plan td { border-style: solid; border-color: #8dc500; border-width: 0px 0px 1px 0px; text-align: center; } .table_responsive.contact__history th.nbr, .table_responsive.contact__history td.nbr, .table_responsive.credits_plan th.nbr, .table_responsive.credits_plan td.nbr { border-width: 0; } .table_responsive.contact__history th:last-of-type, .table_responsive.contact__history td:last-of-type, .table_responsive.credits_plan th:last-of-type, .table_responsive.credits_plan td:last-of-type { width: 120px; padding-left: 0; padding-right: 0; } .table_responsive.contact__history:not(.contact__history-last) th:last-of-type, .table_responsive.contact__history:not(.contact__history-last) td:last-of-type, .table_responsive.credits_plan:not(.contact__history-last) th:last-of-type, .table_responsive.credits_plan:not(.contact__history-last) td:last-of-type { width: 120px; padding-left: 0; padding-right: 0; } .table_responsive.contact__history .btn, .table_responsive.credits_plan .btn { max-width: 110px; height: 40px; font-size: 16px; } .table_responsive.giftResult { display: inline-table; width: auto; } .table_responsive.giftResult td { max-width: 50%; vertical-align: top; } .table_responsive.giftResult td > * { display: inline-block; vertical-align: top; } .table_responsive.giftResult td:first-child { text-align: right; padding-left: 0; padding-right: 3px; } .table_responsive.giftResult td:last-child { text-align: left; padding-left: 3px; padding-right: 0; } .table_responsive.accountSettings__buttons tbody tr td { padding: 0; text-align: left; } .table_responsive.accountSettings__buttons tbody tr td:last-of-type { padding-left: 5px; text-align: right; } @media screen and (max-width: 768px) { .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) thead { display: none; } .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tbody, .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tfoot > tr, .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tbody > tr, .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tfoot > tr > td, .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tbody > tr > td { display: block; } .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tbody tr td[data-label]:before, .table_responsive:not(.table_responsive-full):not(.giftResult):not(.credits_plan):not(.accountSettings__buttons) tfoot tr td[data-label]:before { content: attr(data-label); display: inline-block; width: 50%; padding: 0 5px 0 0; font-weight: 700; white-space: nowrap; } .table_responsive.contact__history tbody tr:last-child:only-child td:not(.nbr):not(:nth-last-child(-2n+2)) { border-style: solid; border-width: 0px 0px 1px 0px; } .table_responsive.contact__history tbody tr td { padding: 5px 0; text-align: left; } .table_responsive.contact__history tbody tr td:not(.nbr):not(:nth-last-child(-2n+2)) { border-style: solid; border-width: 0px 0px 1px 0px; } .table_responsive.contact__history:not(.contact__history-last) td:last-of-type { width: 100%; } .table_responsive.contact__history [class*=btn] { margin: 5px auto 15px; } } @media screen and (max-width: 480px) { .table_responsive.giftResult thead, .table_responsive.credits_plan thead, .table_responsive.accountSettings__buttons thead { display: none; } .table_responsive.giftResult tbody, .table_responsive.giftResult tbody > tr, .table_responsive.giftResult tbody > tr > td, .table_responsive.credits_plan tbody, .table_responsive.credits_plan tbody > tr, .table_responsive.credits_plan tbody > tr > td, .table_responsive.accountSettings__buttons tbody, .table_responsive.accountSettings__buttons tbody > tr, .table_responsive.accountSettings__buttons tbody > tr > td { display: block; } .table_responsive.giftResult tbody tr td, .table_responsive.credits_plan tbody tr td, .table_responsive.accountSettings__buttons tbody tr td { max-width: 100%; width: 100%; vertical-align: middle; } .table_responsive.giftResult tbody tr td > *, .table_responsive.credits_plan tbody tr td > *, .table_responsive.accountSettings__buttons tbody tr td > * { vertical-align: middle; } .table_responsive.giftResult tbody tr td:first-child, .table_responsive.credits_plan tbody tr td:first-child { text-align: left; } .table_responsive.giftResult tbody tr td[data-label]:before, .table_responsive.credits_plan tbody tr td[data-label]:before { content: attr(data-label); display: inline-block; vertical-align: middle; width: 75px; padding: 0 5px 0 0; font-weight: 700; } .table_responsive.credits_plan th, .table_responsive.credits_plan td { border: none; } .table_responsive.credits_plan tbody tr { outline: 1px solid #8dc500; outline-offset: -3px; height: 70px; } .table_responsive.credits_plan tbody tr td { padding: 2px 125px 2px 7px; text-align: left; } .table_responsive.credits_plan tbody tr td.check, .table_responsive.credits_plan tbody tr td[data-label=Discount] { display: none; } .table_responsive.credits_plan tbody tr td[data-label]:before { width: 90px; white-space: nowrap; } .table_responsive.credits_plan tbody tr td.nbr { width: auto; text-align: center; white-space: nowrap; position: absolute; top: 0; right: 5px; bottom: 0; } .table_responsive.credits_plan tbody tr td.nbr:before, .table_responsive.credits_plan tbody tr td.nbr:after { content: ""; height: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; clear: both; } .table_responsive.accountSettings__buttons tbody tr td, .table_responsive.accountSettings__buttons tbody tr td:last-of-type { padding: 2px 0; text-align: center; } } .faq [class*=table] { width: 100%; filter: drop-shadow(0px 3px 2px #686868); } .faq [class*=table] > thead > tr { border: 10px solid #f2f2f2; background: #f2f2f2; } .faq [class*=table] > thead > tr > th { padding: 1% 1% 0 1%; color: #333333; font-weight: 700; text-align: center; } .faq [class*=table] > thead > tr > th.vip { color: #0d95c1; } .faq [class*=table] > tbody > tr { border: 10px solid #f2f2f2; background: #ffffff; outline: 1px solid #b3b3b3; outline-offset: -6px; } .faq [class*=table] > tbody > tr > td { min-height: 2rem; padding: 1%; text-align: center; } .faq [class*=table] > tbody > tr > td:not(:first-of-type) { text-align: center; white-space: nowrap; } .faq [class*=table] > tbody > tr > td:first-of-type { text-align: left; } .faq [class*=table] > tfoot > tr { border: 10px solid #f2f2f2; background: #f2f2f2; } .faq [class*=table] > tfoot > tr > td { padding: 1%; } .faq [class*=table] sup { font-size: 1rem; font-weight: 700; } @media screen and (max-width: 768px) { .faq [class*=table_responsive] > tbody > tr { outline-offset: -11px; padding: 0 5px; position: relative; } .faq [class*=table_responsive] > tbody > tr > td:first-child { padding: 1% !important; text-align: center; } .faq [class*=table_responsive] > tbody > tr > td.check { height: 100% !important; padding: 0 !important; border-right: 1px solid #b3b3b3; position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; } .credits_prices [class*=table_responsive] tbody tr td:last-of-type:before, .faq [class*=table_responsive] tbody tr td:last-of-type:before { color: #3292b3; } } @media screen and (max-width: 480px) { .mail .user_block:not(.stories) .user.table_responsive-full > tbody > tr:first-child { padding: 50px 0 0 0; position: relative; } .mail .user_block:not(.stories) .user.table_responsive-full > tbody > tr:first-child > td.mail_td { width: 100%; height: 100%; position: absolute; top: -2px; left: 0; z-index: -1; } .mail .user_block:not(.stories) .user.table_responsive-full > tbody > tr:first-child > td:last-child:not(.mail_td) { width: calc(100% - 130px); } .mail.letter .user_block:not(.stories) .user.table_responsive-full > tbody > tr:first-child { padding: 20px 0 0 0; } } [data-slider=sliderTab].slider-init { max-width: 1200px; margin: auto; padding: 0; text-align: center; } [data-slider=sliderTab].slider-init .slider-button-prev, [data-slider=sliderTab].slider-init .slider-button-next, [data-slider=sliderTab].slider-init .slider-count { display: block; } [data-slider=sliderTab].slider-init.ladies-preview .slider-count { display: none; } [data-slider=sliderTab] .slider-button-prev, [data-slider=sliderTab] .slider-button-next { display: none; width: 40px; height: 40px; margin: -20px 0; padding: 0; border-radius: 50%; outline: none; background-color: #ffffff; box-shadow: 0px 14px 22px rgba(1, 1, 1, 0.14); position: absolute; top: 50%; z-index: 1; cursor: pointer; } [data-slider=sliderTab] .slider-button-prev:before, [data-slider=sliderTab] .slider-button-prev:after, [data-slider=sliderTab] .slider-button-next:before, [data-slider=sliderTab] .slider-button-next:after { content: ""; height: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; clear: both; } [data-slider=sliderTab] .slider-button-prev svg, [data-slider=sliderTab] .slider-button-next svg { display: inline-block; vertical-align: middle; width: 75%; fill: #24b9e9; stroke: #24b9e9; } [data-slider=sliderTab] .slider-button-prev > *, [data-slider=sliderTab] .slider-button-next > * { pointer-events: none; } [data-slider=sliderTab] .slider-button-prev:hover svg, [data-slider=sliderTab] .slider-button-prev:focus svg, [data-slider=sliderTab] .slider-button-next:hover svg, [data-slider=sliderTab] .slider-button-next:focus svg { fill: #8dc500; stroke: #8dc500; } [data-slider=sliderTab] .slider-button-prev { right: 100%; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); } [data-slider=sliderTab] .slider-button-next { left: 100%; box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.5); } [data-slider=sliderTab] .slider-button-deActive { opacity: 0; cursor: auto; pointer-events: none; } [data-slider=sliderTab] .slider-count { display: none; font-size: 1.2rem; margin: auto; position: relative; } [data-slider=sliderTab] .slider-count [data-count-current]:before { content: attr(data-count-current); } [data-slider=sliderTab] .slider-count [data-count-min]:before { content: attr(data-count-min) " - "; } [data-slider=sliderTab] .slider-count [data-count-max]:before { content: attr(data-count-max) " / "; } [data-slider=sliderTab] .slider-count [data-count-length]:before { content: attr(data-count-length); color: #8dc500; font-family: "Lato-Black", sans-serif; } [data-slider=sliderTab][data-count-view-max="1"] .slider-count [data-count-min]:before { content: attr(data-count-min); } [data-slider=sliderTab][data-count-view-max="1"] .slider-count [data-count-max]:before { content: " / "; } [data-slider=sliderTab].ladies-preview, [data-slider=sliderTab].photoAlbum, [data-slider=sliderTab].ladies-video, [data-slider=sliderTab].slider-girl { margin: 0; } [data-slider=sliderTab].ladies-preview .gallery, [data-slider=sliderTab].photoAlbum .gallery, [data-slider=sliderTab].ladies-video .gallery, [data-slider=sliderTab].slider-girl .gallery { text-align: left; } [data-slider=sliderTab].ladies-preview .slider-item, [data-slider=sliderTab].photoAlbum .slider-item, [data-slider=sliderTab].ladies-video .slider-item, [data-slider=sliderTab].slider-girl .slider-item { display: inline-block; padding: 0 1.5%; font-size: 1rem; } [data-slider=sliderTab].ladies-preview .slider-button-prev, [data-slider=sliderTab].photoAlbum .slider-button-prev, [data-slider=sliderTab].ladies-video .slider-button-prev, [data-slider=sliderTab].slider-girl .slider-button-prev { margin-right: -40px; } [data-slider=sliderTab].ladies-preview .slider-button-next, [data-slider=sliderTab].photoAlbum .slider-button-next, [data-slider=sliderTab].ladies-video .slider-button-next, [data-slider=sliderTab].slider-girl .slider-button-next { margin-left: -40px; } [data-slider=sliderTab].ladies-preview .slider-container, [data-slider=sliderTab].photoAlbum .slider-container, [data-slider=sliderTab].ladies-video .slider-container, [data-slider=sliderTab].slider-girl .slider-container { padding: 0; } [data-slider=sliderTab].ladies-preview .slider-wrapper, [data-slider=sliderTab].photoAlbum .slider-wrapper, [data-slider=sliderTab].ladies-video .slider-wrapper, [data-slider=sliderTab].slider-girl .slider-wrapper { width: 100%; padding: 0; font-size: 0; position: relative; } [data-slider=sliderTab].slider-girl .slider-button-prev, [data-slider=sliderTab].slider-girl .slider-button-next { width: 30px; height: 30px; margin-top: -15px; padding: 0; border-radius: 50%; outline: none; background-color: #ffffff; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; z-index: 1; } [data-slider=sliderTab].slider-girl .slider-button-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNpi/P//PwOtARMDHcCoJfSzxNfX9x8QT6OZJUDDHwEpRiCeQEgtC5kWPAZSMkDMv3nz5k9UtwTJAj6gBZ+J0cNCogVPgJQ0KRaQFCfkWkCUT4CGswGpq1AL+Em1gFifNAKxChBbEBPJ5FrSCsSgoDoM9BUnOZYwElsKAy14DaQEgJgX6KMfNMnxQINFgdQHIP4CtJCDZsUK1KJ3pFpEcrECtEgMySJOmliCZtE3oEWKNCsgoRaBQDHVUtdozTi8LAEIMADduEql8nWuSQAAAABJRU5ErkJggg=="); } [data-slider=sliderTab].slider-girl .slider-button-prev:hover, [data-slider=sliderTab].slider-girl .slider-button-prev:focus { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpi/P//PwOtARMDHcCoJXS15B8QTyOkiJGC1PUIiGWBWB2Ib+FTyEKmBY+BWAaI+YH4EyHFLBRYwAfEn4nRQKolT4BYmhQLSI14siwg1hI2IL4NtYCfVAuItaQRiFWA2IKYSCY3CfMA8XUgFof65DstLIGB10AsAMS8QPyDVjleFIg/APEXIOagZbECsugdqRaRU3aJIVnEScsCEmbRNyBWpGUpLAali2lRdqGkztGacWhaAhBgAGj3KDKFSWTUAAAAAElFTkSuQmCC"); } [data-slider=sliderTab].slider-girl .slider-button-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpi/P//PwOtAeOoJYPOEiZCCnx9facB8T+aWgIEE0A+Blr0iKbBBbSAD0h9BOInmzdvlqVZnAAt4gVSn8ixiKSIR7LoKdAiGZqlLnIsIisJI8XRHSDWBlr2i9LUhQGAhoJ8YgHEKkDcSI0kjM0nnEDqMCgRAHErLeKEA0h9BuIPQB+J0iJ1gSz4AsTvibWA1HwCs+Ad0AIxWuR4TmgQkWwBUZYALVAEUveA+DU5FhCbuoqhyZYsC0ZrxhFsCUCAAQDzLX5F1zAGoQAAAABJRU5ErkJggg=="); } [data-slider=sliderTab].slider-girl .slider-button-next:hover, [data-slider=sliderTab].slider-girl .slider-button-next:focus { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwOtARMDHcCoJVS3ZBoQ/6PEEkYiUpcaEN8E4sdALEcrS0CAD4g/AvETIJalVZx8glokA/URzSL+M5JFT2iZumAWSZNiETlJGGQRP9Si20DMRqt8AoojCyBWAeJGaqUudMAJTW0vgVgTiL9Q2xIOaJB9AGJRWsQJB9TVRFtAqiUwC96RYgEplnAiWSBGi8yoCMTfyLWAWEuKobQYmcmd7CQ8WjMOcUsAAgwAOEUvITGDz5UAAAAASUVORK5CYII="); } [data-slider=sliderTab].slider-girl .slider-button:hover, [data-slider=sliderTab].slider-girl .slider-button:focus { background-color: #8dc500; } [data-slider=sliderTab].slider-girl .slider-wrapper { white-space: nowrap; overflow: hidden; } [data-slider=sliderTab].slider-girl .slider-item { overflow: hidden; } [data-slider=sliderTab].slider-init .slider-container { padding: 0px 20px; text-align: center; position: relative; } [data-slider=sliderTab].slider-init .slider-wrapper { width: 100%; padding: 0; font-size: 0; position: relative; } [data-slider=sliderTab].slider-init .slider-item { display: inline-block; float: none; margin: 0 !important; padding: 0 1.5% !important; font-size: 1rem; box-sizing: border-box; } [data-slider=sliderTab].slider-init .slider-item a { position: relative; } [data-slider=sliderTab].slider-init.slider-girl { max-width: 100%; border: 2px solid #8dc500; border-radius: 10px; padding: 10px 40px; } [data-slider=sliderTab].slider-init.slider-girl .slider-container { padding: 0; } [data-slider=sliderTab].slider-init.slider-girl .slider-item.fade { width: 0 !important; padding: 0 !important; transition: width, padding 0.5s linear; } [data-slider=sliderTab].slider-init.slider-girl .slider-item.fade .user_block { opacity: 0; } [data-slider=sliderTab].slider-init.slider-girl .slider-item.fade .user_avatar { min-width: 0; } [data-slider=sliderTab].slider-girl [data-column="1"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="1"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="1"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="1"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="1"] > .slider-item, [data-slider=sliderTab] [data-column="1"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="1"] > .swiper-slide { width: 100% !important; } [data-slider=sliderTab].slider-girl [data-column="2"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="2"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="2"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="2"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="2"] > .slider-item, [data-slider=sliderTab] [data-column="2"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="2"] > .swiper-slide { width: 50% !important; } [data-slider=sliderTab].slider-girl [data-column="3"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="3"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="3"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="3"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="3"] > .slider-item, [data-slider=sliderTab] [data-column="3"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="3"] > .swiper-slide { width: 33.3333333333% !important; } [data-slider=sliderTab].slider-girl [data-column="4"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="4"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="4"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="4"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="4"] > .slider-item, [data-slider=sliderTab] [data-column="4"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="4"] > .swiper-slide { width: 25% !important; } [data-slider=sliderTab].slider-girl [data-column="5"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="5"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="5"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="5"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="5"] > .slider-item, [data-slider=sliderTab] [data-column="5"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="5"] > .swiper-slide { width: 20% !important; } [data-slider=sliderTab].slider-girl [data-column="6"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="6"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="6"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="6"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="6"] > .slider-item, [data-slider=sliderTab] [data-column="6"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="6"] > .swiper-slide { width: 16.66% !important; } [data-slider=sliderTab].slider-girl [data-column="7"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="7"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="7"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="7"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="7"] > .slider-item, [data-slider=sliderTab] [data-column="7"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="7"] > .swiper-slide { width: 14.28% !important; } [data-slider=sliderTab].slider-girl [data-column="8"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="8"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="8"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="8"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="8"] > .slider-item, [data-slider=sliderTab] [data-column="8"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="8"] > .swiper-slide { width: 12.5% !important; } [data-slider=sliderTab].slider-girl [data-column="9"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="9"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="9"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="9"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="9"] > .slider-item, [data-slider=sliderTab] [data-column="9"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="9"] > .swiper-slide { width: 11.11% !important; } [data-slider=sliderTab].slider-girl [data-column="10"] > .slider-item, [data-slider=sliderTab].photoAlbum [data-column="10"] > .slider-item, [data-slider=sliderTab].ladies-preview [data-column="10"] > .slider-item, [data-slider=sliderTab].ladies-video [data-column="10"] > .slider-item, [data-slider=sliderTab].slider-init [data-column="10"] > .slider-item, [data-slider=sliderTab] [data-column="10"] > .slider-item.listUser__item, .swiper-container:not(.swiper-container-initialized) [data-column="10"] > .swiper-slide { width: 10% !important; } /* ---- MODAL STYLE ---- */ .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1100; } .modal__wrapper { width: 100%; height: 100%; position: relative; } .modal__bg { width: 100%; height: 100%; background-color: #000; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 1; } .modal__content { max-width: 570px; min-width: 280px; width: 80%; padding: 50px 0px 10px 0px; border-radius: 20px; background: #ffffff; text-align: center; position: absolute; top: 20px; left: 50%; z-index: 100; transform: translateX(-50%); } .modal__content.popup { top: 50%; transform: translate(-50%, -50%); } .modal__container { margin: 0 20px; border: 1px solid #c5c5c5; border-radius: 10px; background-color: #f8f9fb; position: relative; } .modal__container:before, .modal__container:after { content: ""; width: 16%; background-color: #f8f9fb; position: absolute; top: 0; left: 50%; z-index: 0; } .modal__container:before { padding-top: 16%; margin: -8%; border: 1px solid #c5c5c5; border-radius: 50%; } .modal__container:after { padding-top: 8%; margin: 0 -8%; border: 1px solid #f8f9fb; } .modal__logo { width: 16%; padding-top: 16%; margin: -8% auto 0; background-image: url("../images/favicons/png/128x128.png"); background-position: 50% 50%; background-size: 60% auto; background-repeat: no-repeat; position: relative; z-index: 1; } .modal__title, .modal__text { padding: 1rem 0; color: inherit; } .modal__text { max-height: 60vh; height: 100%; padding: 10px; text-align: left; overflow: auto; } .modal__text ul { list-style: disc; padding-left: 20px; font-size: 1rem; } .modal__text ul li { padding: 3px 0; text-align: left; } .modal__footer { width: 100%; padding: 10px 0; } .modal__close { width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.5); top: -20px; right: -20px; } .modal .logo { font-size: 48px !important; } .modal .btn { max-width: 250px; margin: 5px; } .modal-anketa .modal__content { padding: 0; } .modal-anketa .modal__container { margin: 0; border: none; border-radius: 0; background-color: transparent; } .modal-anketa .modal__container:before, .modal-anketa .modal__container:after { content: none; } .modal-anketa .modal__logo { display: none; } .modal-anketa .modal__text { max-height: none; height: auto; padding: 0; overflow: visible; } .modal-delAccount .modal__text, .modal-payment .modal__text, .modal-mailbox .modal__text, .modal-ignoreList .modal__text { text-align: center; } .modal-delAccount .modal__text h2, .modal-payment .modal__text h2, .modal-mailbox .modal__text h2, .modal-ignoreList .modal__text h2 { font-weight: 700; text-transform: uppercase; } .modal-delAccount .modal__text p, .modal-payment .modal__text p, .modal-mailbox .modal__text p, .modal-ignoreList .modal__text p { padding: 5px 0; text-align: center; } .modal-delAccount .modal__text h2 { color: #ff0000; } .modal .previewGift .gift_item { width: 110px; height: 130px; } .modal .previewGift .gift_item_pict { width: 50%; padding-top: 50%; } .modal .previewGift .gift_item_hover { display: block; } .modal .previewGift .gift_item.nav-check > .nav-check_input:checked + .nav-check_label .gift_item_pict, .modal .previewGift .gift_item.nav-check > .nav-check_input[checked] + .nav-check_label .gift_item_pict { background: none; } .modal .previewGift .gift_item.nav-check > .nav-check_input:checked + .nav-check_label .gift_item_pict img, .modal .previewGift .gift_item.nav-check > .nav-check_input[checked] + .nav-check_label .gift_item_pict img { opacity: 1; } .modal .previewGift .gift_item .nav-check_label { box-shadow: 0 0 5px #24b9e9; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 3px 2px #686868); cursor: auto; pointer-events: none; } .modal .previewGift #search_result img { display: block; margin: 5px; border-radius: 10px; box-shadow: 0 0 5px #24b9e9; filter: drop-shadow(0px 3px 2px #686868); } .modal .previewGift #search_result span, .modal .previewGift #search_result a { color: inherit !important; font-family: inherit !important; line-height: 110% !important; } .modal .previewGift #search_result .gal_name a { color: #24b9e9 !important; } .modal .previewDeletePhoto_buttons { font-size: 0; } .modal .previewDeletePhoto_buttons .btn { width: 48%; } [payment-price] > * { pointer-events: none; } .b-action { display: block; max-width: 900px; width: 100%; margin: auto; text-align: center; } .b-action-wrap { display: inline-block; max-width: 100%; width: 100%; } .b-action-block { width: 100%; padding-top: 9.5%; display: inline-block; position: relative; overflow: hidden; } .b-action a, .b-action img { display: block; width: 100%; position: absolute; top: 0; left: 0; } .b-action a { height: 100%; text-decoration: none; } /* ---- BUBBLE STYLES ---- */ .chatRequestPopup { width: auto; height: auto; border: none; transition: all 0.3s ease-in; position: fixed; bottom: 0; right: 10px; z-index: 12345678; } .chatRequestPopup * { box-sizing: border-box; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } .chatRequestPopup input.nav__check { display: none; } .chatRequestPopup input.nav__check:checked ~ label.nav__label { width: 70px; height: 70px; border: none; border-radius: 0; background-color: transparent; top: auto; bottom: 5px; right: 0; } .chatRequestPopup input.nav__check:checked ~ label.nav__label:after { background-image: url("../images/bubble/bubble-icon.png"); opacity: 1; } .chatRequestPopup input.nav__check:checked ~ .chatRequestPopup_container { display: none; } .chatRequestPopup label.nav__label { display: none; width: 30px; height: 30px; border: 2px solid #8dc500; border-radius: 50%; background-color: #ffffff; position: absolute; top: -7px; bottom: auto; right: 15px; z-index: 1; cursor: pointer; } .chatRequestPopup label.nav__label:after { content: ""; width: 100%; height: 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlxJREFUeNrsmMlKA0EQhh0RRDHm4L6EqKggnqLi9hZefAk9CeJR8aSgnn0iwS1xxYMouON2UESNRse/oAJNZbKME51O6IafWUy3/aX6r+qOZdt2STG00pIiaQbEgBiQzK3M6wAra5an/lOjtjoWfbE23tkFHREAfONiAaiCoQp3aREM9IbbQFF4BDBPiIpVFGZ34xWTfgsGxM361L2OUNZ4zgBaics8f46uV7+sQ9W4LECUemfhi8e8gmDA5yx9F6FJvh+D+qBLl/8/CG1CXfxcD43/t0ealfs6aANqddE/ICCotfhh9mnoQXlugmJQOIe+tJy2BcQnNPHvIFh6p7j0C2/UcmTCWZbThoB4gQYx5s5v52N5PerCrLTEdhki2ShSA9BZFk8kI9EHiAO/68g1T/pORGYLCinvqhwgXqEhrxD5LIhnvMweBEwUKufnqEMkBgAR062yXzKMjAyZel1AxCkS0JE2ByvRznmZRRXP9IrPUCQGoT3d91oXUDtHQrZjqC3fEH+5aaR0+uHwPgHdF8ruN8Df/IjD33o4y4V0Bwly2u0U6fnEITWHdQVJ7p26lXe0vCJseDU11zNMo24g1TyxlDrB6TjOQLLOxLAzCOsCEuAM1e1QJ/Yd6syt8o4isg2YkK8gmICTJ955wrE0dSYiYGpoDK+RKfUA0ZDGE5StDjN0veGCmOIZjNnhR0SWhCfe2BO5bMXP03hm1Q+QhDD2sPBErnszFebLj70WnRAtNvucSwg1MnTWX+YfH2Z8O1hp/7uWATEgBsSAGBADYkAMiAExIMn2I8AAZO+pbrfN/XMAAAAASUVORK5CYII="); background-position: 50% 0%; background-size: 100% auto; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } .chatRequestPopup label.nav__label:hover { background-color: #8dc500; } .chatRequestPopup label.nav__label:hover:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrsmMtKw0AUhlMRRDHtwqrYqxa7EC1YFdEHE7c+gK4UwbU7H8FH8FZQBLW40SK9bURrba3Gf2DEcZi0TTIhMczAB81MJj1//5kzpwkZhqEFoQ1oAWlKiBKihPwvISSeUBCEfFEhw1Zj8+PSImKaQLcyKeTzA5G4YwRhsxv/eWmp9NttfQZCSK+sMQK2wQGIO4ghDPbBHhizv5uQtWyya/y2KkjYeEYE3DHPObIbj5M9EmM+j4MTkLAwnzh+CrJMX9wLRzKgZvxt5Drdx9ww5wRpbbBoNx4nQggpUOICqvQQQ5bTDTfnxYkIGUIIMQvOREycWHAahwwhGg26IhCTZO4ZFYhogLyMGGQJ0WjWEjkzRMdFTszJ+n7ZRWOKZqIJpu8aNMAq09cC66Agrbp0ofpNggsQNRn/ACvg0u+11iOYAeeCsSKYli3CzaLxFbQF/R1Qc+WPiwtLS6dLa9ZkvA6WqHO+dSQCzjgRT+CeuY7Se9J+dUSn+4Ktndp08z+DEpcAiDM5UPaTI2H6K2cF2alK022eBs86U5DmjITDSAdF7rB7NzmxSW1W5u6tcxWAJyc7qZ1uucCaYL7LnCmBmEqfVbMrQiYFZUerzyo2ZVLOZLwQcsgF8gZyDmuzYy/+IXa4jb0GrizMJ1lsmUsAn3aDGXQgZIO+aSFpd8uiiJ/2QA/HHfqqdNNPJ7t6QaeEKCFKiBKihCghSogSooT4s30LMAC1X4Qu39DShwAAAABJRU5ErkJggg=="); } .chatRequestPopup .chatRequestPopup_content { width: 100%; height: 100%; padding: 0 30px; background: transparent; position: absolute; top: 0; left: 0; overflow: hidden; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_list { width: 100%; height: 100%; padding: 0; position: relative; white-space: nowrap; } .chatRequestPopup .chatRequestPopup_content [data-action=prev], .chatRequestPopup .chatRequestPopup_content [data-action=next] { display: none; width: 30px; height: calc(100% - 40px); margin: 0; position: absolute; top: 0; z-index: 10; cursor: pointer; } .chatRequestPopup .chatRequestPopup_content [data-action=prev]:after, .chatRequestPopup .chatRequestPopup_content [data-action=next]:after { content: ""; width: 90%; padding-top: 90%; border-radius: 50%; background-color: #ffffff; background-position: 50% 50%; background-size: 18px auto; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .chatRequestPopup .chatRequestPopup_content [data-action=prev]:hover:after, .chatRequestPopup .chatRequestPopup_content [data-action=next]:hover:after { background-color: #8dc500; } .chatRequestPopup .chatRequestPopup_content [data-action=prev] { left: 0; } .chatRequestPopup .chatRequestPopup_content [data-action=prev]:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNrEl7EOAUEQhu1F9B7n9BLR6EgQ3sGD8AoKp9CpNXKFaHkQjYYo1n/JtvZ2d/45l/yZZuX7bhM3M8Za29J41hczRtkgs1XPnn+dayvBJyg75IM8fGczBfgcpUDeyABvf29MwMG3yAsZAl7W/Sb7J5wmkAqnCEjgYgEpXCTAgCcLsOBJAkx4tAAbHiWgAQ8W0IIHCWjCq8f42jHgOUrputoI8BO7edXdgM6wECqAN76iLJEOcsSN9Ju+gUpij7LQkgj6F2hKBH8HtCSivoQaEtG9gC2R1A2ZEsnzAEtCNBExJMQzoVSCMhVLJGh7QaoEdTNKkTAa27HbjAvXxnOI3RpbTt1NHFCmyBPp+s5+BRgABs6yWQXxhv4AAAAASUVORK5CYII="); } .chatRequestPopup .chatRequestPopup_content [data-action=prev]:hover:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANpJREFUeNrElzEOwjAQBC3EB3gJNU1EwxdAingeVf6VlgZEEySzBbSOb29XWJruTjuxk5xcaq3FxBnM4Niq2xbPuoAbWMC9WWl48it4gycY1ur/Gq4WCIcrBahwlQAdrhBIhWcF0uEZAUk4KyALZwSk4VEBeXhEwBLeK2AL7xE4gAW8wMkxtjcrY7UW9+qwHL9HYNmF3kKbRKTYIhFtkEswTVIJtlEmkbGXSGTPMC2heJNTEqrvmZZQ/tUoCfVwCUs4rmYhCefN+DfG95lxzK4JjOABdq3CjwADAMaOJHiFa99LAAAAAElFTkSuQmCC"); } .chatRequestPopup .chatRequestPopup_content [data-action=next] { right: 0; } .chatRequestPopup .chatRequestPopup_content [data-action=next]:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQtJREFUeNq8lzEOwjAMRVsL2DkJOwNiQUJcAAkQd4CDcAYWGNi4AgNl5iAsLDCVX6kjbRP7O5a+PCTRf7bcRsnLssya4nDPp0gnaLcfl5fMIaRj/QUNKwjALJMDoOon0hz61hCb1B2oIG5IC+gDHdkQErLJE0JCN3pBSMxmDwiJPcCGEM0hJoRoD7IgxNI+BoRYh8gKIYxPyQIhrB+KFoIGoIXI265jbcB4hnSF+tAEYEWSDjREa4U9x+oH0BbVP5LNwB/zc7Ih1JjTALTmFACLuRnAam4CYJirAVjmKgCmeTQA2zwKwMM8GMDLPAjA07zzOob5CKmor9W1xwu5qwPVy/gNrbye5z8BBgCCRa9vB5bpBgAAAABJRU5ErkJggg=="); } .chatRequestPopup .chatRequestPopup_content [data-action=next]:hover:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANpJREFUeNrElzEOwjAUQ7+4ASdhZkEsXKFIFddj4V6sXUAsIAV3Yyr5tj9EelsivyZtrURrLRbYgysYvsyjWcXymMAanMExKkaH5Q7cwQuc3DvQO7FMIjO5RCK7wC7BLLJKsAttEoq9RUI9Q1nC8SZLEq7vmZZw/tUoCXe5pCUqGi4lEUU1ewAP8ARbpY4thavWMfv08xGMvz6CVLhbIB3uFKDCXQJ0uENAClcF5HBFwBLOCtjCGQFreFbAHp4RKAnvFSgL7xHYfNTq8I/b8XwzvoERXCq6+i3AAJl2I40hgPs0AAAAAElFTkSuQmCC"); } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user { width: 100%; height: 0; opacity: 0; font-size: 0; position: relative; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user[data-active=true] { height: 100%; opacity: 1; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_photo, .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info { display: inline-block; vertical-align: top; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_photo { width: 30%; padding: 5px 0 0 0; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_cover { width: 100%; padding-top: 133%; border: 4px solid #fdfaed; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.15), -3px 0 6px rgba(0, 0, 0, 0.3), -5px 0 10px rgba(0, 0, 0, 0.15); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info { width: 70%; padding: 32% 10px 25px 0px; text-align: left; position: relative; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=name] { display: inline-block; color: #0d95c1; font-weight: 700; font-size: 14px; line-height: 100%; text-align: center; margin: 0; padding: 0; border: none; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=name]:after { content: ", "; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=id] { display: none; text-align: center; font-size: 10px; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=country] { display: none; text-align: center; font-size: 13px; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=age] { display: inline-block; color: #0d95c1; font-weight: 700; font-size: 14px; text-align: center; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=age]:before { display: none; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-dynamic-field=message] { font-weight: 400; font-size: 14px; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat] { width: 100%; height: auto; margin-top: 15px; padding: 10px; color: #ffffff; font-weight: 700; font-size: 14px; line-height: 100%; text-align: center; cursor: pointer; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat].user_comments { height: 26px; margin: 5px 0; padding: 5px 0 0 0; border-top: 2px solid #8dc500; color: inherit; white-space: normal; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat].user_comments .announce { pointer-events: none; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat].user_comments .announce .announce_label { padding-bottom: 0; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat].user_comments .announce .announce_clamp { font-weight: 400; font-size: 12px; line-height: 14px; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_info [data-trigger=start-chat].user_comments .announce .announce_clamp:after { content: none; } .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_bg { width: 100%; height: 80%; padding: 10px; background-image: url("../images/bubble/bubble-bg.png"); background-position: 0 0; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; right: 5px; } .chatRequestPopup[data-prev=true] .chatRequestPopup_content [data-action=prev] { display: block; } .chatRequestPopup[data-next=true] .chatRequestPopup_content [data-action=next] { display: block; } .chatRequestPopup[data-open=true] label.nav__label { display: inline-block; } .chatRequestPopup[data-open=true] > .chatRequestPopup_container { width: 300px; padding-top: 50%; position: relative; } @media screen and (max-width: 1280px) { .chatRequestPopup input.nav__check:checked ~ label.nav__label { width: 30px; height: 30px; border: 2px solid #8dc500; border-radius: 50%; background-color: #ffffff; position: absolute; top: -7px; bottom: auto; right: 15px; z-index: 1; } .chatRequestPopup input.nav__check:checked ~ label.nav__label:after { content: ""; width: 100%; height: 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlxJREFUeNrsmMlKA0EQhh0RRDHm4L6EqKggnqLi9hZefAk9CeJR8aSgnn0iwS1xxYMouON2UESNRse/oAJNZbKME51O6IafWUy3/aX6r+qOZdt2STG00pIiaQbEgBiQzK3M6wAra5an/lOjtjoWfbE23tkFHREAfONiAaiCoQp3aREM9IbbQFF4BDBPiIpVFGZ34xWTfgsGxM361L2OUNZ4zgBaics8f46uV7+sQ9W4LECUemfhi8e8gmDA5yx9F6FJvh+D+qBLl/8/CG1CXfxcD43/t0ealfs6aANqddE/ICCotfhh9mnoQXlugmJQOIe+tJy2BcQnNPHvIFh6p7j0C2/UcmTCWZbThoB4gQYx5s5v52N5PerCrLTEdhki2ShSA9BZFk8kI9EHiAO/68g1T/pORGYLCinvqhwgXqEhrxD5LIhnvMweBEwUKufnqEMkBgAR062yXzKMjAyZel1AxCkS0JE2ByvRznmZRRXP9IrPUCQGoT3d91oXUDtHQrZjqC3fEH+5aaR0+uHwPgHdF8ruN8Df/IjD33o4y4V0Bwly2u0U6fnEITWHdQVJ7p26lXe0vCJseDU11zNMo24g1TyxlDrB6TjOQLLOxLAzCOsCEuAM1e1QJ/Yd6syt8o4isg2YkK8gmICTJ955wrE0dSYiYGpoDK+RKfUA0ZDGE5StDjN0veGCmOIZjNnhR0SWhCfe2BO5bMXP03hm1Q+QhDD2sPBErnszFebLj70WnRAtNvucSwg1MnTWX+YfH2Z8O1hp/7uWATEgBsSAGBADYkAMiAExIMn2I8AAZO+pbrfN/XMAAAAASUVORK5CYII="); background-position: 0 0; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } .chatRequestPopup input.nav__check:checked ~ label.nav__label:hover { background-color: #8dc500; } .chatRequestPopup input.nav__check:checked ~ label.nav__label:hover:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrsmMtKw0AUhlMRRDHtwqrYqxa7EC1YFdEHE7c+gK4UwbU7H8FH8FZQBLW40SK9bURrba3Gf2DEcZi0TTIhMczAB81MJj1//5kzpwkZhqEFoQ1oAWlKiBKihPwvISSeUBCEfFEhw1Zj8+PSImKaQLcyKeTzA5G4YwRhsxv/eWmp9NttfQZCSK+sMQK2wQGIO4ghDPbBHhizv5uQtWyya/y2KkjYeEYE3DHPObIbj5M9EmM+j4MTkLAwnzh+CrJMX9wLRzKgZvxt5Drdx9ww5wRpbbBoNx4nQggpUOICqvQQQ5bTDTfnxYkIGUIIMQvOREycWHAahwwhGg26IhCTZO4ZFYhogLyMGGQJ0WjWEjkzRMdFTszJ+n7ZRWOKZqIJpu8aNMAq09cC66Agrbp0ofpNggsQNRn/ACvg0u+11iOYAeeCsSKYli3CzaLxFbQF/R1Qc+WPiwtLS6dLa9ZkvA6WqHO+dSQCzjgRT+CeuY7Se9J+dUSn+4Ktndp08z+DEpcAiDM5UPaTI2H6K2cF2alK022eBs86U5DmjITDSAdF7rB7NzmxSW1W5u6tcxWAJyc7qZ1uucCaYL7LnCmBmEqfVbMrQiYFZUerzyo2ZVLOZLwQcsgF8gZyDmuzYy/+IXa4jb0GrizMJ1lsmUsAn3aDGXQgZIO+aSFpd8uiiJ/2QA/HHfqqdNNPJ7t6QaeEKCFKiBKihCghSogSooT4s30LMAC1X4Qu39DShwAAAABJRU5ErkJggg=="); } .chatRequestPopup input.nav__check:checked ~ .chatRequestPopup_container { display: block; } .chatRequestPopup label.nav__label { width: 70px; height: 70px; border: none; border-radius: 0; background-color: transparent; top: auto; bottom: 10px; right: 0; } .chatRequestPopup label.nav__label:after { background-image: url("../images/bubble/bubble-icon.png"); } .chatRequestPopup label.nav__label:hover { background-color: transparent; } .chatRequestPopup label.nav__label:hover:after { background-image: url("../images/bubble/bubble-icon.png"); } .chatRequestPopup .chatRequestPopup_container { display: none; } } @media screen and (max-width: 480px) { .chatRequestPopup label.nav__label { width: 50px; height: 50px; } } /* ---- SERVICE CLASS---- */ .nowrap { flex-wrap: nowrap !important; white-space: nowrap !important; } [class*=stretch] { flex: 1 1 100%; } .hidden { display: none !important; } .desctop-hide, .leptop-hide, .phone-hide { display: none; } .hide { visibility: hidden; opacity: 0; height: 0; } [data-hidden=desktop-1280], [data-hidden=desktop-991], [data-hidden=desktop-768], [data-hidden=desktop-480] { display: none; } @media screen and (max-width: 1279px) { [data-hidden=desktop-1280] { display: block; } [data-hidden=desktop-1280][data-display=ib] { display: inline-block; } [data-hidden=tablet-1280] { display: none; } } @media screen and (max-width: 990px) { [data-hidden=desktop-991] { display: block; } [data-hidden=desktop-991][data-display=ib] { display: inline-block; } [data-hidden=tablet-991] { display: none; } } @media screen and (max-width: 767px) { [data-hidden=desktop-768] { display: block; } [data-hidden=desktop-768][data-display=ib] { display: inline-block; } [data-hidden=tablet-768] { display: none; } } @media screen and (max-width: 568px) { [data-hidden=desktop-568] { display: block; } [data-hidden=desktop-568][data-display=ib] { display: inline-block; } [data-hidden=tablet-568] { display: none; } } @media screen and (max-width: 480px) { [data-hidden=desktop-480] { display: block; } [data-hidden=desktop-480][data-display=ib] { display: inline-block; } [data-hidden=phone-480] { display: none; } } .center, .center-v { white-space: nowrap; } .center:before, .center:after, .center-v:before, .center-v:after { content: ""; height: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; clear: both; } .center > *, .center-v > * { display: inline-block; vertical-align: middle; font-size: 1rem; white-space: normal; } .center > * > a, .center > * > a:visited, .center-v > * > a, .center-v > * > a:visited { font-size: inherit; } .center.check-wrap span, .center-v.check-wrap span { width: 90%; font-size: 12px; vertical-align: top; } .center { text-align: center; } .center-v { text-align: left; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .clear { clear: both; } /* ================================================================================ | HEADER | ================================================================================ */ .header { position: relative; z-index: 1; } .header[data-banner=action] .header_logo { width: 100%; text-align: center; } .header[data-banner=action] .logo { color: transparent; font-size: 0; } .header__top { display: table; width: 100%; min-height: 50px; padding: 5px 12% 0 12%; text-align: right; position: relative; } .header__top:before, .header__top:after { content: ""; width: 11%; height: 0; padding-top: 5.1%; background-image: url("../images/decor-header.png"); background-size: 100% auto; background-position-x: 0; background-repeat: no-repeat; position: absolute; top: 0; z-index: 0; } .header__top:before { background-position-y: 0; left: 0; } .header__top:after { background-position-y: 100%; right: 0; } .header__content { padding: 0 1%; background: linear-gradient(to top, #8dc500 4px, transparent 4px); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5); display: flex; align-items: flex-end; text-align: right; position: relative; font-size: 0; white-space: nowrap; } .header__content_box { display: inline-block; vertical-align: middle; margin: 0 0 10px 0; text-align: right; white-space: nowrap; } .header__content_box:last-child { text-align: right; } .header_credits { display: inline-block; max-width: 230px; min-width: 200px; width: 100%; max-height: 85px; margin: 0 0 10px 0; padding: 5px; border: 2px solid #24b9e9; border-radius: 10px; position: relative; z-index: 1; } .header_credits p { padding: 3px 5px 3px 0; font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .header_credits p span { color: #f38126; font-size: 1.2rem; font-weight: 700; letter-spacing: -1px; } .header_credits .btn { height: 40px; margin: auto !important; } .header_logo { display: table-cell; vertical-align: bottom; min-width: calc(17% - 11px); text-align: right; } .header .logo { position: relative; z-index: 1; transform: translateY(30%); } .header .logout { display: inline-block; vertical-align: middle; min-width: 50px; width: 50px; height: 50px; margin: 0 5px 0 0; padding: 10px; border: 2px solid #24b9e9; border-radius: 50%; position: absolute; top: -35px; left: calc(88% + 5px); z-index: 1; cursor: pointer; } .header .logout:hover { background: #24b9e9; } .header .logout:hover svg { fill: #ffffff; stroke: #ffffff; } .header .logout a, .header .logout svg { display: block; } .header .logout svg { fill: #24b9e9; stroke: #24b9e9; } .header .nav__box { display: inline-block; min-width: 40px; min-height: 40px; } /* ================================================================================ | FOOTER | ================================================================================ */ .footer { max-height: 150px; height: 150px; padding: 10px; vertical-align: middle; text-align: center; position: relative; } .footer-wrapper { margin-top: 70px; padding: 0 160px; background-color: #626262; color: #ffffff; position: relative; } .footer-wrapper:before, .footer-wrapper:after { content: ""; width: 160px; padding-top: 160px; background-image: url("../images/decor-footer.png"); background-size: auto 100%; background-position-y: 100%; background-repeat: no-repeat; position: absolute; top: -70px; } .footer-wrapper:before { background-position-x: 0; left: 0; } .footer-wrapper:after { background-position-x: 33.33%; right: 0; } .footer__info p { width: 100%; font-size: 1rem; text-align: center; } /* ================================================================================ | ASIDE | ================================================================================ */ aside { min-width: 100px; width: 100px; height: 100%; padding-top: 50px; padding-bottom: 10px; position: absolute; top: 0px; left: 10px; z-index: 2; } aside.fixed { position: fixed; padding-top: 10px; } .aside { width: 100%; height: 100%; } /* ================================================================================ | CONTENT | ================================================================================ */ body:not(.no-login) main:not(.aboutUs):not(.testimonials):not(.happyStories):not(.terms):not(.faq):not(.cookie-settings):not(.contactUs):not(.gift-real):not(.gift-virtual):not([class*=services-]) .content__main > h1.title { display: none; } main { height: 100%; } .content { height: 100%; padding: 50px 50px 10px 130px; position: relative; } .content__section { margin: 0; padding-bottom: 50px; } .content__section h1.title { padding-top: 5px; } .content__main > h1.title .user_link_info { display: inline-block; } .content__main > h1.title .user_link_info > div { display: inline; } .content__column { display: inline-block; vertical-align: top; width: 50%; padding: 10px; text-align: left; } .slider, .gallery { display: block; } .slider .user_block, .gallery .user_block { margin: auto !important; } .slider .user_block:hover .user_info, .gallery .user_block:hover .user_info { background: linear-gradient(135deg, rgba(36, 185, 233, 0.5) 0%, rgba(36, 185, 233, 0.5) 50%, rgba(36, 185, 233, 0.5) 100%); } .slider .user_block:hover .user_info .user_state:after, .slider .user_block:hover .user_info .user_rating p, .slider .user_block:hover .user_info .user_name, .slider .user_block:hover .user_info .user_name span, .slider .user_block:hover .user_info .user_visited, .slider .user_block:hover .user_info .user_visited span, .gallery .user_block:hover .user_info .user_state:after, .gallery .user_block:hover .user_info .user_rating p, .gallery .user_block:hover .user_info .user_name, .gallery .user_block:hover .user_info .user_name span, .gallery .user_block:hover .user_info .user_visited, .gallery .user_block:hover .user_info .user_visited span { color: #ffffff; } .slider .user_avatar, .gallery .user_avatar { max-width: none; width: 100%; height: auto; margin: auto !important; border: none; } .slider .user_info, .gallery .user_info { width: calc(100% - 4px); padding: 3px; border-radius: 5px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 2px; bottom: 5%; z-index: 1; transition: all 0.2s; } .slider .user_name, .slider .user_visited, .gallery .user_name, .gallery .user_visited { padding-left: 20px; } .gallery { max-width: 1500px; margin: auto; font-size: 0; text-align: center; } .gallery .gallery__item { display: inline-block; vertical-align: top; width: 20%; padding: 5px; text-align: center; } .gallery.shadow, .gallery .shadow { padding: 10px; border-radius: 10px; box-shadow: 0 7px 11px rgba(22, 86, 123, 0.34); } .gallery .shadow { min-height: 260px; } .gallery-form { text-align: left; } .gallery-form .gallery__item { min-width: 310px; width: 33%; } .gallery-comments, .gallery-profile, .gallery-credits { max-width: 100%; } .gallery-comments .gallery__item, .gallery-profile .gallery__item, .gallery-credits .gallery__item { width: 50%; } .gallery-comments .gallery__item:nth-child(odd):not(:only-child), .gallery-profile .gallery__item:nth-child(odd):not(:only-child), .gallery-credits .gallery__item:nth-child(odd):not(:only-child) { padding-right: 5%; } .gallery-comments .gallery__item:nth-child(even):not(:only-child), .gallery-profile .gallery__item:nth-child(even):not(:only-child), .gallery-credits .gallery__item:nth-child(even):not(:only-child) { padding-left: 5%; } .gallery-profile { text-align: left; } .gallery-credits { white-space: nowrap; } .gallery-credits .gallery__item { white-space: normal; } .gallery-credits .gallery__item:first-child { min-width: 750px; } .gallery-girl { max-width: 1200px; } .gallery-girl .gallery__item { min-width: 220px; width: 25%; } .gallery-girl .user_name { width: 100%; padding-right: 20px; } .gallery-services { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .gallery-services .gallery__item { width: 25%; } .gallery-video [class*=pict_responsive], .gallery-private [class*=pict_responsive] { background-color: #000000; } .gallery-video [class*=pict_responsive] img, .gallery-private [class*=pict_responsive] img { height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } .gallery-video .gallery__item { min-width: 190px; } .gallery-private .slider-item { display: inline-block; } .gallery-private .slider-item [data-state] { position: absolute; right: 0; bottom: 0; } .gallery-private .slider-item .user_preview { overflow: visible; } .gallery-private .slider-item .user_info { max-width: 120px; padding: 0 25px 0 0; background: none; position: relative; font-size: 14px; } .gallery-private .slider-item .user_info_title { display: inline-block; max-width: 100%; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gallery-private .slider-item .user_info_count { position: absolute; right: 0; top: 0; } .gallery-gift { max-width: 100%; text-align: left; } .gallery-gift .title-sub { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #0d95c1; text-transform: uppercase; } .gallery-upload { display: none; padding: 15px 0; border: 2px solid #24b9e9; border-radius: 15px; text-align: left; } .gallery-upload .gallery__item { width: auto; } .gallery-welcomePage { max-width: 1200px; } .gallery-welcomePage .gallery__item { min-width: 350px; width: 33%; padding: 5px; } .gallery .user_info { padding-top: 15px; background: rgba(255, 255, 255, 0.8); } .gallery .user_state { position: absolute; margin: 0 -20px 0 0; } .gallery .user_state:after { display: none; } .welcomePage__item { display: block; padding: 5px; border: 1px solid #0d95c1; } .welcomePage__item_footer { display: block; height: 50px; padding: 0 50px; position: relative; } .welcomePage__item_footer .btn.more__button { max-width: 50px; height: 30px; margin-top: -15px; position: absolute; top: 50%; right: 0; } .welcomePage__item_footer .btn.more__button:before { padding: 0; } .welcomePage__item_footer .btn.more__button .more__button-arrow { width: 30px; } .welcomePage__item [class*=pict_responsive] { box-shadow: 0px 3px 4px rgba(104, 104, 104, 0.5), 3px 0px 4px rgba(104, 104, 104, 0.5), 0px -3px 4px rgba(104, 104, 104, 0.5), -3px 0px 4px rgba(104, 104, 104, 0.5); } .welcomePage__title { display: inline-block; vertical-align: middle; color: #8dc500; font-size: 1.8rem; text-align: center; text-transform: uppercase; } .welcomePage .title-sub { margin-bottom: 20px; font-weight: 700; font-size: 1.6rem; text-align: center; } .media-top100 .user_info, .media-topVideos .user_info, .media-private .user_info { pointer-events: none; } .media-top100 .gallery .user_info { padding-top: 5px; bottom: calc(5% + 50px); } .media-topVideos .user_name, .media-private .user_name { display: block; padding-left: 0; font-weight: 700; text-align: center; } .media-private .gallery { overflow: visible; } .media-private .gallery .user_info { padding-top: 5px; bottom: 30px; border-radius: 0; background: none !important; } .media-private .gallery .user_info[data-state*=status-folder-private] { width: 100%; height: 28%; } .media-private .gallery .user_info[data-state*=status-folder-private]:before { width: 40%; height: 0; padding-top: 40%; right: -6%; } .media-private .gallery .user_block:hover .user_info { background: none; } .media-private .gallery .user_block:hover .user_folder { background: linear-gradient(to top, #03a5d3 0%, #09c6f5 100%); } .media-private .gallery .user_private { min-height: 60px; padding: 10px; } .media-private .gallery .user_folder { position: absolute; bottom: 27px; right: 10%; z-index: 2; } .faq ol { counter-reset: list1; color: #333333; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 110%; } .faq ol li { list-style: none; } .faq ol > li:before { counter-increment: list1; content: counter(list1) ". "; } .faq ol ol { text-transform: none; counter-reset: list2; } .faq ol ol > li { padding: 0.5rem 0; border-bottom: 1px solid #c5c5c5; cursor: pointer; } .faq ol ol > li:before { counter-increment: list2; content: counter(list1) "." counter(list2) " "; } .faq ol ol > li div { padding: 0.5rem 0; color: #333333; text-indent: 0; } .faq ol ol > li ul { margin: 0 0 0 20px; } .faq ol ol > li ul li { list-style-type: disc; } .faq ol ol > li p { padding: 0.5rem 0; } .faq ol ol > li a { color: #333333; text-decoration: underline; } .faq ol .nav-check > input.nav-check_input:checked + label.nav-check_label:after { content: attr(data-hide); padding: 0 6px; background: #f64b00; } .faq ol .nav-check label.nav-check_label { height: auto; display: inline; } .faq ol .nav-check label.nav-check_label:after { content: attr(data-add); display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 10px; padding: 0 4px; border-radius: 50%; background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); position: static; color: #ffffff; line-height: 100%; } .faq ol .nav-check .nav-check_content { text-align: justify; } .faq ol .title { padding: 0.5rem 0 0 0; color: #626262; font-weight: 400; line-height: 100%; position: relative; } .faq ol .title h2 { display: inline; color: inherit; } .faq ol .title_line { width: 100%; height: 2px; margin: 0.5rem 0 0 0; background: #c5c5c5; } .faq ol .title-sub { font-size: 1.2rem; } .faq ol .btn { max-width: 250px; margin: 1rem auto; } .faq .content__column:last-child > ol { counter-reset: list1 3; } .testimonials .comment .user_avatar, .happyStories .comment .user_avatar { width: 100px !important; height: 100px !important; margin: 10px !important; float: right; position: relative; z-index: 1; } .testimonials .comment .user_avatar:hover, .happyStories .comment .user_avatar:hover { border-color: transparent; } .testimonials .comment .user_avatar img, .happyStories .comment .user_avatar img { border-radius: 0 5px 0 5px; } .news .user > tbody > tr td { padding: 0; } .news .user > tbody > tr:first-of-type td:last-of-type { text-align: right; } .news .user_box { align-items: stretch; } .news .user_preview .user_info, .news .user_preview[data-state*=status]:not([class*=btn]) .user_info { padding-top: 1rem; } .news .user_name { white-space: nowrap; } .news .user_name + span { display: block; } .news .content__main_block { padding: 10px; margin: 10px 0; border: 2px solid #24b9e9; border-radius: 10px; } .news_birthday .news_birthday_top { display: block; text-align: center; } .news_birthday .news_birthday_top span { display: inline-block; } .news_birthday .news_birthday_top [data-state*=status] { width: auto; margin: 0; float: right; } .news_birthday .news_birthday_top [data-state*=status]:before { width: 230px; height: 230px; top: 50%; bottom: auto; right: 50%; filter: drop-shadow(-3px 3px 10px #686868); } .news_birthday .news_birthday_title { margin-top: 10px; padding-bottom: 20px; color: #e63665; font-style: normal; font-family: "Corinthia"; font-weight: 400; font-size: 5rem; text-align: center; position: relative; } .news_birthday .news_birthday_title:after { content: attr(data-text); width: 100%; color: #8dc500; font-style: normal; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.4rem; text-align: center; position: absolute; top: 4rem; left: 0; z-index: 0; } .news_birthday .user > tbody > tr:first-of-type td:nth-of-type(2) { text-align: left; } .news_birthday .user > tbody > tr:last-of-type td { vertical-align: bottom; } .news_birthday .user_box { padding: 0 200px 0 0; justify-content: center; font-size: 0; text-align: center; clear: both; } .news_birthday .user_block { max-width: 320px; min-width: 230px; margin: auto; } .news_birthday .content_block { display: inline-block; vertical-align: top; width: 25%; } .news_birthday .user_box, .gifts .user_box, .mail .user_box, .likes .user_box { align-items: stretch; } .news_birthday .user_block, .gifts .user_block, .mail .user_block, .likes .user_block { height: 100%; padding: 10px; margin: auto; border: 2px solid #8dc500; border-radius: 10px; } .news_birthday .content_block, .gifts .content_block, .mail .content_block, .likes .content_block { padding: 10px; } .likes .content_block { width: 50%; } .gift .content, .mail .content, .ignorelist .content { padding-left: 330px; } .gift_search { margin: 3% 0; } .gift_search ol { margin: 1% 0; text-align: justify; counter-reset: li; } .gift_search ol li { margin: 0 0 1% 0; list-style: none; } .gift_search ol li:before { counter-increment: li; content: counters(li, ".") ". "; color: #0d95c1; font-weight: 700; } .gift_item { display: inline-block; vertical-align: top; width: 150px; height: 150px; padding: 5px; font-size: 1.2rem; } .gift_item_main { padding: 5px; transition: all 0.4s; } .gift_item_name { width: 100%; margin: 0 0 5px 0; padding: 2.5px; z-index: 1; color: #0d95c1; font-size: 1rem; letter-spacing: -0.5px; text-align: center; } .gift_item_pict { width: 80%; padding-top: 80%; margin: 5px auto; overflow: hidden; position: relative; } .gift_item_pict img { display: inline-block; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } .gift_item_price { display: block; padding: 0 0 5px 0; text-align: center; } .gift_item_price s { display: block; } .gift_item_hover { width: 100%; padding: 0 2px; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: auto; bottom: 0; z-index: 10; opacity: 0; transform: translateY(100%); transition: transform 0.4s, opacity 0.1s 0.3s; } .gift_item_hover p { padding: 5px 0; font-size: 12px; line-height: 110%; text-align: center; overflow: hidden; position: relative; } .gift_item .giftShop_add { margin: 5px auto 10px !important; padding: 5px 15px; display: flex; justify-content: center; align-items: center; border: none; border-radius: 50px; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); background-size: 500% 100%; background-position: 0%; color: #ffffff; font-weight: 700; font-size: 14px; text-align: center; white-space: nowrap; cursor: pointer; transition: background-position 1s ease-in-out; overflow: hidden; position: relative; } .gift_item .giftShop_add:hover { background-position: 100%; } .gift_item:not(.gift-send):hover .gift_item_pict { width: 50%; padding-top: 50%; } .gift_item:not(.gift-send):hover .gift_item_price { font-size: 14px; } .gift_item:not(.gift-send):hover .gift_item_hover { opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s; } .gift_item:not(.gift-send):hover .gift_item_hover img { transform: scale(0.7); transform-origin: center center; } .gift_item.gift-send .nav-check_label { box-shadow: 0 0 5px #24b9e9; border-radius: 10px; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 3px 2px #686868); } .gift_item.gift-send .nav-check_label .gift_item_pict { background-image: url("../images/icon-choice.png"); background-position: 50% 50%; background-size: auto 70%; background-repeat: no-repeat; } .gift_item.gift-send .nav-check_label .gift_item_pict img { opacity: 0; } .gift_item.gift-send .nav-check_label .gift_item_hover { padding-bottom: 10px; opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s; } .gift_item.gift-send .nav-check_label .gift_item_hover .giftShop_add { display: none; } .gifts .user_box, .mail .user_box { font-size: 0; text-align: center; } .gifts .user_name, .gifts .user_message, .mail .user_name, .mail .user_message { text-align: left; } .gifts .user_comments, .mail .user_comments { display: inline-block; max-width: 100%; width: 100%; height: 50px; position: relative; } .gifts .user_comments .announce.user_message, .mail .user_comments .announce.user_message { width: 100%; position: absolute; top: 0; left: 0; } .gifts .content_block, .mail .content_block { display: inline-block; width: 50%; font-size: 1rem; } .services_title { width: 100%; margin: 3% auto; } .services_title .title_icon { margin: 0 10px 10px 0; float: left; } .services_title p { padding-top: 0; padding-left: 90px; } .services_title p span { color: #f64b00; } .services_title a { text-decoration: underline; } .services .services_item { width: 100%; height: 100%; border-radius: 10px; box-shadow: 1px 0px 2px #24b9e9, 0px 1px 2px #24b9e9, -1px 0px 2px #24b9e9, 0px -1px 2px #24b9e9; } .services .services_item:hover { box-shadow: 1px 0px 2px #8dc500, 0px 1px 2px #8dc500, -1px 0px 2px #8dc500, 0px -1px 2px #8dc500; background-color: #ffffff; background-image: url("../images/bg-gallery_elem.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; filter: drop-shadow(0px 3px 2px #686868); } .services .services_title { width: 100%; margin: 0; padding: 5px; } .services .services_title .title_icon { margin: 10px auto; float: none; } .services .services_title .title_box { max-width: 280px; margin: auto; padding: 0 10px 10px 10px; font-size: 14px; } .services .title-sub { padding: 5px; text-align: center; } .services-girl .gallery__item { min-width: 200px; } .services-liveVideoChat .pict_liveVideoChat { max-width: 650px; margin: auto; } .services-phoneCalls .content__section, .services-tourService .content__section { padding: 0 0 1% 0; } .services-phoneCalls .services_title, .services-tourService .services_title { margin: 0; } .services-phoneCalls .services_title ul { text-align: justify; padding-left: 90px; } .services-phoneCalls .services_title ul li { margin: 0 0 1% 0; list-style: none; text-align: left; } .services-phoneCalls .services_title ul li:before { content: "- "; color: #0d95c1; font-weight: 700; } .services-phoneCalls_info p { padding: 0.25rem 0; text-align: center; } .services-phoneCalls_info p:first-child { color: #f64b00; } .mail .btn { max-width: 150px; min-width: 120px; height: 40px; } .mail .btn.more__button-back { max-width: 220px; } .mail .user .btn { margin: 5px auto; font-size: 1rem; } .mail .user .check-input_label { margin: 0; } .mail .nav-check label.nav-check_label { height: auto; } .mail_filter { width: 150px; margin: 0 5px 0 0; } .mail_filter ul.nav-check_content { display: none; padding: 5px; border-radius: 5px; background: #ffffff; filter: drop-shadow(0px 3px 3px #686868); position: absolute; top: 100%; left: 0; z-index: 100; } .mail_filter .form__group { margin: 0 !important; } .mail_filter .check-input:checked + [class*=check-input_label]:not(.check-input_label-rating) { background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); } .mail_filter .check-input_label-buton { width: 140px; } .mail_selected { display: flex; min-height: 30px; } .mail_selected label.nav-check_label { display: flex; align-items: center; } .mail_selected label.nav-check_label .nav-arrow { padding-right: 0; } .mail_selected label.nav-check_label .nav-arrow:before { display: none; } .mail_selected ul.nav-check_content { display: flex; } .mail_selected ul.nav-check_content li:not(:first-child) .btn-link { position: relative; } .mail_selected ul.nav-check_content li:not(:first-child) .btn-link:before { content: ""; width: 2px; height: 100%; background: #333333; position: absolute; top: 0; left: 0; } .mail_message { padding: 5px 0; } .mail_message .message_pict { max-width: 285px; padding: 0 0 5px 5px; float: right; } .mail_message .message_text { line-height: 130%; } .mail_message .message_button { display: flex; justify-content: space-between; clear: both; } .mail_message .btn { margin: 5px 0; } .mail_message .btn:first-child { margin-right: 5px; } .mail_subject { margin: 0 5px 0 0; } .mail_info[data-state*=mail] { margin: 20px auto; } .mail_state, .mail_date { height: 20px; font-size: 1.2rem; position: relative; } .mail_state { width: 100%; text-align: center; position: absolute; top: -20px; left: 0; } .letter .user_box { clear: both; } .letter .user_block { max-width: 1200px; height: auto; margin: 10px auto; } .letter .user_block.stories { border: none; border-radius: 0; padding: 0; } .letter_chars { width: 100%; margin: 10px 0; } .letter_chars_limit { float: right; } .letter_upload { margin: 1rem 0; padding: 1%; border: 1px solid #b3b3b3; } .letter_upload_buton { width: 100%; height: 30px; position: relative; } .letter_upload_buton .title-sub { height: 100%; padding: 0 !important; line-height: 30px; } .letter_upload_conten { display: flex; } .letter_upload .gallery .gallery__item { width: 20%; } .letter_upload .gallery .gallery__item .user_preview { min-width: auto; } .letter .announce_preview { width: 80px; margin: 0 0 5px 5px; float: right; } .likes .nav-user { margin: 10px 0; } .likes .user_preview.status-likes:hover { border: none; padding: 2px; } .likes .user_preview.status-likes:hover img { filter: none; } .terms p { padding: 5px 0; text-indent: 5%; } .terms p.title-sub { text-align: left; } .profile_man, .profile_girl { position: relative; } .profile_man .user > tbody > tr > td, .profile_girl .user > tbody > tr > td { padding: 0; } .profile_man .user_box-profile, .profile_girl .user_box-profile { width: 100%; } .profile_man .user_box-profile tr td, .profile_girl .user_box-profile tr td { width: 50%; padding: 3px 0; } .profile_man .user p, .profile_girl .user p { padding: 3px 0; } .profile_man .user p, .profile_man .announce_content, .profile_man .announce_clamp, .profile_girl .user p, .profile_girl .announce_content, .profile_girl .announce_clamp { color: #626262; font-size: 16px; line-height: 18px; } .profile_man .content__column, .profile_girl .content__column { padding: 0 10px 0 0; } .profile_man .btn:not(.btn-link), .profile_girl .btn:not(.btn-link) { max-width: 150px; min-width: 115px; margin: 2px; } .profile_man .nav-check .btn:not(.btn-link) { max-width: 150px; } .profile_man .nav-content { display: block; } .profile_man .nav-content [class*=nav__link] { display: block; font-size: 1.2rem; letter-spacing: -1px; } .profile_man .nav-content [class*=nav__link] span { white-space: normal; } .profile_man .nav-content ul.nav-check_content { display: table; } .profile_man .nav-content ul.nav-check_content li { display: table-cell; } .profile_man .nav-content .nav-arrow { padding-right: 40px; font-size: 1.6rem; line-height: 1.6rem; white-space: nowrap; } .profile_man .nav-content > label { display: none; width: 100%; text-align: right; } .profile_man .nav-content .form__group { margin: 0 !important; } .profile_man .nav-content .check-input:checked + [class*=check-input_label]:not(.check-input_label-rating) { background: linear-gradient(to top, #8dc500 0%, #8dd070 100%); } .profile_man .nav-content .check-input:checked ul { display: none; } .profile_man .nav-content .check-input_label-buton { width: 150px; } .profile_man .nav-profile { text-align: center; } .profile_man .nav-profile .btn-upload-avatar { max-width: 130px; margin: 10px auto !important; padding: 0px 5px 0px 25px; letter-spacing: 0; } .profile_man .nav-profile .btn-upload-avatar svg { left: 3px; } .profile_man .nav-profile .btn-upload-avatar span { display: inline-block; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 90%; white-space: normal; text-align: left; } .profile_man .user > tbody > tr > td { padding: 0; } .profile_man .user > tbody > tr > td.avatar_td { min-width: 140px; width: 140px; } .profile_man .user_box-avatar .user_preview, .profile_man .user_box-gallery .user_preview { max-width: 134px; width: 134px; height: auto; } .profile_man .user_box-profile .user_box { min-height: 40px; padding-right: 160px; position: relative; } .profile_man .user_box-profile h3 { line-height: 50px; } .profile_man .user_box-profile [class*=btn] { height: 40px; position: absolute; top: 0; right: 0; z-index: 1; } .profile_man .user_box-profile [class*=btn]:not(.btn-link) { margin: 5px; padding: 5px; border-radius: 40px; } .profile_man .status_data .current_info { text-decoration: underline; cursor: pointer; } .profile_man.profile > .user .user_block { max-width: 500px; } .profile_man.profile [data-state] .user_state-profile { position: relative; margin: 0; padding-left: 0; } .profile_man.profile [data-state] .user_state-profile:before { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: linear-gradient(to top, #8dc500 0%, #8dd070 100%); position: static; } .profile_man.profile [data-state] .user_state-profile:after { display: none; } .profile_man.favoriteLadies > .user_block, .profile_man.favoriteIam > .user_block { min-height: 20px; margin: 10px; } .profile_man.statistic table:not(.user) tr td { padding: 5px; } .profile_man.statistic table:not(.user) tr td:first-child { width: 230px; } .profile_man.statistic table:not(.user) [class*=btn] { margin: 0; } .profile_man.sendBirthday .news_birthday_top [data-state*=status] { display: block; width: 100%; margin: 1% auto; } .profile_man.sendBirthday .news_birthday_top [data-state*=status]:after { display: none; padding: 0 100px 0 0; color: #e63665; font-family: "Corinthia"; font-size: inherit; top: auto; bottom: -1rem; } .profile_man.sendBirthday .news_birthday_top [data-state*=status]:before { width: 130px; height: 150px; top: calc(50% - 65px); bottom: auto; right: 0; } .profile_man.sendBirthday .news_birthday_title { padding: 0 100px 0 0; } .profile_man.sendBirthday .news_birthday .user_box { padding: 0; } .profile_man.sendBirthday .news_birthday .user_info { display: inline-block; vertical-align: middle; } .profile_man.sendBirthday .news_birthday .user_info:before { display: none; } .profile_man.sendBirthday .news_birthday .user_state:after { display: none; } .profile_man.sendBirthday .news_birthday .nav-profile ul { justify-content: flex-start; } .profile_man.sendBirthday .news_birthday .nav-profile [class*=btn] { width: 125px; margin: 2.5px !important; } .profile_man.giftsVirtual .news_birthday .content_block, .profile_man.giftsReal .news_birthday .content_block { width: 50%; } .profile_man.giftsVirtual .news_birthday .content_block:last-child, .profile_man.giftsReal .news_birthday .content_block:last-child { font-size: 1.2rem; text-align: justify; } .profile_man.giftsVirtual .news_birthday .content_block:last-child span, .profile_man.giftsReal .news_birthday .content_block:last-child span { color: #f64b00; } .profile_man.giftsVirtual .news_birthday .user_block, .profile_man.giftsReal .news_birthday .user_block { float: right; } .profile_man.settingsAccount .content__column { align-self: stretch; display: flex; flex-wrap: wrap; align-items: flex-start; } .profile_man.settingsAccount .content__column p { width: 100%; font-weight: 700; } .profile_girl .user { margin-bottom: 20px; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_box.nowrap { display: block; padding-right: 145px; text-align: left; position: relative; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_info { position: absolute; top: 50%; right: 70px; transform: translateY(-50%); } .profile_girl .user > tbody > tr:first-child > td:last-child .nav-user { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .profile_girl .user > tbody > tr > td.avatar_td { min-width: 230px; max-width: 270px; width: 270px; } .profile_girl .user_box-avatar { text-align: center; } .profile_girl .user_box-avatar .user_preview { max-width: 260px; width: 100%; height: auto; border-radius: 10px; } .profile_girl .user_box-profile { padding-top: 20px; } .profile_girl .user_box-hello { text-align: center; } .profile_girl .user_box-hello p { display: block; width: 100%; text-align: center; } .profile_girl .user_name { display: inline-block; vertical-align: middle; font-size: 1.6rem; text-align: left; } .profile_girl .user_name > b, .profile_girl .user_name > span { display: block; } .profile_girl .user_info.user_online, .profile_girl .user_info.user_offline { margin: 0 5%; } .profile_girl .nav-content { display: inline-table; vertical-align: middle; padding: 0 10px 10px 0; } .profile_girl .nav-content [class*=nav__link] span { padding: 10px 2em; } .profile_girl .nav-user { display: inline-block; vertical-align: middle; width: auto; padding: 10px; } .profile_girl .nav-profile ul li { margin: 0 1.5px; } .profile_girl .nav-profile ul li ul { flex-wrap: nowrap; } .profile_girl .nav-profile [class*=btn] span { white-space: nowrap; } .attaches .attachModule { padding: 20px 10px; border-radius: 20px; background: none; z-index: 0; } .attaches .attachModule .attachModule-container { padding-top: 70px; background: none; } .attaches .attachModule .attachModule-container .attachModule-header { height: 70px; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch { height: 40px; padding: 5px 15px; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:before, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:after, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch:before, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch:after { content: ""; height: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; clear: both; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add > *, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch > * { display: inline-block; vertical-align: middle; font-size: 1.2rem; pointer-events: none; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add { margin-top: -20px; border: 2px solid #24b9e9; border-radius: 50px; background: none; color: transparent; font-size: 0; padding-left: 40px !important; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add.attachModule-add { background: none; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:before { content: ""; width: 25px; height: 25px; background-image: url("../images/icon-folder.png"); -webkit-background-size: auto 100%; background-size: auto 100%; background-position: 40% 50%; background-repeat: no-repeat; position: absolute; left: 10px; top: 7px; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:after { content: "Choose file"; height: auto; color: #0d95c1; font-weight: 700; font-size: 1.2rem; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:hover { background: #24b9e9; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:hover:before { background-position-x: 50%; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add:hover:after { color: #ffffff; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch { border-color: #ffffff; background: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); background-size: 500% 100%; background-position: 0%; color: #ffffff; font-weight: 700; font-size: 1.2rem; transition: background-position 1s ease-in-out; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch:not(:last-of-type) { border-right: 2px solid #ffffff; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch[data-attach-type=t] { border-width: 0; border-radius: 50px 0 0 50px; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch[data-attach-type=c] { border-width: 0 2px 0 2px; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch[data-attach-type=w] { border-width: 0; border-radius: 0 50px 50px 0; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch[data-show=true] { background: linear-gradient(to right, #8dc500 0%, #8dc500 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); background-size: 500% 100%; background-position: 0%; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch[data-show=true]:hover { color: #ffffff; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-switch:hover { color: #ffffff; background-position: 100%; } .attaches .attachModule .btn.load-btn { border: 2px solid #8dc500; background: none; color: #8dc500; font-weight: 700; font-size: 1.2rem; } .attaches .attachModule .btn.load-btn:hover { color: #ffffff; background: #8dc500; } .credits h2 { padding: 1rem 0; font-size: 1.6rem; } .credits p { padding: 5px 0; color: #626262; } .credits .btn { max-width: 160px; margin: 1rem auto; } .alternative_payments { padding: 40px 0; font-size: 16px; } .alternative_payments-title { color: inherit; font-size: 1.6rem; } .alternative_payments-label { font-size: 1.2rem; font-weight: 400; } .alternative_payments-description { padding: 0; margin: 15px 0px 25px 0px; font-size: 1.2rem; } .alternative_payments-list { display: table; width: 100%; } .alternative_payments-list-row { display: table-row; width: 100%; } .alternative_payments-list-cell { display: table-cell; vertical-align: middle; padding: 10px 5px; } .alternative_payments-list-cell img { max-height: 35px; } .alternative_payments-bitcoin { padding: 10px 0; } .alternative_payments-bitcoin-content { position: relative; padding-left: 170px; min-height: 160px; margin: 25px 0; } .alternative_payments-bitcoin-content .alternative_payments-description { margin: 0; padding: 0; font-size: 16px; } .alternative_payments-qr { position: absolute; left: 0; top: 0; } .alternative_payments-qr img { max-height: 160px; } .alternative_payments-copy { position: relative; max-width: 460px; overflow: hidden; padding: 0; margin-top: 20px; } .alternative_payments-copy:before { content: "COPIED"; position: absolute; left: 0; top: -100%; background: #86c56a; width: 100%; height: 100%; color: #fff; padding: 7px 15px; font-weight: bold; font-size: 17px; border: 1px solid #b2b2b2; text-align: center; border-radius: 3px; transition: all 0.3s ease-in-out; opacity: 0.9; } .alternative_payments-copy[data-success=true]:before { top: 0; } .alternative_payments-copy input { width: 100%; background: #ffffff; padding: 5px 70px 5px 10px; border: 1px solid #b2b2b2; font-size: 1rem; } .alternative_payments-copy button { position: absolute; right: 0; top: 0; color: #fff; height: 100%; background: #8dd070; background-image: linear-gradient(to top, #7bb461 0, #8dd070 100%); font-size: 14px; font-weight: bold; padding: 5px 15px; border: 1px solid transparent; } #sectionTicketRate { display: none; } @media (max-width: 620px) { .alternative_payments-bitcoin-content { padding: 0; } .alternative_payments-bitcoin-content .alternative_payments-description { padding: 10px; font-size: 14px; } .alternative_payments-qr { position: relative; text-align: center; padding-bottom: 10px; } .alternative_payments-copy { margin: 10px auto; } } .cookie-settings p { padding: 5px 0; } .cookie-settings a.link { display: block; margin: 5px 0; } /* ---- MAILBOX ---- */ .inbox-messages { display: inline-block; min-width: 480px; width: 50%; margin: auto; padding: 10px; border-radius: 15px; } .message { margin: auto; padding: 5px; border: 2px solid #8dc500; border-radius: 10px; position: relative; } .message .check-container { padding-left: 25px; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); } .message-main-block { display: table; width: 100%; padding: 0; position: relative; } .message-main-block-left, .message-main-block-center, .message-main-block-right { display: table-cell; vertical-align: top; font-size: 1.2rem; } .message-main-block-left { width: 110px; } .message-main-block-left, .message-main-block-center { padding-right: 5px; } .message-main-block-right { width: 150px; } .message-main-block-right p { text-align: center; } .message-top-block { position: absolute; top: 40px; left: 135px; } .message-date { display: none; color: #0d95c1; position: relative; } .message-date:before { content: "Date:"; color: #0d95c1; font-size: 1.2rem; padding-right: 5px; } .message p { padding: 0; } .sender-link { display: inline-block; vertical-align: top; max-width: 120px; min-width: 40px; width: 100%; height: auto; margin: 0; border-radius: 5px; overflow: hidden; position: relative; } .sender-photo { display: block; height: 0; padding-top: 150%; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; } .girl-description-block { min-height: 160px; position: relative; } .description-name-id { color: inherit; } .description-subject.user_comments { height: 30px; } .description-subject.user_comments .announce .announce_label { padding-bottom: 0; } .description-subject.user_comments .announce .announce_clamp:after { content: none; } .mailbox-top-buttons { display: flex; justify-content: space-between; position: relative; margin: 0 -5px; } .mailbox-top-buttons .btn { margin: 5px; } .mailbox-row-online-status-0, .mailbox-row-online-status-1 { margin: 0; padding-left: 15px; text-align: left !important; position: relative; } .mailbox-row-online-status-0:before, .mailbox-row-online-status-1:before { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: calc(50% - 5px); left: 0; } .mailbox-row-online-status-0:before { background: #ff0000; } .mailbox-row-online-status-0:after { content: "Offline"; color: #ff0000; } .mailbox-row-online-status-1:before { background: #8dc500; } .mailbox-row-online-status-1:after { content: "Online"; color: #8dc500; } .mailbox-history-date { font-size: 14px; font-weight: bold; text-align: center; padding: 4px 0 4px 0; } .mailbox-history-row { position: relative; font-size: 16px; line-height: 19px; padding: 8px; margin: 4px 0 4px 0; border-radius: 8px; background-color: #dff0fa; color: inherit; word-wrap: break-word; } .mailbox-history-row:before { content: ""; position: absolute; border-style: solid; display: block; width: 0; border-color: transparent #dff0fa; } .mailbox-history-row-footer { margin-bottom: 10px; text-align: right; font-size: 11px; } .mailbox-history-row-subj { font-weight: bold; padding-bottom: 2px; margin-bottom: 2px; } .mailbox-history-row-attachment-1 { width: 30px; height: 30px; border-radius: 50%; background-color: #8dc500; background-image: url("../images/icon-photo-video.png"); background-size: auto 100%; background-position-x: 33%; background-position-y: 50%; background-repeat: no-repeat; } .mailbox-history-row-attachment { float: right; } .mailbox-history-row-attachment img { height: 40px; } .mailbox-history-row-in { margin-left: 30px; margin-right: 30px; } .mailbox-history-row-in:before { bottom: 10px; left: -30px; border-width: 15px 30px 15px 0; } .mailbox-history-row-out { margin-right: 30px; margin-left: 30px; } .mailbox-history-row-out:before { bottom: 10px; left: auto; right: -30px; border-width: 15px 0 15px 30px; } .mailbox-history-row-in:after, .mailbox-history-row-out:after { top: 16px; bottom: auto; left: auto; right: -21px; border-width: 9px 0 9px 21px; border-color: transparent #d1d1d1; } .mailbox-message-tabs { background: none; border: none; border-radius: 0; color: inherit; } .mailbox-message-tabs .ui-widget-header { background: none; font-family: inherit; } .mailbox-message-tabs .ui-widget-content { color: inherit; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav { padding-left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0; font-weight: 400; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav:before, .mailbox-message-tabs.ui-tabs .ui-tabs-nav:after { font-size: 0; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav .ui-state-default { background: transparent; border-color: #8dc500; border-width: 2px; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav .ui-state-default a, .mailbox-message-tabs.ui-tabs .ui-tabs-nav .ui-state-default a:link { color: #8dc500; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; background: #8dc500; } .mailbox-message-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .mailbox-message-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a:link { color: #ffffff; } .mailbox-message-tabs.ui-tabs .ui-tabs-panel { padding-left: 0; padding-right: 0; } .mailbox-message-free { width: 1px; position: absolute; top: auto; bottom: 0; right: 5px; } .mailbox-message-free:before { content: "free"; display: inline-block; width: 140px; color: #24b9e9; font-weight: 700; font-size: 14px; text-align: right; text-transform: uppercase; position: absolute; top: auto; bottom: 100%; right: 0; } .mailbox-message-free.read-any-letter { top: 100px; bottom: auto; } .mailbox-message-free.read-any-letter:before { text-align: center; top: 0; bottom: auto; } .mailbox-message-unread, .mailbox-message-read { text-align: center; position: relative; } .mailbox-message-unread .message-big-icon, .mailbox-message-read .message-big-icon { display: inline-block; width: 80px; height: 80px; background-image: url("../images/icon-folder.png"); background-size: auto 100%; background-position-x: 20%; background-position-y: 50%; background-repeat: no-repeat; position: relative; } .mailbox-message-unread .photo-attached, .mailbox-message-unread .video-attached, .mailbox-message-read .photo-attached, .mailbox-message-read .video-attached { display: inline-block; position: absolute; top: 0; left: -10px; } .mailbox-message-unread .read-message, .mailbox-message-read .read-message { margin: 10px auto; padding: 0; max-width: 150px; min-width: 90px !important; } .mailbox-message-unread .read-message span, .mailbox-message-read .read-message span { font-size: 14px; white-space: normal; } .mailbox-message-unread { color: #ff0000; } .mailbox-message-read { display: none; color: #8dc500; } .mailbox-paginator span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; box-sizing: content-box; margin: 1px; border-radius: 20%; border-color: #24b9e9; border-width: 1px 2px 2px 1px; border-style: solid; background-color: #ffffff; box-shadow: 0px 1px 2px rgba(104, 104, 104, 0.2), 1px 0px 2px rgba(104, 104, 104, 0.2), 0px -1px 2px rgba(104, 104, 104, 0.2), -1px 0px 2px rgba(104, 104, 104, 0.2); color: #333333; font-family: "Lato", sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; position: relative; z-index: 1; cursor: pointer; } .mailbox-paginator span:hover, .mailbox-paginator span:focus, .mailbox-paginator span.pagination_selected { background-color: #24b9e9; color: #ffffff; font-weight: 700; text-shadow: 0px 1px 2px rgba(104, 104, 104, 0.2), 1px 0px 2px rgba(104, 104, 104, 0.2), 0px -1px 2px rgba(104, 104, 104, 0.2), -1px 0px 2px rgba(104, 104, 104, 0.2); } .mailbox-message-unread, #mailbox-form-message-new, .mailbox-message-read { display: none; } #mailbox-message-filter { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px; } #mailbox-message-filter label { margin-bottom: 20px; font-weight: 700; font-size: 1.4rem; white-space: nowrap; align-items: center; position: relative; color: inherit; background: transparent; border: none; } #mailbox-message-filter label:hover { color: #24b9e9; } #mailbox-message-filter label.ui-state-active { color: #24b9e9; } #mailbox-message-filter label span { display: inline-block; width: 100%; padding: 10px 1em; white-space: nowrap; position: relative; cursor: pointer; } #mailbox-message-filter label span:before { content: ""; width: 100%; height: 2px; background: #222222; position: absolute; bottom: 0; left: 0; } #mailbox-message-filter label.ui-state-active span:before, #mailbox-message-filter label:hover span:before { color: #24b9e9; height: 4px; background: #24b9e9; bottom: -1px; } #mailbox-message-filter .user_link_info { position: absolute; width: 100%; left: 0; bottom: -23px; } #message-attachment a { display: inline-block; width: 120px; height: 120px; padding: 5px; position: relative; overflow: hidden; } #message-attachment a img { display: block; width: 100%; height: auto !important; border-radius: 2px; position: absolute; top: 0; left: 0; } #message-attachment .video-js { max-height: 400px; max-width: 800px; width: 100%; margin: auto; } @media screen and (max-width: 1350px) { .inbox-messages { width: 100%; min-width: 0px; padding: 5px; } .girl-description-block { min-height: 130px; } } @media screen and (max-width: 768px) { .message-main-block-left { width: 90px; } .message-top-block { top: 35px; left: 115px; } [class*=mailbox-row-online-status] { width: 100%; } } @media screen and (max-width: 480px) { .message-main-block-left { width: 60px; } .message-main-block-right { width: 90px; } .message-top-block { left: 0; } .girl-description-block { min-height: 0; position: static; } .description-name-id, .description-subject, .description-name-id .title-sub, .description-subject .title-sub { font-size: 14px; } .mailbox-message-free:before { width: 80px; } .mailbox-message-free.read-any-letter { top: 78px; } .mailbox-message-unread .message-big-icon, .mailbox-message-read .message-big-icon { width: 60px; height: 60px; } .mailbox-message-unread .photo-attached, .mailbox-message-read .photo-attached { width: 25px; } .mailbox-message-unread .video-attached, .mailbox-message-read .video-attached { width: 35px; } .mailbox-paginator span { width: 25px; height: 25px; line-height: 25px; } [class*=mailbox-row-online-status] { width: 80px; } } /* ================================================================================ | SECRET-ADMIRER | ================================================================================ */ @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Regular.ttf"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: "Poppins-bold"; src: url("../fonts/Poppins/Poppins-SemiBold.ttf"); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family: "Poppins-black"; src: url("../fonts/Poppins/Poppins-Black.ttf"); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } .secretAdmirer { max-width: 600px; margin: auto; font-family: "Poppins", sans-serif; font-size: 1.2rem; text-align: center; } .secretAdmirer__content { padding: 10px; } .secretAdmirer__content p { max-width: 520px; margin: 3% auto; padding: 0; font-family: "Poppins", sans-serif; text-align: center; } .secretAdmirer__banner { width: 100%; padding-top: 94%; margin-bottom: 6%; background-image: url("../images/banner-secretAdmirer.png"); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; } .secretAdmirer__list { padding: 10px 0; position: relative; overflow-x: clip; } .secretAdmirer__list:before { content: ""; width: 100%; height: 100%; border-top: 1px solid rgba(49, 104, 138, 0.24); border-bottom: 1px solid rgba(49, 104, 138, 0.24); box-shadow: 0 -10px 21px -10px rgba(47, 102, 135, 0.36), 0 10px 21px -10px rgba(47, 102, 135, 0.36); position: absolute; top: 0; left: 0; } .secretAdmirer__list ul { margin: 20px auto; padding-left: 40px; font-family: "Poppins", sans-serif; font-size: 20px; line-height: 130%; text-align: left; } .secretAdmirer__btn { display: block; max-width: 340px; height: 50px; border-radius: 25px; margin: auto; padding: 0 5px; background-color: #0a8216; background-image: linear-gradient(174deg, #b7cd3f 0%, #b7cd3f 28%, #237809 100%); color: #ffffff; font-family: "Poppins", sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); font-size: 18px; line-height: 110%; text-align: center; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } @media screen and (max-width: 375px) { .secretAdmirer__btn { font-size: 16px; } } .secretAdmirer__btn:before, .secretAdmirer__btn:after { content: " "; display: inline-block; vertical-align: middle; height: 100%; margin: 0; padding: 0; font-size: 0; } .secretAdmirer__btn > * { display: inline-block; vertical-align: middle; font-size: inherit; white-space: normal; } .secretAdmirer__btn > * > a, .secretAdmirer__btn > * > a:visited { font-size: inherit; } .secretAdmirer__btn:active, .secretAdmirer__btn:hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } .secretAdmirer__btn:link, .secretAdmirer__btn:hover, .secretAdmirer__btn:active, .secretAdmirer__btn:visited { color: #ffffff; text-decoration: none; } .secretAdmirer__btn > span { font-size: inherit; white-space: normal; word-break: normal; overflow-wrap: break-word; } .secretAdmirer__btn-decor { max-width: 386px; height: 65px; border-radius: 32px; margin-bottom: 6%; background-image: radial-gradient(ellipse at 18% 0, rgba(254, 255, 183, 0.9) 0, rgba(254, 255, 183, 0.6) 6%, rgba(254, 255, 183, 0) 18%), linear-gradient(174deg, #b7cd3f 0%, #b7cd3f 28%, #237809 100%); } @media screen and (max-width: 375px) { .secretAdmirer__btn-decor { max-width: 340px; height: 50px; border-radius: 25px; background-image: linear-gradient(174deg, #b7cd3f 0%, #b7cd3f 28%, #237809 100%); } } /* ================================================================================ | HOME PAGE | ================================================================================ */ .homepage .no-login .title { padding: 1rem 3%; color: #626262; font-style: normal; font-family: "Corinthia"; font-weight: 400; font-size: 5rem; text-align: center; } .homepage .no-login .logo { font-size: 5.5rem; letter-spacing: -1px; } .homepage .no-login .nav-header { display: none; } .homepage .no-login .header { padding-bottom: 50%; background-image: url("../images/bg-header.png"); background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; } @media screen and (max-width: 1280px) { .homepage .no-login .header { padding-bottom: 55%; } } @media screen and (max-width: 1150px) { .homepage .no-login .header { padding-bottom: 60%; } } @media screen and (max-width: 1024px) { .homepage .no-login .header { padding-bottom: 50%; } } .homepage .no-login .header__section { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .homepage .no-login .header__top { min-height: 80px; padding: 10px 3% 10px 17%; text-align: left; z-index: 0; } .homepage .no-login .header__content { padding: 0 5% 0% 10%; background: none; box-shadow: none; align-items: flex-start; } .homepage .no-login .header__content_box { width: auto; padding-left: 0; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; text-align: left; white-space: normal; } .homepage .no-login .header__content_box:last-child { position: absolute; top: 0; right: 10px; text-align: center; } .homepage .no-login .header .logo { max-width: none; transform: none; } .homepage .no-login .header .login_buton { width: 150px; margin: 0 10px; } .homepage .no-login .content__steps { position: relative; } .homepage .no-login .content__steps_wrapper { padding: 3% 10%; display: flex; justify-content: space-between; align-items: center; } .homepage .no-login .content__steps_slogan.title { width: auto; position: absolute; top: -6rem; right: 15%; } .homepage .no-login .content__steps_cross { position: absolute; width: calc(100% - 90px); right: 0; } .homepage .no-login .content__steps_cross svg path, .homepage .no-login .content__steps_cross svg line { fill: none; stroke: #626262; stroke-width: 2px; stroke-miterlimit: 10; } .homepage .no-login .content__steps_cross svg path { stroke-dasharray: 30% 30%; stroke-dashoffset: 100%; } .homepage .no-login .content__steps_cross svg line { opacity: 0; } .homepage .no-login .content__steps_item { width: 25%; height: 90px; padding: 10px; font-size: 1.4rem; display: flex; align-items: center; text-align: center; } .homepage .no-login .content__steps_item:not(:last-child) { padding: 0 0 0 100px; position: relative; } .homepage .no-login .content__steps_item:not(:last-child):before { content: attr(data-number); width: 90px; height: 90px; border: 2px dashed #24b9e9; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #626262; font-style: normal; font-family: "Corinthia"; font-weight: 900; font-size: 4rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .homepage .no-login .content__steps_item:last-child { min-width: 310px; border: 2px dashed #8dc500; border-radius: 4rem; justify-content: center; } .homepage .no-login .content__steps_item:last-child b { font-size: 1.8rem; } .homepage .no-login .content__steps_item[data-number="1"] .content__steps_cross, .homepage .no-login .content__steps_item[data-number="3"] .content__steps_cross { top: -25%; } .homepage .no-login .content__steps_item[data-number="2"] .content__steps_cross { bottom: -25%; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="1"]:before { animation: number 1.7s forwards ease-in; animation-delay: 0s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="1"] svg path { animation: draw 1.5s forwards ease-in; animation-delay: 0s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="1"] svg line { animation: crossArrow 0.2s forwards ease-in; animation-delay: 1.5s; } .homepage .no-login .content__steps.animation .content__steps_item:last-child { animation: finish 1.5s forwards ease-in; animation-delay: 0s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="2"]:before { animation: number 1.7s forwards ease-in; animation-delay: 1.5s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="2"] svg path { animation: draw 1.5s forwards ease-in; animation-delay: 1.5s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="2"] svg line { animation: crossArrow 0.2s forwards ease-in; animation-delay: 3s; } .homepage .no-login .content__steps.animation .content__steps_item:last-child { animation: finish 1.5s forwards ease-in; animation-delay: 1.5s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="3"]:before { animation: number 1.7s forwards ease-in; animation-delay: 3s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="3"] svg path { animation: draw 1.5s forwards ease-in; animation-delay: 3s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="3"] svg line { animation: crossArrow 0.2s forwards ease-in; animation-delay: 4.5s; } .homepage .no-login .content__steps.animation .content__steps_item:last-child { animation: finish 1.5s forwards ease-in; animation-delay: 3s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="4"]:before { animation: number 1.7s forwards ease-in; animation-delay: 4.5s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="4"] svg path { animation: draw 1.5s forwards ease-in; animation-delay: 4.5s; } .homepage .no-login .content__steps.animation .content__steps_item[data-number="4"] svg line { animation: crossArrow 0.2s forwards ease-in; animation-delay: 6s; } .homepage .no-login .content__steps.animation .content__steps_item:last-child { animation: finish 1.5s forwards ease-in; animation-delay: 4.5s; } @keyframes number { 0% { border: 2px solid #ffffff; background: #24b9e9; color: #ffffff; } 100% { border: 2px dashed #24b9e9; background: none; color: #626262; } } @keyframes draw { 0% { stroke-dashoffset: 100%; stroke-dasharray: 30% 30%; } 100% { stroke-dashoffset: 0%; stroke-dasharray: 100% 0%; } } @keyframes crossArrow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes finish { 0% { border: 2px solid #ffffff; background: #8dc500; color: #ffffff; } 100% { border: 2px dashed #8dc500; background: none; color: #333333; } } .homepage .no-login .content__slogan { padding: 5rem 0 0 0; background: linear-gradient(135deg, rgb(36, 185, 233) 0%, rgb(36, 185, 233) 48%, rgb(141, 197, 0) 68%, rgb(141, 197, 0) 86%, rgb(141, 208, 112) 100%); animation: gradient 15s ease infinite; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; font-family: "Lato-Black", sans-serif; font-weight: 900; font-size: 5rem; line-height: 120%; letter-spacing: 0.1rem; word-spacing: 5rem; text-align: center; position: relative; } .homepage .no-login .content__slogan:after { content: attr(data-slogan); -webkit-text-fill-color: #626262; color: #626262; font-style: normal; font-family: "Corinthia"; font-weight: 400; font-size: 5rem; word-spacing: 4rem; line-height: 90%; position: absolute; top: 1rem; bottom: 0; left: 0; right: 0; } @keyframes gradient { 0% { background: linear-gradient(135deg, rgb(36, 185, 233) 0%, rgb(36, 185, 233) 48%, rgb(141, 197, 0) 68%, rgb(141, 197, 0) 86%, rgb(141, 208, 112) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 25% { background: linear-gradient(135deg, rgb(36, 185, 233) 0%, rgb(36, 185, 233) 48%, rgb(36, 185, 233) 68%, rgb(141, 208, 112) 86%, rgb(141, 197, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 50% { background: linear-gradient(135deg, rgb(141, 197, 0) 0%, rgb(141, 208, 112) 48%, rgb(36, 185, 233) 68%, rgb(36, 185, 233) 86%, rgb(141, 197, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 75% { background: linear-gradient(135deg, rgb(141, 197, 0) 0%, rgb(141, 197, 0) 48%, rgb(141, 208, 112) 68%, rgb(36, 185, 233) 86%, rgb(36, 185, 233) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 100% { background: linear-gradient(135deg, rgb(36, 185, 233) 0%, rgb(36, 185, 233) 48%, rgb(141, 197, 0) 68%, rgb(141, 197, 0) 86%, rgb(141, 208, 112) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } @media screen and (max-width: 1600px) { .homepage .no-login .header__content_box:last-child { flex-direction: column; align-items: center; top: -35px; } .homepage .no-login .header .alarm { display: block; margin: 5px auto; } .homepage .no-login .content__steps_wrapper { margin: 130px 0 0 0; padding: 3%; } .homepage .no-login .content__steps_item { text-align: left; } .homepage .no-login .content__slogan { word-spacing: 0rem; } .homepage .no-login .content__slogan:after { word-spacing: 1rem; } } @media screen and (max-width: 1024px) { .homepage .no-login .header__content { padding: 0 3%; justify-content: flex-start; } .homepage .no-login .header__content_box:not(:last-child) { height: 50px; align-items: center; } .homepage .no-login .header .logo { font-size: 3.5rem; } .homepage .no-login .content__steps_wrapper { margin: 0; } .homepage .no-login .content__steps_slogan { top: -5rem; } .homepage .no-login .content__steps_cross { width: calc(100% - 60px); } .homepage .no-login .content__steps_item { height: 80px; } .homepage .no-login .content__steps_item:not(:last-child) { padding: 0 0 0 70px; } .homepage .no-login .content__steps_item:not(:last-child):before { width: 60px; height: 60px; } .homepage .no-login .content__steps_item:last-child { min-width: auto; flex-wrap: wrap; } .homepage .no-login .form-header { width: 150px; margin: 0 10px; padding: 0; background: none; filter: none; } .homepage .no-login .form-header.add-bg { min-width: 300px; width: 480px; margin: 0; padding: 10px; left: 10px; background: linear-gradient(to bottom, #8dc500 40px, #ffffff 40px); filter: drop-shadow(0px 3px 4px #686868); } .homepage .no-login .form-header.add-bg .form__title { height: 40px; color: #ffffff; font-size: 1.4rem; font-weight: 900; text-transform: uppercase; } .homepage .no-login .form-header.add-bg .form__title span { color: #ffffff; font-style: normal; font-family: "Lato", sans-serif; font-weight: 900; font-size: 1.25rem; line-height: 100%; } .homepage .no-login .form-header .add-buton { display: inline-block; height: 40px; margin: 0 !important; } .homepage .no-login .form-header .add-form { width: 150px; } .homepage .no-login .form-header .add-form .form, .homepage .no-login .form-header .add-form .b-oauth { outline: none; transition: none; opacity: 0; height: 0; overflow: hidden; box-sizing: border-box; max-width: 100%; max-height: 100%; } .homepage .no-login .form-header .add-form .b-oauth { padding: 0; } .homepage .no-login .form-header .add-open { width: 100%; height: auto; } .homepage .no-login .form-header .add-open .form, .homepage .no-login .form-header .add-open .b-oauth { opacity: 1; transition: opacity 0.1s ease; transition-delay: 0.3s; height: auto; } .homepage .no-login .form-header .add-open .b-oauth { padding: 5px 0; } .homepage .no-login .form-header .add-open .add-cancel { display: block; } .homepage .no-login .form-header .add-close { display: none; } .homepage .no-login .login_buton { height: 40px; } } @media screen and (max-width: 991px) { .homepage .no-login .nav-header { display: inline-block; } .homepage .no-login .form-header { margin: 0; } .homepage .no-login .header__content { flex-direction: column; } .homepage .no-login .header__content_box:first-child { padding-left: 50px; height: 40px; } .homepage .no-login .header__content_box:last-child { flex: 1 1 auto; width: auto; flex-direction: row; position: static; transform: none; } .homepage .no-login .header__content .nav__box { padding-left: 0; } .homepage .no-login .header .alarm { margin: 0; } .homepage .no-login .content__steps { flex-direction: column; } .homepage .no-login .content__steps_slogan { top: -5rem; } .homepage .no-login .content__steps_cross { display: none; } .homepage .no-login .content__steps_item { margin: 0; } .homepage .no-login .content__steps_item:not(:last-child) { width: 100%; padding: 0 0 0 50px; height: 50px; } .homepage .no-login .content__steps_item:not(:last-child):before { width: 40px; height: 40px; } .homepage .no-login .content__steps_item:last-child { min-width: 280px; flex-wrap: nowrap; position: absolute; top: 50%; right: 3%; transform: translateY(-50%); } .homepage .no-login .content__slogan { font-size: 50px; } .homepage .no-login .content__slogan:after { word-spacing: 0.2rem; } } @media screen and (max-width: 768px) { .homepage .no-login .header__top { padding: 40px 3% 0px 3%; } .homepage .no-login .header__content { padding: 0; } .homepage .no-login .header__content_box, .homepage .no-login .header__content_box:last-child { width: 100%; padding: 0 10px; } .homepage .no-login .header__content_box:first-child { padding-left: 60px; } .homepage .no-login .header__content_box:last-child { margin: 0; } .homepage .no-login .header__content .nav__box { padding-left: 10px; } .homepage .no-login .content__steps_slogan.title { position: static; padding: 0 10px; font-size: 50px; } .homepage .no-login .content__steps_item:last-child { height: 50px; position: static; transform: translateY(0%); } .homepage .no-login .content__slogan { padding: 50px 3% 0 3%; font-size: 40px; letter-spacing: -1.5px; } .homepage .no-login .content__slogan:after { font-size: 40px; } } @media screen and (max-width: 530px) { .homepage .no-login .header .logo { font-size: 30px; } } @media screen and (max-width: 480px) { .homepage .no-login .header__content { display: block; } .homepage .no-login .header__content_box:first-child { height: 40px; padding-right: 51.5%; padding-left: 50px; } .homepage .no-login .header__content_box:last-child { width: 50%; height: 40px; padding-left: 1.5%; justify-content: flex-end; position: absolute; top: 0; right: 0; } .homepage .no-login .header .login_buton { width: 100px; margin: 0 5px; order: 1; } .homepage .no-login .header .alarm { order: 2; } .homepage .no-login .content__steps_slogan { font-size: 35px; } .homepage .no-login .form-header.add-bg { width: 80%; } .homepage .no-login .form-header:not(.add-bg) { width: 100px; margin: 0 5px; } .homepage .no-login .form-header:not(.add-bg) .add-form:not(.add-open), .homepage .no-login .form-header:not(.add-bg) .btn { width: 100px; } .homepage .no-login .form-header .form__group[field-label]:not([field-icon=left]) .form__tooltip { padding-left: 0; } .homepage .no-login .form-header .form__group[field-label] .form__field_cell[field-cell=label] { width: 0; } .homepage .no-login .form-header .form__group:not(.form__group-check):not(.form__group_captcha):not(.form__group-btn):not(.form__group-note) { padding-top: 20px !important; } .homepage .no-login .form-header .form__group:not(.form__group-check):not(.form__group_captcha):not(.form__group-btn):not(.form__group-note) .label { min-width: 0; white-space: nowrap; position: absolute; top: 0; left: 10px; } .homepage .no-login .form-header .form__group:not(.form__group-check):not(.form__group_captcha):not(.form__group-btn):not(.form__group-note)[field-cell] .form__field_cell[field-cell=icon] .label { position: static; } .homepage .no-login .form-header .form__group-check div.label, .homepage .no-login .form-header .form__group_captcha div.label, .homepage .no-login .form-header .form__group-btn div.label, .homepage .no-login .form-header .form__group-note div.label { display: none; } .homepage .no-login .form-header .form__group-check .form__tooltip { padding-left: 30px; } .homepage .no-login .form-header .form__group_captcha .form__field_cell, .homepage .no-login .form-header .form__group_captcha .form__tooltip, .homepage .no-login .form-header .form__group-btn .form__field_cell, .homepage .no-login .form-header .form__group-btn .form__tooltip { text-align: center; } .homepage .no-login .form-header .form__group_captcha .form__field_cell[field*=label] { width: 40px; } .homepage .no-login .form-header .form__title { padding: 0 20px 0 0; font-size: 24px; letter-spacing: -0.5px; } .homepage .no-login .form-header .form__title span { line-height: 80%; } .homepage .no-login .form-header .form-forgotPassword .btn { min-width: 130px; width: 130px; margin: 10px 5px; } } html:not(.homepage) .no-login .nav__box { width: calc(100% - 340px); } .no-login .header__content { display: block; text-align: right; } .no-login .content { padding: 50px 10px 10px 10px; } .no-login .gallery-services .gallery__item { width: 25%; } @media screen and (max-width: 991px) { html:not(.homepage) .no-login .nav__box { width: auto; } .no-login .header__content { min-height: 40px; } .no-login .header .nav__box { text-align: left; padding: 0 0 0 10px; position: absolute; top: 0; left: 0; } .no-login .gallery-services { max-width: 600px; } .no-login .gallery-services .gallery__item { width: 50%; } } /* ================================================================================ | MEDIA | ================================================================================ */ @media screen and (min-width: 1920px) { aside.fixed { left: 50%; transform: translateX(-950px); } } @media screen and (max-width: 1600px) { html { font-size: 14px; } .footer__info p { padding: 0; } .nav__box_login { width: 100%; } .form:not(.form-fields):not(.form-filter) .form__group { margin-top: 0; } .form:not(.form-fields):not(.form-filter) .form__group:not(.form__group-check):not(.form__group-file):not(.form__group_captcha):not(#filterUserID) { padding-top: 20px !important; } .form:not(.form-fields):not(.form-filter) .form__group:not(.form__group-check):not(.form__group-file):not(.form__group_captcha):not(#filterUserID) .label { min-width: 0; white-space: nowrap; position: absolute; top: 0; left: 10px; } .form:not(.form-fields):not(.form-filter) .form__group:not(.form__group-check):not(.form__group-file):not(.form__group_captcha):not(#filterUserID) .password-input, .form:not(.form-fields):not(.form-filter) .form__group:not(.form__group-check):not(.form__group-file):not(.form__group_captcha):not(#filterUserID) .text-input { max-width: none !important; } .form:not(.form-fields):not(.form-filter) .form__group.form__group-check .label, .form:not(.form-fields):not(.form-filter) .form__group.form__group_captcha .label { display: none; } .form:not(.form-fields):not(.form-filter) .form__group.form__group-check .form__tooltip { padding-left: 30px; } .form:not(.form-fields):not(.form-filter) .form__group_captcha { text-align: center; } .form:not(.form-fields):not(.form-filter) .form__group_captcha .form__field_cell[field=label] { width: 40px; } .form:not(.form-fields):not(.form-filter) .form__group_captcha .form__field_cell, .form:not(.form-fields):not(.form-filter) .form__group_captcha .form__tooltip { text-align: center; } .form:not(.form-fields):not(.form-filter) .form__group .calendar__buton { margin-top: -5px; } .form-profile#profile_form-invite .user_block { margin: 0 20px; } .form#letter_form .form__group:not(.form__group-file) { padding: 0; } .gallery-credits { white-space: normal; } .gallery-credits .gallery__item { min-width: 300px; width: 100%; padding: 10px 0; } .gallery-credits .gallery__item:nth-child(odd):not(:only-child), .gallery-credits .gallery__item:nth-child(even):not(:only-child) { padding: 10px 0; } .gallery-credits .gallery__item:first-child { min-width: 0; } .news .news_birthday .news_birthday_top [data-state*=status]:before { top: 20px; right: -20px; } .news .news_birthday .user_box { padding: 0 40px 0 0; } .news_birthday .news_birthday_top [data-state*=status]:before { width: 130px; height: 130px; } .news_birthday .user_block { padding: 3px; } .news_birthday .user_preview { margin: 0; } .news_birthday .content_block { padding: 5px; } .ladies .gallery .user_name, .ladies .gallery .user_name span, .media-top100 .gallery .user_name, .media-top100 .gallery .user_name span { font-size: 1rem; } .likes .user_info { width: 100%; position: static; } .mail .content_block { width: 100%; margin: auto; padding: 5px; } .mail .user_block { padding: 5px; } .profile_girl > .user > tbody > tr { display: flex; } .profile_girl > .user > tbody > tr:first-child { padding: 0 0 110px 0; position: relative; } .profile_girl > .user > tbody > tr > td { display: block; width: 100%; } .profile_girl > .user > tbody > tr > td:before { display: none; } } @media screen and (max-width: 1280px) { html { font-size: 13px; } .nav-check.alarm .nav-check_label, .logout { min-width: 40px; width: 40px; height: 40px; } .nav-header .sub-menu ul { padding: 0; } .nav-header .sub-menu ul li { min-width: 108px; } .nav-footer ul li:not(:last-child) { border-right-width: 1px; } .nav-footer .nav__link { padding: 0 3px; } .nav-content ul li:last-of-type [class*=nav__link] span:before { display: none; } .nav-theme-trigger { width: 50px; } .content { padding-right: 10px; } .content__main { padding: 0; } .content__column { flex: 1 1 100%; width: 100%; padding: 0; } .news .news_birthday_top [data-state*=status]:before { right: 0; } .news .news_birthday_title:after { font-size: 1rem; top: 3rem; } .news .user_preview:not(.user_preview-video) { width: 100px; } .news_birthday .news_birthday_title { font-size: 3.5rem; } .news_birthday .user_box { padding: 0 40px 0 0; } .news_birthday .content_block { width: 33%; } .gallery:not(.gallery-comments):not(.gallery-form):not(.gallery-profile):not(.gallery-credits):not(.gallery-services):not(.gallery-upload) .gallery__item { width: 25%; } .gallery.gallery-form .gallery__item { width: 50%; } .media-private > p { width: 100%; } .form-letter > .form__box { display: block; } .form-letter > .form__box > .form__box { width: 100%; position: static; } .form-letter .form__group-file .btn-switch { top: 5px; } .form-letter .file-not_box { padding: 5px 0; } .form#settings-form .form__box { width: 100%; } .form#settings-form .form__box:not(:last-child) { display: flex; flex-wrap: wrap; } .form#settings-form .content__column { display: block; width: 100%; } .form#settings-form .content__column:first-child { order: 2; } .form#settings-form .content__column:last-child { order: 1; } .form#settings-form [class*=btn] { margin: 5px auto; } .form#settings-form [class*=btn]:nth-of-type(1) { margin: 5px auto; } .services_title p, .services-phoneCalls .services_title ul { padding-left: 0; } .services_title { width: 100%; } .likes .nav-user { margin: 0; } .profile_girl .user_info.user_online, .profile_girl .user_info.user_offline, .profile_man .user_info.user_online, .profile_man .user_info.user_offline { margin: 0; } .profile_girl .user p, .profile_man .user p { padding: 3px 5px; } .profile_girl .content__column, .profile_man .content__column { padding: 0; } .profile_man .user_box-nav { position: absolute; top: 0px; right: 10px; z-index: 2; } .profile_man .nav-content { width: 230px; } .profile_man .nav-content [class*=nav__link] { text-align: left; } .profile_man .nav-content [class*=nav__link]:hover span:before, .profile_man .nav-content [class*=nav__link].nav__link-current span:before { height: 2px !important; bottom: 0 !important; } .profile_man .nav-content [class*=nav__link] > span { display: block; } .profile_man .nav-content [class*=nav__link] .user_link_info { align-self: flex-end; font-size: 1rem; font-weight: 700; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); } .profile_man .nav-content [class*=nav__link] .user_link_info > div { display: inline; } .profile_man .nav-content > label.nav-check_label { display: flex; justify-content: flex-end; align-items: center; } .profile_man .nav-content ul.nav-check_content { display: none; width: 100%; padding: 5px; border-radius: 5px; background: #ffffff; filter: drop-shadow(0px 3px 3px #686868); position: absolute; top: 100%; left: 0; z-index: 100; } .profile_man .nav-content ul.nav-check_content li { display: block; } .profile_girl > .user > tbody > tr:first-child { padding: 0; } .profile_girl > .user > tbody > tr:first-child > td:first-child { min-width: 220px; max-width: 220px; width: 220px; } .profile_girl .user_box-avatar .user_preview { width: 210px; margin: auto !important; } .profile_girl.profile .user tr { display: block; position: relative; } .mail_selected label.nav-check_label .nav-arrow { padding-right: 30px; } .mail_selected label.nav-check_label .nav-arrow:before { display: block; } .mail_selected ul.nav-check_content { display: none; padding: 5px; border-radius: 5px; background: #ffffff; filter: drop-shadow(0px 3px 3px #686868); position: absolute; top: 100%; left: 0; z-index: 100; } .mail_selected ul.nav-check_content li:not(:first-child) .btn-link:before { display: none; } } @media screen and (max-width: 991px) { body:not(.no-login) main:not(.aboutUs):not(.testimonials):not(.happyStories):not(.terms):not(.faq):not(.cookie-settings):not(.contactUs):not(.gift-real):not(.gift-virtual):not([class*=services-]) .content__main > h1.title { display: block; } .nav-header { width: 40px; height: 40px; } .nav-header .sub-menu_list.li-current .sub-menu.desctop-hide { display: block; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) .sub-menu { display: none; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link] { border-radius: 5px; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current { background-color: #f38126; border-color: #f38126; color: #ffffff; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover { fill: #ffffff; stroke: #ffffff; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current { background-color: #5757f8; border-color: #5757f8; color: #ffffff; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover { fill: #ffffff; stroke: #ffffff; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover) > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover { fill: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover:before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover:before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover .sub-menu { display: none !important; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link] { border-radius: 5px; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-mail] { border-color: #f38126; color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-mail] svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-mail] svg .svg-hover { fill: #f38126; stroke: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-gift] { border-color: #5757f8; color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-gift] svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:not(.li-current):hover > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:not(.li-current):hover > [class*=nav__link][class*=-gift] svg .svg-hover { fill: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered:before, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered .sub-menu, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered:before, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link]:after, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered .sub-menu { display: block !important; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link] { border-radius: 5px 0px 0px 5px; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current { background-color: #ffffff; border-color: #f38126 transparent #f38126 #f38126; color: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current svg .svg-hover { fill: #f38126; stroke: #f38126; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift], .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current { background-color: #ffffff; border-color: #5757f8 transparent #5757f8 #5757f8; color: #5757f8; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift] svg .svg-nohover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current svg .svg-nohover { fill: transparent; stroke: transparent; } .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift] svg .svg-hover, .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current svg .svg-hover { fill: #5757f8; } .nav-theme { vertical-align: middle; } .nav-theme > div, .nav-theme > label { display: inline-block; vertical-align: middle; text-align: left; } aside { min-width: 90px; width: 90px; padding-top: 0px; top: 10px; } .header__content { display: block; padding: 0 10px 0 60px; background: none; box-shadow: none; } .header__content_box:last-child { margin: 0; padding: 0; position: relative; } .header_credits { display: inline-block; max-width: none; min-width: 0px; width: auto; margin: 0 5px; padding: 2px; text-align: left; } .header_credits .btn { width: auto; height: 40px; } .header_credits p { display: inline-block; vertical-align: middle; } .header_logo { vertical-align: middle; } .header .logout { min-width: 40px; width: 40px; height: 40px; padding: 6px; position: static; } .header .nav { display: block; opacity: 0; } .header .nav__box_login { padding: 0 0 0 10px; text-align: left; position: absolute; bottom: 0; left: 0; } .header .nav .desctop-hide:not(.sub-menu) { display: block !important; } .header_logo { min-width: auto; } .header .logo { font-size: 35px; } .footer .nav, .footer .logout { display: none; } .content { padding: 10px 20px 10px 110px; } .form-sortGallery { max-width: 580px; text-align: center; } .form-sortGallery .form .btn#gallery-viewed__buton { width: 130px; } .form-profile#profile_form-invite .text-input#subjectInvite { font-size: 1rem; } .news .content__main_block { padding: 5px; } .news_birthday .news_birthday_top [data-state*=status]:before { width: 100px; height: 100px; } .news_birthday .user_box { padding: 0; } .news_birthday .content_block { width: 50%; } .gallery:not(.gallery-comments):not(.gallery-form):not(.gallery-profile):not(.gallery-credits):not(.gallery-services):not(.gallery-upload) .gallery__item { width: 33%; } .gallery-welcomePage .gallery__item { min-width: 300px; } .gallery-services { max-width: 600px; } .gallery-services .gallery__item { width: 50%; } .welcomePage__title { font-size: 1.4rem; } .gifts .content_block, .likes .content_block { max-width: 600px; width: 100%; margin: auto; padding: 5px; } .gifts .user_block, .likes .user_block { padding: 5px; } .gift .content, .mail .content, .ignorelist .content { padding-left: 110px; } .profile_man:not(.sendBirthday) .user > tbody > tr, .profile_girl .user > tbody > tr { flex-wrap: wrap; } .profile_man:not(.sendBirthday) .user > tbody > tr:first-child, .profile_girl .user > tbody > tr:first-child { padding: 30px 0 0 0; } .profile_man:not(.sendBirthday) .user > tbody > tr:first-child > td, .profile_girl .user > tbody > tr:first-child > td { display: block; width: 100%; } .profile_man:not(.sendBirthday) .user > tbody > tr:first-child > td:last-child, .profile_girl .user > tbody > tr:first-child > td:last-child { display: flex; flex-wrap: wrap; } .profile_man:not(.sendBirthday) .user > tbody > tr > td.avatar_td, .profile_girl .user > tbody > tr > td.avatar_td { max-width: none; width: 100%; padding: 0; } .profile_man .user_box-nav { top: -10px; } .profile_man .user_box-profile .user_box { padding-right: 110px; } .profile_man .user_box-profile h3 { font-size: 1.4rem; letter-spacing: -1px; } .profile_man .user_box-profile [class*=btn] { max-width: 100px; min-width: 100px; } .profile_man .content { padding-top: 20px; } .profile_man .nav-profile .btn-upload-avatar { max-width: 190px; } .profile_man.sendBirthday .news_birthday .news_birthday_top [data-state*=status]:after { display: block; } .profile_man.sendBirthday .news_birthday .news_birthday_top [data-state*=status]:before { top: 0; } .profile_man.sendBirthday .news_birthday .news_birthday_title span { display: none; } .profile_man.giftsVirtual .news_birthday .content_block, .profile_man.giftsReal .news_birthday .content_block { width: 100%; } .profile_man.giftsVirtual .news_birthday .user_block, .profile_man.giftsReal .news_birthday .user_block { float: none; } .profile_man.photoAlbum .user_box.user_box-myGallery { justify-content: center; } .profile_girl .gallery-profile .gallery__item { width: 100%; padding: 10px 0; } .profile_girl .gallery-profile .gallery__item:nth-child(odd):not(:only-child), .profile_girl .gallery-profile .gallery__item:nth-child(even):not(:only-child) { padding: 10px 0; } .profile_girl .gallery .shadow { min-height: 0; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_box.nowrap { width: 100%; padding-left: 130px; position: absolute; top: -20px; right: 0; text-align: center; } .profile_girl .content { padding-top: 20px; } .profile_girl .nav-content { padding: 0 0 10px 0; } .profile_girl .nav-content [class*=nav__link] span { padding: 10px 1rem; } .profile_girl .nav-profile { width: 100%; } .profile_girl .nav-profile > ul { max-width: 360px; margin: auto; justify-content: center; } .profile_girl .nav-profile [class*=btn] { width: 100%; min-width: 115px; } .profile_girl .nav-user { padding: 10px 0 10px 5px; } .profile_girl .user_name { flex: none; text-align: center; } .profile_girl.profile .user_box-avatar .user_preview { margin: auto; } } @media screen and (max-width: 929px) { .form-profile#profile_form, .form-profile#profile_form-personal, .form-profile#profile_form-questionnaire { max-width: 480px; } .form-profile#profile_form .gallery-form, .form-profile#profile_form-personal .gallery-form, .form-profile#profile_form-questionnaire .gallery-form { text-align: center; } .form-profile#profile_form .gallery-form .gallery__item, .form-profile#profile_form-personal .gallery-form .gallery__item, .form-profile#profile_form-questionnaire .gallery-form .gallery__item { width: 100%; } .form-profile#profile_form .gallery-form .gallery__item .title-sub, .form-profile#profile_form-personal .gallery-form .gallery__item .title-sub, .form-profile#profile_form-questionnaire .gallery-form .gallery__item .title-sub { text-align: center; } .form-profile#profile_form .form__group-check .gallery-form, .form-profile#profile_form-personal .form__group-check .gallery-form, .form-profile#profile_form-questionnaire .form__group-check .gallery-form { text-align: left; } .form-profile#profile_form .form__group-check .gallery-form .gallery__item, .form-profile#profile_form-personal .form__group-check .gallery-form .gallery__item, .form-profile#profile_form-questionnaire .form__group-check .gallery-form .gallery__item { min-width: auto; width: 100%; padding: 0; font-size: 0; } .form-profile#profile_form .form__group-check .check-container, .form-profile#profile_form-personal .form__group-check .check-container, .form-profile#profile_form-questionnaire .form__group-check .check-container { width: 50%; } .form-profile#profile_form .form__group-btn .form__field_cell, .form-profile#profile_form-personal .form__group-btn .form__field_cell, .form-profile#profile_form-questionnaire .form__group-btn .form__field_cell { text-align: center; } } @media screen and (max-width: 767px), screen and (max-width: 991px) and (max-height: 770px) { .content, .gift .content, .mail .content, .ignorelist .content { padding: 10px; } #note, aside, main:not(.profile_girl):not(.mail) .nav-content, .header .logout { display: none; } .leptop-hide, .content__main > h1.title { display: block !important; } } @media screen and (max-height: 750px) { .main-wrapper { min-height: 800px; } } @media screen and (max-width: 767px) { html.pushed .main-wrapper, html.pushed .footer-wrapper { transform: none; } html.pushed:not(.showForm):not(.previewAnketa) .main-wrapper, html.pushed:not(.showForm):not(.previewAnketa) .footer-wrapper { transform: none; } html.pushed:not(.showForm):not(.previewAnketa) .nav__box { width: 100%; } html.pushed:not(.showForm):not(.previewAnketa) .nav-header { margin-left: -150px; position: absolute; top: 0; left: 50%; z-index: 100; transform: none; } html.pushed:not(.showForm):not(.previewAnketa) .nav-header.popup { position: fixed; top: 50%; transform: translateY(-50%); } } @media screen and (max-width: 768px) { .user > tbody > tr > td.avatar_td { max-width: 70px; min-width: 70px; width: 70px; font-size: 12px; } .user > tbody > tr > td.preview_td { width: 100px; } .user > tbody > tr > td.profile_td { width: 210px; } .user > tbody > tr > td.button_td { width: 120px; } .gifts .user_info, .mail .user_info, .likes .user_info { width: 100%; text-align: left; } .gifts .content_block, .mail .content_block, .likes .content_block { padding: 2.5px; } .news .user_preview:not(.user_preview-video) { width: 70px; } .news .news_birthday.content__main_block { position: relative; padding: 50px 0 0 0; } .news .news_birthday .news_birthday_top [data-state*=status] { position: absolute; top: 5px; right: 10px; } .news .news_birthday .user_box { padding: 0; } .news [data-state*=status]:not(.user_video) { width: 60px; height: 60px; } .header[data-banner=action] .header_logo { padding-bottom: 20px; } .header__top { padding: 5px 50px 0 90px; } .header__top:before, .header__top:after { width: 90px; padding-top: 41.5px; } .header_logo .logo { display: none; } .header_credits { border: none; border-radius: 0; position: relative; } .header_credits p { width: 300px; margin-right: -200px; padding: 5px; position: absolute; right: 100%; bottom: 100%; } .header_credits .btn:not(.form__btn) { margin: 10px; } .footer { max-height: 180px; height: 180px; } .footer-wrapper { margin-top: 40px; padding: 0 45px; } .footer-wrapper:before, .footer-wrapper:after { width: 90px; padding-top: 90px; top: -40px; } .nav-header.menu-sidebar:not(.closed) { min-height: 0; } .nav-letter .nav-check:first-child label.nav-check_label { margin: 0 0 0 20px; } .nav-letter .nav-check:last-child label.nav-check_label { left: 155px; } .nav-letter .nav-check label.nav-check_label { width: 130px; } .nav-letter .nav-check_content { padding: 5px; } .announce { font-size: 14px; } .announce .announce_clamp:after { font-size: 14px; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group[field-label]:not([field-icon=left]) .form__tooltip { padding-left: 0; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group[field-label] .form__field_cell[field-cell=label] { width: 0; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group:not(.form__group-check):not(.form__group_captcha):not(.form__group-btn):not(.form__group-note) { padding-top: 20px !important; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group:not(.form__group-check):not(.form__group_captcha):not(.form__group-btn):not(.form__group-note) .form__field_cell[field-cell=label] .label { padding: 0; white-space: nowrap; position: absolute; top: 0; left: 0; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group-check div.label, .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group_captcha div.label, .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group-btn div.label, .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group-note div.label { display: none; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group-check .form__tooltip { padding-left: 30px; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group_captcha { text-align: center; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group_captcha .form__field_cell[field*=label] { width: 40px; } .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group_captcha .form__field_cell, .form-fields:not(#registerForm):not(#loginForm):not(#forgotPasswordForm):not(#profile_form-questionnaire) .form__group-btn .form__field_cell { text-align: center; } .form-fields.form-gift .form__group-btn { text-align: center; } .form-fields.form-gift .form__group-btn .label { padding: 0; white-space: nowrap; position: absolute; top: 0; left: 0; } .form-fields.form-gift .form__group-btn[field-cell] .form__field_cell[field-cell=icon] .label { position: static; } .form-fields.form-gift .form__group-btn > .form__field { min-width: 210px; margin-bottom: 10px; padding-top: 20px !important; position: relative; } .form-fields.form-gift .form-gift-note td:first-child { width: 0; } .form-contactUs .form_bg { padding: 0; } .form-phoneCalls { max-width: 300px; } .form#settings-form { max-width: 400px; } .form#settings-form .form__box:last-child { text-align: center; } .form#settings-form .form__group_captcha .form__tooltip { text-align: center; } .form-profile#profile_form .form__group-check, .form-profile#profile_form-personal .form__group-check { padding-top: 20px !important; } .form-profile#profile_form .form__group-check .form__field_cell[field-cell=label] div.label, .form-profile#profile_form-personal .form__group-check .form__field_cell[field-cell=label] div.label { display: block !important; padding: 0; font-size: 1.2rem !important; white-space: nowrap; position: absolute; top: 0; left: 0; } .profile_man .content { padding-top: 0; } .profile_man.favoriteLadies > .user_block { min-height: auto; margin: 0; } .profile_girl.profile > .user > tbody > tr:first-child { padding: 0; } .profile_girl .nav-profile { margin: auto; } .profile_girl .nav-profile [class*=btn] { min-width: 40px; width: 40px; height: 40px; margin: 2.5px; padding-left: 0; border-radius: 5px; } .profile_girl .nav-profile [class*=btn] span { display: none; } } @media screen and (max-width: 640px) { .form-searchUser .gallery-form { max-width: 310px; } .form-searchUser .form__group-check[field-cell="2"] .form__field[field-cell=table] { width: 100%; } } @media screen and (max-width: 600px) { .gallery:not(.gallery-comments):not(.gallery-form):not(.gallery-profile):not(.gallery-credits):not(.gallery-upload) .gallery__item { width: 50%; } .gallery.gallery-comments, .gallery.gallery-form, .gallery.gallery-profile { text-align: center; } .gallery.gallery-comments .gallery__item, .gallery.gallery-form .gallery__item, .gallery.gallery-profile .gallery__item { min-width: 300px; width: 100%; } .gallery.gallery-comments .gallery__item, .gallery.gallery-profile .gallery__item { padding: 10px 0; } .gallery.gallery-comments .gallery__item:nth-child(odd):not(:only-child), .gallery.gallery-comments .gallery__item:nth-child(even):not(:only-child), .gallery.gallery-profile .gallery__item:nth-child(odd):not(:only-child), .gallery.gallery-profile .gallery__item:nth-child(even):not(:only-child) { padding: 10px 0; } .gallery.gallery-form { max-width: 400px; } .mail_message .message_content { display: flex; flex-direction: column; } .mail_message .message_pict { order: 2; max-width: none; padding: 0; float: none; } .mail_message .message_text { order: 1; } .form-profile#profile_form-invite .form__box .form__group, .form-profile#profile_form-invite .text-input { width: 100%; } .form-filter .pagination_section { width: 100%; padding: 10px 0; } .attaches .attachModule.attachModule-static { padding-left: 0; padding-right: 0; } .attaches .attachModule .attachModule-container { padding-top: 120px; } .attaches .attachModule .attachModule-container .attachModule-header { height: 120px; padding: 0 0 60px 0; } .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add, .attaches .attachModule .attachModule-container .attachModule-header .attachModule-add.attachModule-add { margin-top: 0; top: 65px; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 530px) { .gallery:not(.gallery-comments):not(.gallery-form):not(.gallery-credits):not(.gallery-welcomePage) .gallery__item { width: 100%; } .gallery.gallery-services .gallery__item { width: 100% !important; } .services .services_title .title_icon { margin: 0 10px 10px 0; float: left; } .services .services_title .title_box { max-width: 100%; padding-left: 90px; text-align: left; } .form-filter .form-search { margin: auto; } .form-filter .form-search-icon { flex-direction: column; } .form-filter .form-search-icon [class*=btn] { margin: 5px auto; } .form-filter .label { width: auto; } .mail .nav-content [class*=nav__link] span { padding: 5px 0.2em; font-size: 13px; } .mail .nav-content [class*=nav__link] .user_link_info { padding: 5px 0; font-size: 12px; } .mail .nav-content [class*=nav__link] .user_link_info font { font-size: 12px; } .news .news_birthday.content__main_block { padding: 10px 0 0 0; } .news .news_birthday_title:after { font-size: 0.8rem; top: 2rem; } .news .news_birthday [data-state*=status]:before { display: none; } .news_birthday .content_block { width: 100%; } .news_birthday .news_birthday_title { font-size: 2.5rem; } .news_birthday .news_birthday_title:after { top: 2rem; bottom: auto; } .news_birthday .news_birthday_title:before { display: none; } .profile_man.sendBirthday .news_birthday .news_birthday_top [data-state*=status]:after { padding: 0; bottom: 0; } .profile_man.sendBirthday .news_birthday .news_birthday_title, .profile_man.sendBirthday .news_birthday .news_birthday_title:after { padding: 0; } .profile_girl .user > tbody > tr:first-child { padding-top: 50px; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_box.nowrap { padding: 0 60px; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_name { display: block; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_name b span { display: none; } .profile_girl .user > tbody > tr:first-child > td:last-child .user_info { display: inline-block; position: static; transform: none; } } @media screen and (max-width: 480px) { .nav-theme-desctop { display: none; } .nav .phone-hide { display: block !important; } .pagination > span, .pagination > a { width: 22px; padding-top: 22px; } .main-wrapper { min-height: calc(100vh - 275px); } .header .logo { font-size: 30px; } .header_credits { margin: 0; padding: 0 40% 0 0; } .header__content { display: block; } .header__content_box:first-child { padding-right: 50%; } .header__content_box:last-child { width: 50px; height: 40px; padding-right: 10px; position: absolute; top: 0; right: 0; z-index: 1; } .footer { max-height: 235px; height: 235px; } .gallery:not(.gallery-comments):not(.gallery-form):not(.gallery-credits):not(.gallery-services):not(.gallery-profile):not(.gallery-upload):not(.gallery-welcomePage) .gallery__item { max-width: 250px; min-width: 200px; width: 100%; padding: 10px 0; } .form-sortGallery { max-width: 285px; } .form-sortGallery .form#gallery-new_form .form__group { width: 285px; padding-right: 0; } .form-letter { padding: 0; border: none; border-radius: 0; } .form-letter .form__group-file { padding: 40px 0 0 0; } .form-letter .form__group-file .btn-switch { top: 0; } .form-letter .file_box { width: 100%; margin-left: 0; } .form-letter .file-not[data-state*=status-folder]:not([class*=btn])::after, .form-letter .btn.btnDelete, .form-letter .btn { max-width: 150px !important; } .form-profile#profile_form .gallery-form .gallery__item, .form-profile#profile_form-personal .gallery-form .gallery__item, .form-profile#profile_form-questionnaire .gallery-form .gallery__item { min-width: 300px; padding: 0; } .form-profile#profile_form .form__group-check .gallery-form .gallery__item, .form-profile#profile_form-personal .form__group-check .gallery-form .gallery__item, .form-profile#profile_form-questionnaire .form__group-check .gallery-form .gallery__item { width: 100%; } .form-profile#profile_form .form__group-check .check-container, .form-profile#profile_form-personal .form__group-check .check-container, .form-profile#profile_form-questionnaire .form__group-check .check-container { width: 100%; } .profile_girl .user_box-photo .user_block { width: 33%; } .profile_girl .user_box-preview .user_avatar { max-width: 70px; } .mail .btn { min-width: 130px; } .mail .user_block:not(.stories) .user_name div:not(.mail_date) { display: inline; } .mail.letter .letter_chars_limit { display: block; float: none; } .likes .user_block { padding-bottom: 50px; position: relative; } .likes .user > tbody > tr td:last-of-type.avatar_td .user_preview[data-state*=status-likes] { overflow: visible; } .likes .user > tbody > tr td:last-of-type.avatar_td .user_preview[data-state*=status-likes]:after { transform: translateX(-12px); } .likes .user .user_box { padding-right: 10px; } .likes .user .nav-user { position: absolute; left: 75px; bottom: 5px; } .credits #credits__buton { display: block; } } /* ================================================================================ | DARK THEME STYLES | ================================================================================ */ html[data-theme=dark] body { background-color: #191a22; color: #788b9f; } html[data-theme=dark] .footer-wrapper { background-color: #16161f; color: #788b9f; } html[data-theme=dark] .footer-wrapper:before { background-position-x: 66.66%; left: 0; } html[data-theme=dark] .footer-wrapper:after { background-position-x: 100%; right: 0; } html[data-theme=dark] .logo_finish { color: #788b9f; } html[data-theme=dark] .form .text-input, html[data-theme=dark] .form .textarea { border-color: #788b9f; color: #788b9f; } html[data-theme=dark] .form .text-input:hover::placeholder, html[data-theme=dark] .form .textarea:hover::placeholder { color: #788b9f; } html[data-theme=dark] .form .check-label { color: #24b9e9; } html[data-theme=dark] .form .check-label-online { color: #f94949; } html[data-theme=dark] .form-sortGallery .form#gallery-new_form .label, html[data-theme=dark] .form-gift .label, html[data-theme=dark] .form-filter .label { color: #788b9f; } html[data-theme=dark] .form-search .search-input.square::placeholder { color: #788b9f; } html[data-theme=dark] .form-letter { border-color: #788b9f; } html[data-theme=dark] .form-profile#profile_form-status { background-color: #191a22; filter: drop-shadow(0px 3px 3px #24b9e9); } html[data-theme=dark] .select2-container .select2-dropdown .select2-results > .select2-results__options { background-color: #191a22; } html[data-theme=dark] .select2-container .select2-selection { border-color: #788b9f; } html[data-theme=dark] .select2-container .select2-selection .select2-selection__rendered { color: #788b9f; } html[data-theme=dark] .select2-container .select2-selection .select2-selection__arrow b { background-color: #191a22; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc3MzY1NEU2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc3MzY1NEQ2MkI2MTFFQUFDNTFBNTRDRDIxMEU1MkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlGQzhEOEI1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGQzhEOEM1REVEMTFFQThEQ0I4MzI2NDE2MkNEM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6e8r6nAAAAsElEQVR42mL8//8/A60BEwMdwKglo5bQ35JpQKxGolmKQDwFmwQjjsz4DyQHxPxA/IkICziB+BvMTGJ9AhJ/DMQfgZiXgAUcQPwZiF9js4BQnMgB8ROoT3jxWPAFiN8BsRi5ES+LxyKiLCA2dYEsegq1iA8pDkBB9J6QBaQkYRmoRaA4MofSH4BYlBjNjCQW9beBWAUahLK0yozaQNwBxJqkaGIcrbRGLRm1hCAACDAAfN8nXZ+IA2cAAAAASUVORK5CYII="); border-color: #788b9f; } html[data-theme=dark] .select2-container .select2-selection:hover .select2-selection__arrow b { background-color: #24b9e9; border-color: #24b9e9; } html[data-theme=dark] .check-input:checked + [class*=check-input_label]:not(.check-input_label-rating) { border-color: #24b9e9; background: #191a22; box-shadow: none; } html[data-theme=dark] .check-input_label { background-color: #3d4859; border-color: #788b9f; border-radius: 2px; box-shadow: inset 0 4px 9px #16161f; } html[data-theme=dark] .check-input_label:after { left: 4px; top: 4px; width: 10px; height: 10px; border: none; border-radius: 2px; background-color: #24b9e9; transform: none; } html[data-theme=dark] .file-not[data-state*=status-folder]:not([class*=btn]):after { border-color: #788b9f; background-image: linear-gradient(to right, #191a22 0%, #191a22 100%); color: #788b9f; } html[data-theme=dark] .file-not[data-state*=status-folder]:not([class*=btn]):hover:after { border-color: #24b9e9; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); color: #ffffff; } html[data-theme=dark] .file-not_box { border-bottom-color: #788b9f; } html[data-theme=dark] .modal__content, html[data-theme=dark] .modal__close { background-color: #191a22; } html[data-theme=dark] .modal__container { border-color: #788b9f; background-color: #16161f; } html[data-theme=dark] .modal__container:before { border-color: #788b9f; background-color: #16161f; } html[data-theme=dark] .modal__container:after { background-color: #16161f; border-color: #16161f; } html[data-theme=dark] .modal-anketa .modal__container { background-color: transparent; } html[data-theme=dark] .modal-anketa .preview_sign_buttons { background-color: #16161f; } html[data-theme=dark] .attaches .attachModule { background: #16161f; } html[data-theme=dark] .mailbox-message-tabs.ui-tabs .ui-tabs-nav, html[data-theme=dark] .file-not_box { border-bottom-color: #788b9f; } html[data-theme=dark] #mailbox-message-filter label span:before { background: #788b9f; } html[data-theme=dark] #mailbox-message-filter label.ui-state-active span:before, html[data-theme=dark] #mailbox-message-filter label:hover span:before { background: #24b9e9; } html[data-theme=dark] .mailbox-history-row { background-color: #464657; } html[data-theme=dark] .mailbox-history-row:before { border-color: transparent #464657; } html[data-theme=dark] .mailbox-history-row-in:after, html[data-theme=dark] .mailbox-history-row-out:after { border-color: transparent #788b9f; } html[data-theme=dark] .mailbox-paginator span { background-color: #191a22; color: #788b9f; } html[data-theme=dark] .mailbox-paginator span:hover, html[data-theme=dark] .mailbox-paginator span:focus, html[data-theme=dark] .mailbox-paginator span.pagination_selected { background-color: #24b9e9; color: #ffffff; } html[data-theme=dark] [class*=nav-arrow]:before { border-top-color: #788b9f; } html[data-theme=dark] .nav-close.close-button { background-color: #191a22; } html[data-theme=dark] .nav-header .sub-menu { background-color: #191a22; } html[data-theme=dark] .nav-header.menu-sidebar { background-color: #464657; } html[data-theme=dark] .nav-header.menu-sidebar [class*=nav__link] { color: #788b9f; } html[data-theme=dark] .nav-header.menu-sidebar [class*=nav__link]:hover, html[data-theme=dark] .nav-header.menu-sidebar [class*=nav__link].nav__link-current { background: linear-gradient(to top, #464657 2px, #24b9e9 2px); color: #ffffff; } html[data-theme=dark] .nav-header.menu-sidebar.closed { background-color: #24b9e9; } html[data-theme=dark] .nav-header.menu-sidebar.closed [class*=nav__link] { color: transparent; background: #ffffff; border-color: #ffffff; } html[data-theme=dark] .nav-header.menu-sidebar .sub-menu ul li:first-child [class*=nav__link] { border-left-color: #464657; } html[data-theme=dark] .nav-header.menu-sidebar .sub-menu ul li:last-child [class*=nav__link]:hover, html[data-theme=dark] .nav-header.menu-sidebar .sub-menu ul li:last-child [class*=nav__link].nav__link-current { background: linear-gradient(to right, #8dc500 2px, transparent 2px), linear-gradient(to top, #464657 2px, #24b9e9 2px); } html[data-theme=dark] .nav-header.menu-sidebar .sub-menu [class*=nav__link] { border-left-color: #464657; background: linear-gradient(to right, #8dc500 2px, #464657 2px); } html[data-theme=dark] .nav-header.menu-sidebar .sub-menu [class*=nav__link]:hover, html[data-theme=dark] .nav-header.menu-sidebar .sub-menu [class*=nav__link].nav__link-current { background: linear-gradient(to right, #8dc500 2px, transparent 2px), linear-gradient(to top, #464657 2px, #24b9e9 2px); } html[data-theme=dark] .nav-header .nav-theme > div { color: #788b9f; } html[data-theme=dark] .nav-aside > ul > li > [class*=nav__link] { background: #191a22; } html[data-theme=dark] .nav-aside > ul > li > [class*=nav__link][class*=-chat]:not(.nav__link-current) { animation-name: chatDark; } @keyframes chatDark { 0% { border: 2px solid #8dc500; background: #191a22; color: #8dc500; } 100% { border: 2px solid #8dc500; background: #8dc500; color: #ffffff; } } html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current { background-color: #191a22; } html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link]:after, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail] > [class*=nav__link].nav__link-current:after, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link]:after, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift] > [class*=nav__link].nav__link-current:after { background-color: #191a22; } html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):hover > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):hover > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].hovered > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].hovered > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):hover > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):hover > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].hovered > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].hovered > [class*=nav__link][class*=-mail].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-mail].nav__link-current { background-color: #191a22; } html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail]:hover > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):hover > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current:not(.li-hover):hover > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].hovered > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].hovered > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=mail].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift]:hover > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):hover > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current:not(.li-hover):hover > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].hovered > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].hovered > [class*=nav__link][class*=-gift].nav__link-current, html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift], html[data-theme=dark] .nav-aside > ul > li.sub-menu_list[data-submenu=gift].li-current.hovered > [class*=nav__link][class*=-gift].nav__link-current { background-color: #191a22; } html[data-theme=dark] .nav-aside .sub-menu:before { background-color: #191a22; } html[data-theme=dark] .nav-footer ul li:not(:last-child) { border-right-color: #788b9f; } html[data-theme=dark] .nav-content [class*=nav__link] span:before { background: #788b9f; } html[data-theme=dark] .nav-content [class*=nav__link]:hover span:before { background: #24b9e9; } html[data-theme=dark] .nav-letter .nav-check label.nav-check_label { background: #191a22; border-color: #788b9f; } html[data-theme=dark] .nav-letter .nav-check label.nav-check_label:before { background: #191a22; } html[data-theme=dark] .nav-letter .nav-check_content { border-color: #788b9f; } html[data-theme=dark] .nav-check_label[for=nav-searchAdvanced]:after { color: #788b9f; } html[data-theme=dark] .nav-check.gift_item .nav-check_input[checked] + .nav-check_label { background-image: none; } html[data-theme=dark] .nav-check.gift_item .nav-check_label { background-color: #464657; } html[data-theme=dark] .nav-check.gift_item .nav-check_label:hover, html[data-theme=dark] .nav-check.gift_item .nav-check_label .gift_item_hover { background-image: none; } html[data-theme=dark] .slider:not(.slider-user) .swiper-button-prev, html[data-theme=dark] .slider:not(.slider-user) .swiper-button-next { background-color: #191a22; border: 1px dashed #788b9f; } html[data-theme=dark] .slider:not(.slider-user) .swiper-button-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwOtARMDHcCoJVS3ZBoQ/6PEEkYiUpcaEN8E4sdALEcrS0CAD4g/AvETIJalVZx8glokA/URzSL+M5JFT2iZumAWSZNiETlJGGQRP9Si20DMRqt8AoojCyBWAeJGaqUudMAJTW0vgVgTiL9Q2xIOaJB9AGJRWsQJB9TVRFtAqiUwC96RYgEplnAiWSBGi8yoCMTfyLWAWEuKobQYmcmd7CQ8WjMOcUsAAgwAOEUvITGDz5UAAAAASUVORK5CYII="); } html[data-theme=dark] .slider:not(.slider-user) .swiper-button-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpi/P//PwOtARMDHcCoJXS15B8QTyOkiJGC1PUIiGWBWB2Ib+FTyEKmBY+BWAaI+YH4EyHFLBRYwAfEn4nRQKolT4BYmhQLSI14siwg1hI2IL4NtYCfVAuItaQRiFWA2IKYSCY3CfMA8XUgFof65DstLIGB10AsAMS8QPyDVjleFIg/APEXIOagZbECsugdqRaRU3aJIVnEScsCEmbRNyBWpGUpLAali2lRdqGkztGacWhaAhBgAGj3KDKFSWTUAAAAAElFTkSuQmCC"); } html[data-theme=dark] #slider-girl .swiper-button-prev:hover, html[data-theme=dark] #slider-girl .swiper-button-prev:focus, html[data-theme=dark] #slider-girl .swiper-button-next:hover, html[data-theme=dark] #slider-girl .swiper-button-next:focus { border-color: #8dc500; } html[data-theme=dark] [data-slider=sliderTab] .slider-button-prev, html[data-theme=dark] [data-slider=sliderTab] .slider-button-next { background-color: #22212c; } html[data-theme=dark] .chatRequestPopup input.nav__check:checked ~ label.nav__label { background-color: transparent; } html[data-theme=dark] .chatRequestPopup label.nav__label { background-color: #191a22; } html[data-theme=dark] .chatRequestPopup label.nav__label:after { background-position-y: 100%; } html[data-theme=dark] .chatRequestPopup label.nav__label:hover { background-color: #8dc500; } html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_cover { border-color: #464657; } html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content .chatRequestPopup_user .chatRequestPopup_user_bg { background-image: url("../images/bubble/bubble-bg-dark.png"); } html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content [data-action=prev]:after, html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content [data-action=next]:after { background-color: #191a22; } html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content [data-action=prev]:hover:after, html[data-theme=dark] .chatRequestPopup .chatRequestPopup_content [data-action=next]:hover:after { background-color: #8dc500; } @media screen and (max-width: 1280px) { html[data-theme=dark] .chatRequestPopup input.nav__check:checked ~ label.nav__label { background-color: #464657; } html[data-theme=dark] .chatRequestPopup input.nav__check:checked ~ label.nav__label:hover { background-color: #8dc500; } html[data-theme=dark] .chatRequestPopup label.nav__label { background-color: transparent; } html[data-theme=dark] .chatRequestPopup label.nav__label:hover { background-color: transparent; } } html[data-theme=dark] [data-state*=status][data-state*=-folder][data-state*=-blue]:before, html[data-theme=dark] [data-state*=mail][data-state*=-folder][data-state*=-blue]:before { background-position-x: 60%; } html[data-theme=dark] [data-state*=status][data-state*=-folder][data-state*=-blue]:hover:before, html[data-theme=dark] [data-state*=mail][data-state*=-folder][data-state*=-blue]:hover:before { background-position-x: 50%; } html[data-theme=dark] .btn-invert, html[data-theme=dark] .btn-invert.more__button { border-color: #788b9f; color: #788b9f; background-image: linear-gradient(to right, #191a22 0%, #191a22 100%); } html[data-theme=dark] .btn-invert:before, html[data-theme=dark] .btn-invert.more__button:before { color: #788b9f; } html[data-theme=dark] .btn-invert .more__button-arrow span, html[data-theme=dark] .btn-invert.more__button .more__button-arrow span { background: #788b9f; } html[data-theme=dark] .btn-invert .more__button-arrow span:before, html[data-theme=dark] .btn-invert .more__button-arrow span:after, html[data-theme=dark] .btn-invert.more__button .more__button-arrow span:before, html[data-theme=dark] .btn-invert.more__button .more__button-arrow span:after { background: #788b9f; } html[data-theme=dark] .btn-invert:link, html[data-theme=dark] .btn-invert:active, html[data-theme=dark] .btn-invert:visited, html[data-theme=dark] .btn-invert.more__button:link, html[data-theme=dark] .btn-invert.more__button:active, html[data-theme=dark] .btn-invert.more__button:visited { color: #788b9f; } html[data-theme=dark] .btn-invert .svg-icon, html[data-theme=dark] .btn-invert.more__button .svg-icon { fill: #788b9f; stroke: #788b9f; } html[data-theme=dark] .btn-invert:hover, html[data-theme=dark] .btn-invert.more__button:hover { border-color: transparent; color: #ffffff; background-image: linear-gradient(to right, #24b9e9 0%, #24b9e9 20%, #8dc500 40%, #8dc500 40%, #8dc500 60%, #24b9e9 80%); } html[data-theme=dark] .btn-invert:hover .svg-icon, html[data-theme=dark] .btn-invert.more__button:hover .svg-icon { fill: #ffffff; stroke: #ffffff; } html[data-theme=dark] .btn-invert-green, html[data-theme=dark] .btn-invert-green.more__button, html[data-theme=dark] .btn-invert.more__button-green, html[data-theme=dark] .btn-invert.more__button-green.more__button { background-image: linear-gradient(to right, #191a22 0%, #191a22 100%); } html[data-theme=dark] .btn-invert-green:hover, html[data-theme=dark] .btn-invert-green.more__button:hover, html[data-theme=dark] .btn-invert.more__button-green:hover, html[data-theme=dark] .btn-invert.more__button-green.more__button:hover { background-image: linear-gradient(to right, #8dc500 0%, #8dc500 20%, #24b9e9 40%, #24b9e9 40%, #24b9e9 60%, #8dc500 80%); } html[data-theme=dark] .btn-invert-green:hover .svg-icon, html[data-theme=dark] .btn-invert-green.more__button:hover .svg-icon, html[data-theme=dark] .btn-invert.more__button-green:hover .svg-icon, html[data-theme=dark] .btn-invert.more__button-green.more__button:hover .svg-icon { fill: #ffffff; stroke: #ffffff; } html[data-theme=dark] .btn-switch.btn-invert:after { color: #788b9f; } html[data-theme=dark] .btn-switch:hover:after, html[data-theme=dark] .btn-switch.add:after { color: #ffffff; } html[data-theme=dark] .pagination > span:before, html[data-theme=dark] .pagination > a:before { background-color: #191a22; } html[data-theme=dark] .pagination > span > span, html[data-theme=dark] .pagination > a > span { color: #788b9f; } html[data-theme=dark] .pagination > span:hover:before, html[data-theme=dark] .pagination > span:focus:before, html[data-theme=dark] .pagination > span.selected:before, html[data-theme=dark] .pagination > a:hover:before, html[data-theme=dark] .pagination > a:focus:before, html[data-theme=dark] .pagination > a.selected:before { background-color: #24b9e9; } html[data-theme=dark] .pagination > span:hover > span, html[data-theme=dark] .pagination > span:focus > span, html[data-theme=dark] .pagination > span.selected > span, html[data-theme=dark] .pagination > a:hover > span, html[data-theme=dark] .pagination > a:focus > span, html[data-theme=dark] .pagination > a.selected > span { color: #ffffff; } html[data-theme=dark] .announce .check:checked + .announce_label .announce_box { background-color: #16161f; } html[data-theme=dark] .announce .check:checked + .announce_label .announce_box:before { background-color: #16161f; box-shadow: 0 2px 6px rgba(22, 86, 123, 0.34), -2px 0px 6px rgba(22, 86, 123, 0.34); } html[data-theme=dark] .profile_man .user p, html[data-theme=dark] .profile_man .announce_content, html[data-theme=dark] .profile_man .announce_clamp, html[data-theme=dark] .profile_girl .user p, html[data-theme=dark] .profile_girl .announce_content, html[data-theme=dark] .profile_girl .announce_clamp { color: #788b9f; } @media screen and (max-width: 1280px) { html[data-theme=dark] .profile_man .nav-content ul.nav-check_content { background: #191a22; filter: drop-shadow(0px 3px 3px #24b9e9); } } html[data-theme=dark] #slider-girl .user_avatar.shadow:hover, html[data-theme=dark] #slider-girl .user_preview.shadow:hover, html[data-theme=dark] .gallery .user_avatar.shadow:hover, html[data-theme=dark] .gallery .user_preview.shadow:hover, html[data-theme=dark] .news .user_avatar.shadow:hover, html[data-theme=dark] .news .user_preview.shadow:hover, html[data-theme=dark] .media-top100 .user_avatar.shadow:hover, html[data-theme=dark] .media-top100 .user_preview.shadow:hover, html[data-theme=dark] .media-private .user_avatar.shadow:hover, html[data-theme=dark] .media-private .user_preview.shadow:hover, html[data-theme=dark] .likes .user_avatar.shadow:hover, html[data-theme=dark] .likes .user_preview.shadow:hover, html[data-theme=dark] .profile_girl .user_avatar.shadow:hover, html[data-theme=dark] .profile_girl .user_preview.shadow:hover, html[data-theme=dark] .profile_man .user_avatar.shadow:hover, html[data-theme=dark] .profile_man .user_preview.shadow:hover, html[data-theme=dark] .letter .user_avatar.shadow:hover, html[data-theme=dark] .letter .user_preview.shadow:hover { border-radius: 2px; background: #788b9f; filter: drop-shadow(0px 3px 3px #24b9e9); color: #191a22; } html[data-theme=dark] [data-state*=user][data-state*=-camera]:after { background-color: #22212c; } html[data-theme=dark] .user_place { color: #788b9f; } html[data-theme=dark] .user_name > span, html[data-theme=dark] .user_name > font, html[data-theme=dark] .user_visited > span, html[data-theme=dark] .user_visited > font, html[data-theme=dark] .user_link_info > span, html[data-theme=dark] .user_link_info > font, html[data-theme=dark] .user_free > span, html[data-theme=dark] .user_free > font { color: #ffffff; } html[data-theme=dark] .slider .user_info, html[data-theme=dark] .gallery .user_info { background: rgba(22, 22, 31, 0.78); } html[data-theme=dark] .birthdate__box { border-color: #788b9f; } html[data-theme=dark] .letter_upload { border-color: #788b9f; } html[data-theme=dark] .faq ol .title { color: #788b9f; } html[data-theme=dark] .faq ol ol > li div { color: #788b9f; } html[data-theme=dark] .faq [class*=table] { filter: none; } html[data-theme=dark] .faq [class*=table] > thead > tr { border-color: #788b9f; background: #788b9f; } html[data-theme=dark] .faq [class*=table] > thead > tr > th { color: #191a22; } html[data-theme=dark] .faq [class*=table] > thead > tr > th.vip { color: #f94949; } html[data-theme=dark] .faq [class*=table] > tbody > tr { border: 10px solid #788b9f; background: #191a22; outline: 1px solid #788b9f; } html[data-theme=dark] .mail_selected ul.nav-check_content li:not(:first-child) .btn-link:before { background: #788b9f; } html[data-theme=dark] .services_item:hover { background: #191a22; } html[data-theme=dark] #note div { border-color: #788b9f; } html[data-theme=dark] .alternative_payments-copy input { background: #191a22; background-color: #191a22; padding: 5px 10px; padding-right: 10px; padding-right: 66px; border: 1px solid #b2b2b2; width: 100%; font-size: 17px; } @media screen and (max-width: 991px) { html[data-theme=dark].pushed body { background-color: #464657; } html[data-theme=dark] .nav-header .sub-menu { background-color: #464657; } } html[data-theme=dark] .secretAdmirer__list:before { border-top: 1px solid rgba(255, 255, 255, 0.24); border-bottom: 1px solid rgba(255, 255, 255, 0.24); box-shadow: 0 -10px 21px -10px rgba(255, 255, 255, 0.36), 0 10px 21px -10px rgba(255, 255, 255, 0.36); } /* ================================================================================ | CROSS BROWSER | ================================================================================ */ /* no flexboxlegacy*/ .no-flexbox .header__content, .no-flexbox .news_birthday .user .nav-profile ul, .no-flexbox .news_birthday .news_birthday_top, .no-flexbox .profile_girl .user_box-gallery, .no-flexbox .user_box, .no-flexbox .gift .gift_content, .no-flexbox .profile_man.giftsVirtual .gift_content, .no-flexbox .profile_man.giftsReal .gift_content, .no-flexbox .gift .gift_item_main, .no-flexbox .giftsVirtual.profile_man .gift_item_main, .no-flexbox .giftsReal.profile_man .gift_item_main, .no-flexboxlegacy .header__content, .no-flexboxlegacy .news_birthday .user .nav-profile ul, .no-flexboxlegacy .news_birthday .news_birthday_top, .no-flexboxlegacy .profile_girl .user_box-gallery, .no-flexboxlegacy .user_box, .no-flexboxlegacy .gift .gift_content, .no-flexboxlegacy .profile_man.giftsVirtual .gift_content, .no-flexboxlegacy .profile_man.giftsReal .gift_content, .no-flexboxlegacy .gift .gift_item_main, .no-flexboxlegacy .giftsVirtual.profile_man .gift_item_main, .no-flexboxlegacy .giftsReal.profile_man .gift_item_main { display: block; } .no-flexbox .no-login .content .content__steps_wrapper, .no-flexboxlegacy .no-login .content .content__steps_wrapper { display: table; position: relative; } .no-flexbox .no-login .content .content__steps_item, .no-flexboxlegacy .no-login .content .content__steps_item { display: table-cell; vertical-align: middle; } .no-flexbox .no-login .content .content__steps_cross svg, .no-flexboxlegacy .no-login .content .content__steps_cross svg { height: 35px; } .no-flexbox .no-login .content .content__steps_cross svg path, .no-flexboxlegacy .no-login .content .content__steps_cross svg path { stroke-dasharray: 0%; animation: none !important; } .no-flexbox .no-login .content .content__steps_cross svg line, .no-flexboxlegacy .no-login .content .content__steps_cross svg line { opacity: 1; } /* no background clip text*/ .no-backgroundcliptext .no-login .content__slogan { background: none; animation: none; color: #8dc500; } /* no css filters */ .no-cssfilters #slider-text .user_avatar img { opacity: 0.6; } .no-cssfilters #slider-content .user_photo { padding: 4px; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(1) { opacity: 0.345; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(1):after { content: ""; width: 100%; height: 100%; border-radius: 20px; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(2) { opacity: 0.19; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(2):after { content: ""; width: 100%; height: 100%; border-radius: 20px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(3) { opacity: 0.035; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(3):after { content: ""; width: 100%; height: 100%; border-radius: 20px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(4) { opacity: -0.12; } .no-cssfilters #slider-content .user_photo-shadow:nth-of-type(4):after { content: ""; width: 100%; height: 100%; border-radius: 20px; background: rgb(0, 0, 0); position: absolute; top: 0; left: 0; } .no-cssfilters .homepage .no-login .form-header, .no-cssfilters .faq [class*=table] { filter: none; box-shadow: 0px 3px 4px rgba(104, 104, 104, 0.5), 3px 0px 4px rgba(104, 104, 104, 0.5), 0px -3px 4px rgba(104, 104, 104, 0.5), -3px 0px 4px rgba(104, 104, 104, 0.5); } .no-cssfilters .nav-check.gift_item label.nav-check_label:hover, .no-cssfilters .nav-check.gift_item > input.nav-check_input:checked + label.nav-check_label { filter: none; box-shadow: 0 0 5px #24b9e9, 0px 3px 2px rgba(104, 104, 104, 0.5), 3px 0px 2px rgba(104, 104, 104, 0.5), 0px -3px 2px rgba(104, 104, 104, 0.5), -3px 0px 2px rgba(104, 104, 104, 0.5); } .no-cssfilters #slider-girl .user_avatar.shadow:hover, .no-cssfilters #slider-girl .user_preview.shadow:hover, .no-cssfilters .gallery .user_avatar.shadow:hover, .no-cssfilters .gallery .user_preview.shadow:hover, .no-cssfilters .news .user_avatar.shadow:hover, .no-cssfilters .news .user_preview.shadow:hover, .no-cssfilters .media-top100 .user_avatar.shadow:hover, .no-cssfilters .media-top100 .user_preview.shadow:hover, .no-cssfilters .media-private .user_avatar.shadow:hover, .no-cssfilters .media-private .user_preview.shadow:hover, .no-cssfilters .likes .user_avatar.shadow:hover, .no-cssfilters .likes .user_preview.shadow:hover, .no-cssfilters .profile_girl .user_avatar.shadow:hover, .no-cssfilters .profile_girl .user_preview.shadow:hover, .no-cssfilters .profile_man .user_avatar.shadow:hover, .no-cssfilters .profile_man .user_preview.shadow:hover, .no-cssfilters .letter .user_avatar.shadow:hover, .no-cssfilters .letter .user_preview.shadow:hover { filter: none; box-shadow: 0px 3px 3px rgba(104, 104, 104, 0.3), 3px 0px 3px rgba(104, 104, 104, 0.3), 0px -3px 3px rgba(104, 104, 104, 0.3), -3px 0px 3px rgba(104, 104, 104, 0.3); } .no-cssfilters[data-theme=dark] #slider-girl .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] #slider-girl .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .gallery .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .gallery .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .news .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .news .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .media-top100 .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .media-top100 .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .media-private .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .media-private .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .likes .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .likes .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .profile_girl .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .profile_girl .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .profile_man .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .profile_man .user_preview.shadow:hover, .no-cssfilters[data-theme=dark] .letter .user_avatar.shadow:hover, .no-cssfilters[data-theme=dark] .letter .user_preview.shadow:hover { box-shadow: 0px 3px 3px rgba(36, 185, 233, 0.3), 3px 0px 3px rgba(36, 185, 233, 0.3), 0px -3px 3px rgba(36, 185, 233, 0.3), -3px 0px 3px rgba(36, 185, 233, 0.3); } /* IE only*/ [class*=on-ie] .profile_man .nav-profile ul li, [class*=on-ie] .profile_girl .nav-profile ul li { width: 48%; } [class*=on-ie] .profile_man .nav-profile ul li ul li, [class*=on-ie] .profile_girl .nav-profile ul li ul li { max-width: 160px; width: 100%; } [class*=on-ie] .user > tbody > tr > td.check .form__group-check { position: static; } /* Safari only*/ [class*=on-safari] .homepage .no-login .form-header, [class*=on-safari] .faq [class*=table] { filter: none; box-shadow: 0px 3px 4px rgba(104, 104, 104, 0.5), 3px 0px 4px rgba(104, 104, 104, 0.5), 0px -3px 4px rgba(104, 104, 104, 0.5), -3px 0px 4px rgba(104, 104, 104, 0.5); } @media screen and (max-width: 1280px) { [class*=on-safari] .homepage .no-login .form-header { box-shadow: none; } }