/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ @font-face { font-family: 'FontinSansCR-SC'; src: url("../../j/f/sources/f/FontinSansCR-SC/fontinsans_cyrillic_sc(c).1c35fdcd1ee5d757870e.eot"); src: url("../../j/f/sources/f/FontinSansCR-SC/fontinsans_cyrillic_sc(c).e9e5fd04e0a7b382d1c4.woff2") format('woff2'), url("../../j/f/sources/f/FontinSansCR-SC/fontinsans_cyrillic_sc(c).7db0e8cbd63c7114a2a8.woff") format('woff'), url("../../j/f/sources/f/FontinSansCR-SC/fontinsans_cyrillic_sc(c).f01a10ef0be5c36b23fb.ttf") format('truetype'), url("../../j/f/sources/f/FontinSansCR-SC/fontinsans_cyrillic_sc(c).9e9b05eb511618e51ff0.svg#fontin_sans_crsc") format('svg'); font-weight: normal; font-style: normal; } /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ @font-face { font-family: 'FontinSansCR-Bold'; src: url("../../j/f/sources/f/FontinSansCR-Bold/fontinsans_cyrillic_b(c).58ec16a13a2129df770c.eot"); src: url("../../j/f/sources/f/FontinSansCR-Bold/fontinsans_cyrillic_b(c).6c8fcecddebe985c656d.woff2") format('woff2'), url("../../j/f/sources/f/FontinSansCR-Bold/fontinsans_cyrillic_b(c).8460ec934f04f334873e.woff") format('woff'), url("../../j/f/sources/f/FontinSansCR-Bold/fontinsans_cyrillic_b(c).8da4161f82d852842a08.ttf") format('truetype'), url("../../j/f/sources/f/FontinSansCR-Bold/fontinsans_cyrillic_b(c).da9ad34d0aad0339a4ab.svg#fontin_sans_crbold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TTOctas-Black'; src: url(../../j/f/sources/f/TTOctas-Black/TTOctas-Black.a50b0f89b3c52a87362f.eot); src: url(../../j/f/sources/f/TTOctas-Black/TTOctas-Black.f7f6c235583bf9d6e911.woff) format('woff'), url(../../j/f/sources/f/TTOctas-Black/TTOctas-Black.fa467c89dc3527151c4b.ttf) format('truetype'), url(../../j/f/sources/f/TTOctas-Black/TTOctas-Black.d6579ab8b0400a882c6a.svg#TTOctas-Black) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DejaVu Sans'; src: url(../../j/f/sources/f/DejaVuSans/DejaVuSans.ad5cdcc8179dc86745c6.eot); src: local('DejaVu Sans'), local('DejaVuSans'), url(../../j/f/sources/f/DejaVuSans/DejaVuSans.b4fe34ca70ba5788d149.woff2) format('woff2'), url(../../j/f/sources/f/DejaVuSans/DejaVuSans.2793d14b0053e25f7f7f.woff) format('woff'), url(../../j/f/sources/f/DejaVuSans/DejaVuSans.7179b4dc0ad9582db1fe.ttf) format('truetype'), url(../../j/f/sources/f/DejaVuSans/DejaVuSans.86902bd417b445f5562f.svg#DejaVuSans) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.e5f75ce1f7e72a64d436.eot); src: url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.e5f75ce1f7e72a64d436.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.74126ecd07ad0d25d3f6.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.997a1e8970d2b7e50fff.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.1e46c5294501ef46e23b.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-BoldItalic.e604cf3d1f2120fc5f58.svg#Roboto-BoldItalic) format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Light.d592a653abb7a57fedd8.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Light.d592a653abb7a57fedd8.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Light.d537674e9e217fa53a13.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Light.df0f59d80526acc6d0cd.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Light.13d61ef8e609b548d9b5.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Light.97fb23680ab7429679cd.svg#Roboto-Light) format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Bold.6490694b37b0ee09bd91.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Bold.6490694b37b0ee09bd91.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Bold.6cd35edfbc0d7a417131.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Bold.3f2cbde6b72e8d05669f.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Bold.5e9f6556d3c0bf6230f0.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Bold.90f2091b114248c7431b.svg#Roboto-Bold) format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Medium.f9f0c87146a33023da7e.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Medium.f9f0c87146a33023da7e.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Medium.fc0337b9cf1cce2e6e1e.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Medium.b14ca2d2b289afceb0b0.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Medium.ef677e217f2009c16854.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Medium.cd30d55e5fdd8206d92d.svg#Roboto-Medium) format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Regular.30b57652c88c5dbd65de.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Regular.30b57652c88c5dbd65de.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Regular.a25806274237d06e00a6.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Regular.31012f9b3e3da44f87e8.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Regular.25e40da956314b12d333.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Regular.d685350f19801519f399.svg#Roboto-Regular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Black.d747b63eb41cdc64e3dd.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Black.d747b63eb41cdc64e3dd.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Black.ae0c1d409f7d45d81c29.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Black.88d7f1b3ca9a9494d8e3.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Black.8e5479279b074720e15f.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Black.8dcc79fd16afdfede092.svg#Roboto-Black) format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.32f9679ea3ede2ca14de.eot); src: url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.32f9679ea3ede2ca14de.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.71b2b84d5d1a55271b57.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.3123587706218b4d8187.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.508cb30d2090ab879d2f.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-BlackItalic.61dabc7095ef7d099000.svg#Roboto-BlackItalic) format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Thin.ae807ad4142f3eae2e0c.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Thin.ae807ad4142f3eae2e0c.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Thin.0b33782009e32497dba2.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Thin.674b1d2bd9d781457c17.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Thin.7d12c80b1925091e4fec.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Thin.9cb7481325a6883291e2.svg#Roboto-Thin) format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.bc4d192a93ba33f68109.eot); src: url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.bc4d192a93ba33f68109.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.3669a8fac8736f85a7f1.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.d5937d18c46d7ae260b6.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.491dd1cc3dfda2b79d09.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-ThinItalic.e772ea28e65d0e964b37.svg#Roboto-ThinItalic) format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.c000f0984de5d20c8eab.eot); src: url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.c000f0984de5d20c8eab.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.ace58ae211415a1f378b.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.9a91a0398c5cb21f0199.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.ff1379d2f5bd26261cb2.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-MediumItalic.dc614ff589ed3532d852.svg#Roboto-MediumItalic) format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-Italic.7588d6373c3525bc74cd.eot); src: url(../../j/f/sources/f/Roboto/Roboto-Italic.7588d6373c3525bc74cd.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-Italic.007ccbd3e8708c6afef8.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-Italic.0d0bf30e7eeb4f6e7fd5.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-Italic.4302c2e2c9e789c4c7ea.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-Italic.3925143d92e40558243c.svg#Roboto-Italic) format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url(../../j/f/sources/f/Roboto/Roboto-LightItalic.0ad9ca04101ace1b39d1.eot); src: url(../../j/f/sources/f/Roboto/Roboto-LightItalic.0ad9ca04101ace1b39d1.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto/Roboto-LightItalic.6006fa5b67e554e06562.woff2) format('woff2'), url(../../j/f/sources/f/Roboto/Roboto-LightItalic.3c494714cdd1de859813.woff) format('woff'), url(../../j/f/sources/f/Roboto/Roboto-LightItalic.ca7144f68f54653d3728.ttf) format('truetype'), url(../../j/f/sources/f/Roboto/Roboto-LightItalic.72885042494d0dc51d7a.svg#Roboto-LightItalic) format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.dcd4f58f09c237faa704.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.dcd4f58f09c237faa704.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.01eeeb34d8de298f3090.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.fc031f55eb2123d2d2ba.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.ad8f864d0603f7ae0e66.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Italic.b7cc112622249fd4ac22.svg#RobotoCondensed-Italic) format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.64a519d51871096ea271.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.64a519d51871096ea271.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.590f38b3bcb651161404.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.23f975f0e40a20fbb55a.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.e86bdaabbc67ace7efdd.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Light.e30c8e382243dff215de.svg#RobotoCondensed-Light) format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.8cc743fde49506aff8ba.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.8cc743fde49506aff8ba.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.64fce0528b603b37449b.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.0a20e01bc20d99ee7d91.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.068af45882c577f9109f.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-BoldItalic.0909899fa86a980d4f79.svg#RobotoCondensed-BoldItalic) format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.e1b897a30ea55a72d9a0.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.e1b897a30ea55a72d9a0.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.ca4102722c4d0b98f734.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.14a7047141f97b966d40.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.fe2e60d56953c5210493.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Bold.c1d0e33e521f790482cd.svg#RobotoCondensed-Bold) format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.e1103d8d369de1e73703.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.e1103d8d369de1e73703.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.c88a6cfeb2b0ee129347.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.a960175dc49974e38ff1.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.b13ca3584e47341061ef.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-LightItalic.595b3a3ebbc863ad7cff.svg#RobotoCondensed-LightItalic) format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto Condensed'; src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.7add78d3a6ab050386af.eot); src: url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.7add78d3a6ab050386af.eot?#iefix) format('embedded-opentype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.512246f3e4dd1aa9f3b6.woff2) format('woff2'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.25787041ddfe8df69d5d.woff) format('woff'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.9acfa08f547f6a2fd149.ttf) format('truetype'), url(../../j/f/sources/f/Roboto_Condensed/RobotoCondensed-Regular.b941df8db3dc2d96d4fb.svg#RobotoCondensed-Regular) format('svg'); font-weight: normal; font-style: normal; } body, .font1 { font-family: 'FontinSansCR-SC', sans-serif; line-height: 1; } .font1 { line-height: 1; } .font2 { font-family: 'FontinSansCR-Bold', sans-serif; line-height: 1; } .font3 { font-family: 'TTOctas-Black', sans-serif; } .rtl_lang .font1 { font-family: 'FontinSansCR-SC', 'DejaVuSans', sans-serif; } .rtl_lang .font2 { font-family: 'FontinSansCR-Bold', 'DejaVuSans', sans-serif; } .rtl_lang .font3 { font-family: 'TTOctas-Black', 'DejaVuSans', sans-serif; } .t1_11, .t1_14 { font-family: 'FontinSansCR-Bold', sans-serif; line-height: 14px; } .t1_11 { font-size: 11px; } .t1_14 { font-size: 14px; } .t2_21 { font-family: 'FontinSansCR-SC', sans-serif; line-height: 14px; } .t2_21 { font-size: 21px; } .color1{ color: #fff7bf } *:lang(vi) .t2_21, *:lang(vi) .font1, *:lang(vi) .font3, *:lang(vi) .inp-dark input, *:lang(vi) #auth .text.tshadow-1, *:lang(vi) .account_progress span, *:lang(vi) .arrow-header, *:lang(vi) .white_checkbox__text, *:lang(vi) #account_management .password-strength-widget__text, *:lang(vi) #account_management #gdpr, #account_management #uid .text, *:lang(vi) #account_management .footer_menu { font-family: Arial, sans-serif; } *:lang(vi) .t1_14, *:lang(vi) .t1_11, *:lang(vi) .font2, *:lang(vi) .dark-popup.popup-stretch, *:lang(vi) .game-loading-indicator__hint-placeholder { font-family: Arial, sans-serif; font-weight: bold; } .cursorprogress { cursor: progress !important; } .invisible { visibility: hidden; } .mb3 { margin-bottom: 3px !important; } .mb7 { margin-bottom: 7px !important; } .mb10 { margin-bottom: 10px !important; } .mb13 { margin-bottom: 13px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px !important; } .mr23 { margin-right: 23px !important; } .mr50 { margin-right: 50px !important; } .ml20 { margin-left: 20px !important; } .pt54 { padding-top: 54px !important; } .pr10 { padding-right: 10px !important; } .pr60 { padding-right: 60px !important; } .pl10 { padding-left: 10px !important; } .aligncenter { text-align: center; } .align-left { text-align: left; } .underline { text-decoration: underline !important; } .inline-block { display: inline-block !important; } .width-100perc { width: 100%; } .min-w-1024px { min-width: 1024px; } .max-w-1920px { max-width: 1920px; } .height10 { height: 10px; } .height30 { height: 30px; } .height35 { height: 35px; } .height40 { height: 40px; } .height50 { height: 50px; } .divider-5 { height: 5px; } .divider-10 { height: 10px; } .divider-17 { height: 17px; } .divider-18 { height: 18px; } .divider-20 { height: 20px; } .divider-30 { height: 30px; } .divider-40 { height: 40px; } .divider-50 { height: 50px; } .divider-60 { height: 60px; } .divider-70 { height: 70px; } .divider-100 { height: 100px; } .divider-110 { height: 110px; } .divider-120 { height: 120px; } .zindex-1 { z-index: 1; } .zindex-2 { z-index: 2; } .zindex-3 { z-index: 3; } .zindex-4 { z-index: 4; } .zindex-1001 { z-index: 1001; } .zindex-1003 { z-index: 1003; } .zindex-1004 { z-index: 1004; } .zindex-9999 { z-index: 9999; } .left-10perc { left: 10%; } .left-14perc { left: 14%; } .left-20perc { left: 20%; } /* TODO неконсистентость */ .maxw260 { max-width: 260px; } .maxw270 { max-width: 270px; } .maxw280 { max-width: 280px; } .maxw300 { max-width: 300px; } .line-height-1_1em { line-height: 1.1em; } .line-height-1_2em { line-height: 1.2em; } .line-height-1_5em { line-height: 1.5em; } .line-height-24px{ line-height: 24px; } .line-height-25px{ line-height: 25px; } .t-size-13 { font-size: 13px !important; } .t-size-14 { font-size: 14px !important; } .t-size-15 { font-size: 15px !important; } .t-size-16 { font-size: 16px !important; } .t-size-17 { font-size: 17px !important; } .t-size-18 { font-size: 18px !important; } .t-size-20 { font-size: 20px !important; } .t-size-24 { font-size: 24px !important; } .top-200 { top: 200px !important; } .vertical-middle-absolute { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertical-middle-absolute-video-preloader { position: absolute; top: 46vh; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertical-middle-align { vertical-align: middle; display: table-cell; } .color2 { color: #1c93ba; } .color3 { color: #4c2727; } .color4 { color: rgba(158, 158, 158, 0.7); } .link { cursor: pointer; } .link:hover { text-decoration: underline; } .fw-bold { font-weight: bold; } .pos-relative { position: relative; } .pos-fixed { position: fixed; } .pos-center-vh{ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hov-underl:hover { text-decoration: underline; } .block-align-center-hv-abs, .block-align-center-hv-abs-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .block-align-center-hv-abs-video{ top: 46vh; } @media screen and (max-width: 1200px) { .hide-le-1200 { display: none; } } @media screen and (max-height: 800px) { .hide-h-le-800 { display: none; } } .float-left { float: left; } .width-680 { width: 680px; } .width-900 { width: 900px; } .mount-hidden{ display: none; } .mount-invisible { visibility: hidden; } .tshadow-1{ text-shadow: 0 0 4px rgb(0, 0, 0); } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; border: none !important; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; background: none; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail { width: 100%; height: 100%; } .ecommpay_variant.scrollbar-rail { overflow-x: hidden; overflow-y: hidden; } .ecommpay_variant.scroll-wrapper .scroll-content { overflow-x: hidden !important; scrollbar-width: none !important; } .ecommpay_variant.scroll-content { width: 570px !important; } #ecommpay_order_box_popup .scroll-element.scroll-x { display: none !important; } .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background: url(../../j/i/sources/i/scrollbar/scrollv.f183507e7fd20af6e5fa.png) no-repeat 50% 0 / 3px 100%; } .scrollbar-rail > .scroll-element .scroll-element_track:before { content: ''; background: url(../../j/i/sources/i/scrollbar/scrollromb.31ff9cd9354d5e1f5338.png) no-repeat; width: 20px; height: 9px; position: absolute; right: -6px; top: 0px; z-index: 11; } .scrollbar-rail > .scroll-element .scroll-element_track:after { content: ''; width: 20px; height: 9px; position: absolute; right: -6px; background: url(../../j/i/sources/i/scrollbar/scrollromb.31ff9cd9354d5e1f5338.png) no-repeat 0px -10px; bottom: 9px; } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 18px; } .rtl_lang .scrollbar-rail > .scroll-element.scroll-y { right: auto; left: 0; } .scrollbar-rail > .scroll-element .scroll-bar { background: url(../../j/i/sources/i/scrollbar/scroll_gold.588761b01bf666d95b94.png) no-repeat; width: 18px !important; height: 45px !important; left: 0 !important; position: relative; } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; padding-right: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 18px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 9px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } #no_flash_allow{ position: absolute; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #no_flash_allow .content_wrapper{ padding: 30px 40px; } .no-flash-screen-gray{ width: 100%; height: 100%; background-color: #38383d; position: relative; z-index: 1; } .curved-arrow { background-image: url(../../j/i/sources/i/curved-arrow.b3a950ff83bb1ffe3b85.png); width: 105px; height: 147px; } .position-chrome-block{ position: fixed; top: 0px; left: 100px; } .position-chrome-block_animated{ -webkit-animation-name: arrow-bouncing; animation-name: arrow-bouncing; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* .allow-flash- */ @-webkit-keyframes arrow-bouncing { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes arrow-bouncing { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .chrome-no-flash-ab-popup{ position: absolute; display: block; /* top: 150px; */ /* left: 220px; */ left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .chrome-no-flash-ab-popup .content_wrapper{ padding: 40px!important; min-height: 170px; box-sizing: border-box!important; } .lock-chrome-icon{ display: inline-block; width: 10px; height: 15px; background-repeat: no-repeat; background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/icons_lock.b38212662085c37afd7b.png); } .lock-chrome-icon_theme_dark{ background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/icons_lock_02.0bb3fda985285e4b8728.png); } .plugin-chrome-icon{ display: inline-block; width: 15px; height: 15px; background-repeat: no-repeat; background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/icons_flash.e89da711c6c6f4155054.png); } .plugin-chrome-icon_theme_dark{ background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/icons_flash_02.380f27550ec384589856.png); } .card-popup{ background-repeat: no-repeat; background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/allow_flash_back.98a1a5c6bf830bbf2d4e.png); min-width: 574px; min-height: 160px; box-sizing: content-box; padding: 15px 32px; background-size: 100% auto; width: 570px; } .card-popup_position_chrome-block{ position: absolute; top: 108px; left: 220px; } .card-popup_theme_dark{ background-image: url(../../j/i/sources/i/no_flash/chrome_ab_test/allow_flash_back_02.21c4b6f2df824bca62cf.png); } #no_flash_screen, #no_flash_screen_old { color: white; font-size: 20px; position: relative; z-index: 4; display: none; width: 100%; height: 100%; background: #F1DFBD url(../../j/i/sources/i/no_flash/image_back.3836c22367e8e7259e88.jpg) repeat; overflow: hidden; } .no_flash_screen_wrapper { width: 860px; margin: 0 auto; text-align: center; } .no_flash_screen_h1 { font-size: 20px; color: #4c2727; text-align: left; padding-top: 37px; padding-bottom: 38px; /*width: 719px;*/ margin: 0 auto; display: inline-block; max-width: 812px; } .no_flash_screen_item_b { font-size: 16px; color: #4c2727; text-align: left; } .no_flash_screen_item_b.first { padding-bottom: 50px; } .no_flash_screen_item_b.two { padding-bottom: 33px; font-size: 20px; text-align: center; } .no_flash_user_notice, .no_flash_user_notice_yb{ font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #4c2727; margin-bottom: 40px; } .no_flash_user_notice_yb{display:none;} .download_desktop_and_browser{display:none;} .no_flash_user_notice span, .no_flash_user_notice_yb span{ font-size: 16px; font-weight: normal; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: 0.32px; text-align: left; color: #4c2727; display: block; margin-top: 20px; } .no_flash_promt_icons{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top:20px; } .no_flash_browser_deletimer{ width:5px; height: 46px; margin:0 20px; } #open_no_flash_instructions{ font-size: 20px!important; text-decoration: underline; background: none; border: none; color: #2f869e; cursor: pointer; } .no_flash_browser{ display: block; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #4c2727; position: relative; cursor:pointer; width: -webkit-max-content; width: max-content; margin: 0 auto; -webkit-transition: .4s all; transition: .4s all; } .no_flash_browser:hover{ /*top:-12px;*/ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .no_flash_browser span{ display: block; margin-top:0px; margin-bottom:20px; } .no_flash_screen_wrapper .download_icon_button{ margin: 0 auto; margin-bottom: 30px; } .no_flash_screen_item_dot { background: url(../../j/i/sources/i/no_flash/dot.ea726969f1593a0440d4.png) left center no-repeat; width: 13px; height: 12px; display: inline-block; } #no_flash_screen .no_flash_screen_item_dot { margin-right: 16px; } #no_flash_screen .img_step1 { background-position: 0 -5px; } .no_flash_screen_spoiler_b { margin-left: 45px; } .no_flash_screen_step_icon { background: url(../../j/i/sources/i/no_flash/circle.bb80a42b2d6964bb986c.png) no-repeat;; width: 26px; height: 26px; border-radius: 50px; display: inline-block; float: left; color: white; padding-top: 3px; font-size: 20px; text-align: center; line-height: 1; margin-right: 10px; } .no-flash-screen__chrome .no_flash_screen_spoiler_b{ width: 683px; margin: 20px auto; } .no-flash-screen__chrome .no_flash_screen_spoiler_b:nth-child(1){ margin-bottom: 40px; } .no-flash-screen__chrome .no_flash_screen_spoiler_b:nth-child(2){ margin-bottom: 20px; } .no-flash-screen__chrome .no_flash_screen_spoiler_b:nth-child(4) .no_flash_screen_item_b{ padding-bottom: 20px; } .no_flash_screen_h1{ width: 683px; display: block; } .no_flash_screen_spoiler_b_hidden { text-align: center; } .no_flash_screen_spoiler_text { color: #4c2727; font-size: 16px; display: block; text-align: left; margin-left: 37px; padding-top: 5px; margin-bottom: 15px; min-height: 20px; } .no_flash_screen_spoiler_b.first .no_flash_screen_spoiler_text{ padding-top: 0; } .no_flash_screen_spoiler_b.first img { display: inline-block; margin-bottom: -6px; } .no_flash_screen_spoiler_b.no_c_pointer { cursor: default; } #no_flash_screen a { font-size: 20px; color: #2f869e; } .no_flash_screen_scrollbar_wrapper { height: 100% !important; position: relative; width: auto !important; } #no_flash_screen .scroll-wrapper, #no_flash_screen .scroll-wrapper>.scroll-content { overflow: auto !important; } .no_flash_screen_scrollbar_wrapper_inner { height: 100%; width: 100%; } .no_flash_screen_scrollbar_scroll_y_dot { background: url(../../j/i/sources/i/no_flash/scroll_dots.027c63be915fd78f6f11.png) no-repeat; width: 11px !important; height: 8px !important; top: -6px!important; right: 8px !important; z-index: 13; } .no_flash_screen_scrollbar_scroll_y_dot.bottom { background-position: 0 -8px; top: initial !important; bottom: -6px !important; } .no_flash_screen_scrollbar_scroll_y div { height: 100%; right: 0; top: 0; position: absolute; width: 18px; } .no_flash_screen_scrollbar_scroll_y { cursor: pointer; display: none; position: absolute; } .no_flash_screen_scrollbar_scroll_y.scroll-scrolly_visible { display: block; height: 96%; top: 2%; width: 18px; right: 0; } .no_flash_screen_scrollbar_scroll_y .scroll-bar { background: url(../../j/i/sources/i/scrollbar/scroll_gold.588761b01bf666d95b94.png) no-repeat; z-index: 12; height: 45px; left: -4px !important; cursor: pointer; } .no_flash_screen_scrollbar_scroll_y .scroll-element_track { background: url(../../j/i/sources/i/no_flash/scroll_y.b1ee57195458edb35a50.png) -1px 0px repeat-y; } .no_flash_screen_item_b.first{ text-align: center; font-size: 16px; margin-top: 40px } .no_flash_screen_item_b.first > a{ display: block; text-decoration: none; } .update-flash-button{ background: url(../../j/i/sources/i/no_flash/update_button.ea661980726dbb0e0d4d.png) 0 -4px; width: 384px; height: 71px; border: 0; display: block; color: #FFF7BF; font-size: 20px; text-shadow: 0px 0px 4px black; margin: 0 auto 10px; cursor: pointer; outline: none; } .update-flash-button:hover{ text-shadow: 0px 0px 4px black; background-position: 0 -87px; } .update-flash-button:active{ text-shadow: 0px 0px 10px black; background-position: 0 -170px; } .no-flash__error-icon { width: 31px; height: 31px; float: left; margin-right: 10px; position: relative; top: -6px; background: url(../../j/i/sources/i/payment_error_icon.f681c54c026aaa0aaa00.png) no-repeat; } .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_przelewy24 { background: url(../../j/i/sources/i/ecommpay/przelewy24.eca563d5a18fc53ceaee.png) no-repeat; } .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_card { background: url(../../j/i/sources/i/ecommpay/pt_card.38f5693b7b6588ceb07b.png) no-repeat; } .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_qiwi { background: url(../../j/i/sources/i/ecommpay/pt_qiwi.0efa168a16d0d5dde9c5.png) no-repeat; } .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_card:hover, .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_qiwi:hover, .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_przelewy24:hover { background-position: 0 -78px; } .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_card:active, .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_qiwi:active, .ecommpay_order_box_popup_payment_variant_body_item.ecommpay_przelewy24:active { background-position: 0 -156px; } .adyen .adyen-checkout__card__form { background: url(../../j/i/sources/i/ecommpay/card_bg_stripe2.adb9869668398a180d0f.png) no-repeat 0 0; height: 161px; width: 377px; } .adyen .adyen-checkout__card__form .adyen-checkout__field--cardNumber { width: 200px; margin-top: 51px; margin-left: 18px; float: left; } .adyen-checkout__card__holderName { margin-top: 0px !important; } .adyen-checkout__card__brands__brand-wrapper { margin-left: 5px; } .adyen-checkout__card__brands { display: block; margin-bottom: 16px; margin-top: -35px; position: absolute; right: 0; } .adyen .adyen-checkout__card__form .adyen-checkout__field--expiryDate { background: none !important; height: 25px; float: left; width: 60px; } .adyen .adyen-checkout__card__form .adyen-checkout__field--securityCode { background: none !important; height: 25px; float: left; width: 60px; margin-left: 15px !important; } .adyen .adyen-checkout__card__form .adyen-checkout__input, .adyen .adyen-checkout__card__form .adyen-checkout__input:active:hover { background: none; border: none; box-shadow: none; } .adyen .adyen-checkout__card__form .adyen-checkout__card__cardNumber__brandIcon, .adyen .adyen-checkout-input__inline-validation--invalid { top: -10px; } .adyen .adyen-checkout__card__form .adyen-checkout__field__cvc--back-hint, .adyen .adyen-checkout__card__form .adyen-checkout__field__cvc--front-hint { display: none; } .adyen .adyen-checkout__card__form .adyen-checkout__card__exp-cvc { float: left; display: block; width: 150px; margin-top: 51px; } .adyen .adyen-checkout__card__form .adyen-checkout__input--focus, .adyen .adyen-checkout__card__form .adyen-checkout__input--focus:hover { border: none; box-shadow: none; } .adyen_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .adyen_buttons { width: 667px; bottom: 40px; position: absolute; } .adyen .back_btn { width: 120px; height: 38px; border: none; line-height: 37px; color: #4c2727; text-align: left; margin-left: 10px; text-decoration: underline; font-size: 16px; cursor: pointer; font-family: 'FontinSansCR-Bold', sans-serif; position: absolute; bottom: 40px; } .adyen_form .agreements { width: 200px; height: 58px; float: left; margin-left: 30px; } .adyen .lazy_load { display: none; } .adyen_form .card_icons_agreements { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .adyen #submit { bottom: 40px; } .adyen .adyen-checkout__dropdown__button { margin-top: 30px; width: auto; border: 1px solid #4c2727; cursor: pointer; border-radius: 0; background: none; box-shadow: none; } .adyen .adyen-checkout__filter-input { background: transparent; border: none; } .adyen .form__label { margin-top: -20px; margin-left: 10px; font-family: FontinSansCR-SC, serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #91724e; } .adyen .agreements p { font-family: FontinSansCR-SC, serif; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #4c2727; width: 200px; float: right; } .adyen .buttons { bottom: 40px; position: absolute; width: 667px; } .adyen .mail_block label { display: block; margin-bottom: 5px; } .adyen .mail_block input.email { outline: none; width: auto; } .adyen .mail_block .errors { clear: both; color: red; padding-top: 2px; font-size: 0.75em; } .adyen .adyen-checkout__dropdown__button--active, .adyen .adyen-checkout__dropdown__button--active:hover, .adyen .adyen-checkout__dropdown__button:active, .adyen .adyen-checkout__dropdown__button:focus { border-color: inherit; box-shadow: none; } .adyen .ecommpay_order_box_header { font-size: 16px; } /****** adyen-dropIn ******/ .adyen-dropIn { height: 330px !important; } .adyen-dropIn .adyen-checkout__payment-method { background: #F5E4C8; border: 1px solid #cdaa82; } .adyen-dropIn .adyen-checkout__payment-method--selected { background: #F5E4C8; box-shadow: inset 0 0 20px 0 #cdaa82; border: 1px solid #cdaa82; } .adyen-dropIn .adyen-checkout__input, .adyen-dropIn .adyen-checkout__input--focus, .adyen-dropIn .adyen-checkout__input--focus:hover, .adyen-dropIn .adyen-checkout__input:active:hover, .adyen-dropIn .adyen-checkout__input-wrapper .adyen-checkout__input:focus, .adyen-dropIn .adyen-checkout__dropdown__button, .adyen-dropIn .adyen-checkout__dropdown--focus, .adyen-dropIn .adyen-checkout__dropdown--focus:hover, .adyen-dropIn .adyen-checkout__dropdown:active:hover { color: #4c2727; font-family: Roboto, Open Sans, Segoe UI, sans-serif; font-size: 16px; background: #DBC6A8; border: none; box-shadow: none; } .adyen-dropIn .adyen-checkout__label--focused { } .adyen-dropIn .adyen-checkout__input-wrapper, .adyen-dropIn .adyen-checkout__input-wrapper .adyen-checkout__input:focus { background: #DBC6A8; border: 1px solid #B59E7E; } .adyen-dropIn .adyen-checkout__button--pay { box-shadow: inset 0 0 20px 0 #1C491D; background: #4C783D; margin-top: 10px; } .adyen-dropIn .adyen-checkout__button--pay:hover { box-shadow: inset 0 0 20px 0 #0E3612; background: #355F2C; } .adyen-dropIn .adyen-checkout__input::-webkit-input-placeholder { color: #91785D; } .adyen-dropIn .adyen-checkout__input:-ms-input-placeholder { color: #91785D; } .adyen-dropIn .adyen-checkout__input::placeholder { color: #91785D; } .adyen-dropIn .adyen-checkout__payment-method__radio { background: #DBC6A8; border: 1px solid #B59E7E; } .adyen-dropIn .adyen-checkout__payment-method__radio--selected { background: #B59E7E; border: 1px solid #B59E7E; } .adyen-dropIn .adyen-checkout__payment-method__radio:active:hover { box-shadow: none; } .adyen-dropIn .adyen-checkout__field--cardNumber { width: 50%; margin-right: 16px; } .adyen-dropIn .adyen-checkout__card__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .adyen-dropIn .adyen-checkout__card__exp-cvc { width: 50%; } .adyen-dropIn .adyen-checkout__store-details { background: transparent; border: none; padding: 0px 0px; margin: 12px 2px; } .adyen-dropIn .adyen-checkout__payment-methods-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .adyen-dropIn .adyen-checkout__payment-method--selected ~ .adyen-checkout__payment-method { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); border-radius: 12px; margin-bottom: 8px; } .adyen-dropIn .adyen-checkout__card__form--oneClick .adyen-checkout__card__exp-cvc { width: 100%; } .adyen-dropIn .adyen-checkout__payment-method__header { padding: 12px 8px 12px 15px; } .adyen-dropIn .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header { padding: 8px 8px 8px 15px; } .adyen-dropIn .adyen-checkout-form-instruction { margin-bottom: 10px; } .adyen-dropIn .adyen-checkout__label__text { font-size: 11px; } /* popoup */ #ecommpay_order_box_popup { background: url(../../j/i/sources/i/payment_background-min.9772edfa43792e536962.png) no-repeat; height: 583px; width: 667px; padding: 9px 17px 20px; margin-left: -350px; } #ecommpay_order_box_popup iframe { border: 0; } #ecommpay_order_box_popup .popup_h { color: #fff7bf; font-size: 17px; margin-bottom: 20px; text-align: center; margin-top: -2px; } #ecommpay_order_box_popup .close_button { margin-left: 639px; margin-top: 7px; position: absolute; } .rtl_lang #ecommpay_order_box_popup .close_button { margin-left: 0; left: 17px; } #ecommpay_order_box_popup_qiwi_form { display: none; width: inherit; } .ecommpay_order_box_popup_wrapper { width: 604px; margin: auto; } body.nostyle { background: none; margin: 0; padding: 0; min-width: 0; } .ecommpay_order_box_icon { width: 31px; height: 31px; position: relative; float: left; } .ecommpay_order_box_error_text { margin-top: 20px; } .ecommpay_order_box_result_message { font-size: 17px; position: relative; padding-left: 46px; } /* order info header */ #ecommpay_order_box_popup_order_info { background: url(../../j/i/sources/i/ecommpay/header_bg.84c7bc31b583e05dc6c8.png) no-repeat; height: 93px; margin: auto; margin-bottom: 18px; padding-left: 13px; padding-right: 18px; padding-top: 12px; } .ecommpay_order_box_popup_order_info_title { color: #4c2727; display: block; font-size: 17px; height: 34px; margin-bottom: 10px; } .przwely_block , .mail_block { width: 210px; margin: 0 auto; margin-top: 120px; overflow: hidden; } .przwely_block .ecommpay_order_box_popup_order_price_line_bprice , .mail_block .ecommpay_order_box_popup_order_price_line_bprice { width: 190px; } .przwely_block.error .ecommpay_order_box_popup_order_price_line_bprice, .przwely_block.error .ecommpay_order_box_popup_order_price_line_bprice2, .mail_block.error .ecommpay_order_box_popup_order_price_line_bprice, .mail_block.error .ecommpay_order_box_popup_order_price_line_bprice2 { background-position-y: -34px; } .przwely_block input , .mail_block input { background: none; border: none; width: 200px; } #przwelly_mail , #mailBtn{ position: absolute; height: 38px; padding-top: 4px; margin-top: 50px; } .ecommpay_order_box_popup_order_price_line_bprice, .ecommpay_order_box_popup_qiwi_form_body_input { background: url(../../j/i/sources/i/ecommpay/input_bg.3db4fa32aa3aae869c58.png) no-repeat; height: 26px; padding-left: 10px; padding-top: 8px; width: 124px; float: left; text-align: center; color: #4c2727; font-size: 17px; vertical-align: middle; margin-left: 1px; } .ecommpay_order_box_popup_order_price_line_bprice2 { background: url(../../j/i/sources/i/ecommpay/input_bg.3db4fa32aa3aae869c58.png) top right no-repeat; height: 34px; width: 9px; float: left; } .ecommpay_order_box_popup_order_price_line_annotation { background: #efd8b8; border-radius: 5px; color: #91724e; display: inline-block; font-size: 13px; padding-top: 1px; height: 33px; line-height: 17px; margin-left: 11px; min-width: 308px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: middle; } .ecommpay_order_box_popup_order_price_line_annotation::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(239, 216, 184, 0) #efd8b8 rgba(239, 216, 184, 0) rgba(239, 216, 184, 0); border-image: none; border-style: solid; border-width: 5px; content: " "; height: 0; margin-top: -5px; pointer-events: none; position: absolute; right: 100%; top: 50%; width: 0; } /* payment variant */ .ecommpay_order_box_header { background: url(../../j/i/sources/i/ecommpay/pc_title.9b09334c2c1dbc1a5ce3.png) center center no-repeat; color: #4c2727; font-size: 18px; margin-bottom: 30px; text-align: center; padding: 0 173px; } .ecommpay_order_box_popup_payment_variant_body { max-height: 280px; margin-top: 10px; overflow-y: auto; max-width: 605px; text-align: center; padding-right: 5px; } .ecommpay_order_box_popup_payment_variant_body .ecommpay_order_box_popup_payment_variant_body_item:nth-child(n+4) { margin-top: 14px; } .ecommpay_order_box_popup_payment_variant_body .ecommpay_order_box_popup_payment_variant_body_item:nth-child(3n-1) { margin: 0 17px; } .ecommpay_order_box_popup_payment_variant_body_item { height: 78px; width: 188px; display: inline-block; cursor: pointer; } /* qiwi */ .ecommpay_order_box_popup_qiwi_form_body_text { color: #4c2727; float: left; font-size: 15px; padding-top: 8px; width: 186px; } .ecommpay_order_box_popup_qiwi_form_body_input { border: 0 none; height: 34px; padding-top: 0; text-align: left; width: 204px; color: #91724e; font-size: 17px; } .ecommpay_order_box_popup_qiwi_form_body_text2 { color: #91724e; float: left; font-size: 13px; padding-top: 4px; text-indent: 194px; width: 100%; } #ecommpay_order_box_popup_qiwi_form .error_message { left: 240px; margin-top: -30px; width: 202px; } .error .ecommpay_order_box_popup_qiwi_form_body_input { background-position: 0 -34px; } .error .ecommpay_order_box_popup_order_price_line_bprice2 { background-position: right -34px; } /* errors */ #ecommpay_order_box_popup .error_message { background: #b02612 none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 1px 2px 0 #000000; color: #faedb7; font-size: 13px; padding: 5px 10px; position: absolute; display: none; } #ecommpay_order_box_popup .error_message::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #b02612 rgba(176, 38, 18, 0) rgba(176, 38, 18, 0); border-image: none; border-style: solid; border-width: 3px; content: " "; height: 0; left: 50%; margin-left: -5px; pointer-events: none; position: absolute; top: 100%; width: 0; } .ecommpay_order_box_popup_input.error > .error_message { display: block !important; } #ecommpay_order_box_popup_error { margin: auto; width: 586px; } /* footer buttons*/ .ecommpay_footer_buttons { bottom: 24px; position: absolute; width: inherit; } #ecommpay_order_box_popup .ecommpay_footer_buttons { bottom: 42px; } .ecommpay_footer_buttons .green_middle_button.left, .ecommpay_footer_buttons .green_low_button.left { float: left; } .ecommpay_footer_buttons .green_middle_button.right, .ecommpay_footer_buttons .green_low_button.right { float: right; } .ecommpay_footer_buttons .green_middle_button.center { margin: auto; } /* ecommpay_error.php */ .ecommpay_order_box_icon.error { background: url(../../j/i/sources/i/payment_error_icon.f681c54c026aaa0aaa00.png) no-repeat; } /* ecommpay_ok */ .ecommpay_order_box_icon.success { background: url(../../j/i/sources/i/payment_ok_icon.c74ad476bc3ae1783b10.png) no-repeat; } .ecommpay_order_box_success_left_text { font-size: 17px; color: #9c713d; } .ecommpay_order_box_success_right_text { font-size: 17px; color: #4c2727; } .ecommpay_order_box_footer_text { color: #91724e; padding: 0 89px 0 40px; position: absolute; bottom: 47px; } .rtl_lang .ecommpay_order_box_footer_text { padding: 0 40px 0 89px; } #ecommpay_order_box_popup_qiwi_form .ecommpay_order_box_footer_text { bottom: 100px; } /*----*/ .adyen_pm_sepadirectdebit { background: url(../../j/i/sources/i/ecommpay/sepa_button.249a8899e2546a616580.png) !important; } .adyen_pm_sepadirectdebit:hover { background: url(../../j/i/sources/i/ecommpay/sepa_button.249a8899e2546a616580.png) 0px -78px no-repeat !important; } .adyen_pm_sepadirectdebit:active { background: url(../../j/i/sources/i/ecommpay/sepa_button.249a8899e2546a616580.png) 0px -156px no-repeat !important; } /*----*/ .adyen_pm_giropay { background: url(../../j/i/sources/i/ecommpay/giropay_button.71582aca53b2ba1c173f.png) !important; } .adyen_pm_giropay:hover { background: url(../../j/i/sources/i/ecommpay/giropay_button.71582aca53b2ba1c173f.png) 0 -78px no-repeat !important; } .adyen_pm_giropay:active { background: url(../../j/i/sources/i/ecommpay/giropay_button.71582aca53b2ba1c173f.png) 0 -156px no-repeat !important; } /*-----*/ .adyen_pm_directEbanking { background: url(../../j/i/sources/i/ecommpay/pink_button.df6ff646c35eb2079332.png) !important; } .adyen_pm_directEbanking:hover { background: url(../../j/i/sources/i/ecommpay/pink_button.df6ff646c35eb2079332.png) 0 -78px no-repeat !important; } .adyen_pm_directEbanking:active { background: url(../../j/i/sources/i/ecommpay/pink_button.df6ff646c35eb2079332.png) 0 -156px no-repeat !important; } /*----*/ /*-----*/ .adyen_pm_visa_mc_amex { background: url(../../j/i/sources/i/ecommpay/card-adyen.b55cbd85638ea67cef8f.png); } .adyen_pm_visa_mc_amex:hover { background: url(../../j/i/sources/i/ecommpay/card-adyen.b55cbd85638ea67cef8f.png) no-repeat 0 -78px !important; } .adyen_pm_visa_mc_amex:active { background: url(../../j/i/sources/i/ecommpay/card-adyen.b55cbd85638ea67cef8f.png) no-repeat 0 -156px !important; } /*----*/ /*-----*/ .adyen_pm_qiwiwallet { background: url(../../j/i/sources/i/ecommpay/pt_qiwi.0efa168a16d0d5dde9c5.png); } .adyen_pm_qiwiwallet:hover { background: url(../../j/i/sources/i/ecommpay/pt_qiwi.0efa168a16d0d5dde9c5.png) no-repeat 0 -78px !important; } .adyen_pm_qiwiwallet:active { background: url(../../j/i/sources/i/ecommpay/pt_qiwi.0efa168a16d0d5dde9c5.png) no-repeat 0 -156px !important; } /*----*/ .adyen_pm_pay-by-links { background: url(../../j/i/sources/i/ecommpay/pay_by_links_button.cf27621ec5f7ca3da53b.png) !important; } .adyen_pm_pay-by-links:hover { background: url(../../j/i/sources/i/ecommpay/pay_by_links_button.cf27621ec5f7ca3da53b.png) 0 -78px no-repeat !important; } .adyen_pm_pay-by-links:active { background: url(../../j/i/sources/i/ecommpay/pay_by_links_button.cf27621ec5f7ca3da53b.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_ideal { background: url(../../j/i/sources/i/ecommpay/ideal_button.385652183dd2a03017d9.png) !important; } .adyen_pm_ideal:hover { background: url(../../j/i/sources/i/ecommpay/ideal_button.385652183dd2a03017d9.png) 0 -78px no-repeat !important; } .adyen_pm_ideal:active { background: url(../../j/i/sources/i/ecommpay/ideal_button.385652183dd2a03017d9.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_bcmc { background: url(../../j/i/sources/i/ecommpay/bancontact_button.a38126c386aa36e93acc.png) !important; } .adyen_pm_bcmc:hover { background: url(../../j/i/sources/i/ecommpay/bancontact_button.a38126c386aa36e93acc.png) 0 -78px no-repeat !important; } .adyen_pm_bcmc:active { background: url(../../j/i/sources/i/ecommpay/bancontact_button.a38126c386aa36e93acc.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_cartebancaire { background: url(../../j/i/sources/i/ecommpay/cartes_bancaires_button.da27ff2fffc71b7a650a.png) !important; } .adyen_pm_cartebancaire:hover { background: url(../../j/i/sources/i/ecommpay/cartes_bancaires_button.da27ff2fffc71b7a650a.png) 0 -78px no-repeat !important; } .adyen_pm_cartebancaire:active { background: url(../../j/i/sources/i/ecommpay/cartes_bancaires_button.da27ff2fffc71b7a650a.png) 0 -156px no-repeat !important; } /*----*/ .adyen_variant.adyen_pm_maestro { background: url(../../j/i/sources/i/ecommpay/maestro_card.bd5b065bd752e44417bf.png) !important; } .adyen_variant.adyen_pm_maestro:hover { background: url(../../j/i/sources/i/ecommpay/maestro_card.bd5b065bd752e44417bf.png) 0 -78px no-repeat !important; } .adyen_variant.adyen_pm_maestro:active { background: url(../../j/i/sources/i/ecommpay/maestro_card.bd5b065bd752e44417bf.png) 0 -156px no-repeat !important; } /*----*/ .ecommpay_amex, .adyen_pm_amex { background: url(../../j/i/sources/i/ecommpay/amex_button.1f176c883514f82a30ef.png) !important; } .ecommpay_amex:hover, .adyen_pm_amex:hover { background: url(../../j/i/sources/i/ecommpay/amex_button.1f176c883514f82a30ef.png) 0 -78px no-repeat !important; } .ecommpay_amex:active, .adyen_pm_amex:active { background: url(../../j/i/sources/i/ecommpay/amex_button.1f176c883514f82a30ef.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_alipay { background: url(../../j/i/sources/i/ecommpay/alipay_button.d448586d0867bf1fca80.png) !important; } .adyen_pm_alipay:hover { background: url(../../j/i/sources/i/ecommpay/alipay_button.d448586d0867bf1fca80.png) 0 -78px no-repeat !important; } .adyen_pm_alipay:active { background: url(../../j/i/sources/i/ecommpay/alipay_button.d448586d0867bf1fca80.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_unionpay { background: url(../../j/i/sources/i/ecommpay/union_pay_button.6c076aa1633bef887325.png) !important; } .adyen_pm_unionpay:hover { background: url(../../j/i/sources/i/ecommpay/union_pay_button.6c076aa1633bef887325.png) 0 -78px no-repeat !important; } .adyen_pm_unionpay:active { background: url(../../j/i/sources/i/ecommpay/union_pay_button.6c076aa1633bef887325.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_kcp_payco { background: url(../../j/i/sources/i/ecommpay/payco_button.c6789bf17d518ee68d8d.png) !important; } .adyen_pm_kcp_payco:hover { background: url(../../j/i/sources/i/ecommpay/payco_button.c6789bf17d518ee68d8d.png) 0 -78px no-repeat !important; } .adyen_pm_kcp_payco:active { background: url(../../j/i/sources/i/ecommpay/payco_button.c6789bf17d518ee68d8d.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_kcp_creditcard { background: url(../../j/i/sources/i/ecommpay/kcp_korea_issued_cards_button.7986db9dbdb708d85747.png) !important; } .adyen_pm_kcp_creditcard:hover { background: url(../../j/i/sources/i/ecommpay/kcp_korea_issued_cards_button.7986db9dbdb708d85747.png) 0 -78px no-repeat !important; } .adyen_pm_kcp_creditcard:active { background: url(../../j/i/sources/i/ecommpay/kcp_korea_issued_cards_button.7986db9dbdb708d85747.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_kcp_banktransfer { background: url(../../j/i/sources/i/ecommpay/kcp_bank_transfer_button.3e7656003aa6cc7e1901.png) !important; } .adyen_pm_kcp_banktransfer:hover { background: url(../../j/i/sources/i/ecommpay/kcp_bank_transfer_button.3e7656003aa6cc7e1901.png) 0 -78px no-repeat !important; } .adyen_pm_kcp_banktransfer:active { background: url(../../j/i/sources/i/ecommpay/kcp_bank_transfer_button.3e7656003aa6cc7e1901.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_yandex_webmoney { background: url(../../j/i/sources/i/ecommpay/webmoney-_button.2bbb6518870fc71bc5b9.png) !important; } .adyen_pm_yandex_webmoney:hover { background: url(../../j/i/sources/i/ecommpay/webmoney-_button.2bbb6518870fc71bc5b9.png) 0 -78px no-repeat !important; } .adyen_pm_yandex_webmoney:active { background: url(../../j/i/sources/i/ecommpay/webmoney-_button.2bbb6518870fc71bc5b9.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_yandex_money { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) !important; } .adyen_pm_yandex_money:hover { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) 0 -78px no-repeat !important; } .adyen_pm_yandex_money:active { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_yandex_money:lang(ru) { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) !important; } .adyen_pm_yandex_money:hover:lang(ru) { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) 0 -78px no-repeat !important; } .adyen_pm_yandex_money:active:lang(ru) { background: url(../../j/i/sources/i/ecommpay/yandex_money_en_button.4216bcf569e7d0bb5fa5.png) 0 -156px no-repeat !important; } /*----*/ .adyen_pm_diners { background: url(../../j/i/sources/i/ecommpay/diners_club.a30c50f92e8c4c0e5824.png); } .adyen_pm_diners:hover { background: url(../../j/i/sources/i/ecommpay/diners_club.a30c50f92e8c4c0e5824.png) 0 -78px no-repeat; } .adyen_pm_diners:active { background: url(../../j/i/sources/i/ecommpay/diners_club.a30c50f92e8c4c0e5824.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_discover { background: url(../../j/i/sources/i/ecommpay/discover.971536196a8eb32cd6e0.png); } .adyen_pm_discover:hover { background: url(../../j/i/sources/i/ecommpay/discover.971536196a8eb32cd6e0.png) 0 -78px no-repeat; } .adyen_pm_discover:active { background: url(../../j/i/sources/i/ecommpay/discover.971536196a8eb32cd6e0.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_dotpay { background: url(../../j/i/sources/i/ecommpay/dotpay.76ad475a48b5ceee4e22.png); } .adyen_pm_dotpay:hover { background: url(../../j/i/sources/i/ecommpay/dotpay.76ad475a48b5ceee4e22.png) 0 -78px no-repeat; } .adyen_pm_dotpay:active { background: url(../../j/i/sources/i/ecommpay/dotpay.76ad475a48b5ceee4e22.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_ebanking_FI { background: url(../../j/i/sources/i/ecommpay/finnish_e_banking.3d47e66dbfdb0f4b44a6.png); } .adyen_pm_ebanking_FI:hover { background: url(../../j/i/sources/i/ecommpay/finnish_e_banking.3d47e66dbfdb0f4b44a6.png) 0 -78px no-repeat; } .adyen_pm_ebanking_FI:active { background: url(../../j/i/sources/i/ecommpay/finnish_e_banking.3d47e66dbfdb0f4b44a6.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_directdebit_GB { background: url(../../j/i/sources/i/ecommpay/direct_debit_button.bfc3267457650b958a3f.png); } .adyen_pm_directdebit_GB:hover { background: url(../../j/i/sources/i/ecommpay/direct_debit_button.bfc3267457650b958a3f.png) 0 -78px no-repeat; } .adyen_pm_directdebit_GB:active { background: url(../../j/i/sources/i/ecommpay/direct_debit_button.bfc3267457650b958a3f.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_hipercard { background: url(../../j/i/sources/i/ecommpay/hipercard_button.0ba9c1a4816093d20061.png); } .adyen_pm_hipercard:hover { background: url(../../j/i/sources/i/ecommpay/hipercard_button.0ba9c1a4816093d20061.png) 0 -78px no-repeat; } .adyen_pm_hipercard:active { background: url(../../j/i/sources/i/ecommpay/hipercard_button.0ba9c1a4816093d20061.png) 0 -156px no-repeat; } /*----*/ .adyen_pm_elo { background: url(../../j/i/sources/i/ecommpay/elo_button.0ef6c8a827da67ae033b.png); } .adyen_pm_elo:hover { background: url(../../j/i/sources/i/ecommpay/elo_button.0ef6c8a827da67ae033b.png) 0 -78px no-repeat; } .adyen_pm_elo:active { background: url(../../j/i/sources/i/ecommpay/elo_button.0ef6c8a827da67ae033b.png) 0 -156px no-repeat; } /*----*/ .js-chckt-pm--selected .js-chckt-pm__details { background: transparent; } .chckt-pm:first-child { border: none; } .js-chckt-pm--selected .js-chckt-pm__header { background: transparent; } .chckt-pm:hover .chckt-pm__header { background: transparent; } .chckt-pm { background: transparent; border: none; } .chckt-button{ background: url(../../j/i/sources/i/ecommpay/pay_btn.6ee0f16062c8fa30acd4.png) no-repeat; width: 180px; height: 40px; padding: 0; margin: 0; position: absolute; bottom: 0; left: 50%; margin-left: -90px; } .chckt-button-container:not(.chckt-button--disabled):hover .chckt-button, .chckt-button:not(.chckt-button--disabled):hover { background: url(../../j/i/sources/i/ecommpay/pay_btn.6ee0f16062c8fa30acd4.png) 0 -40px no-repeat; } .chckt-button-container:not(.chckt-button--disabled):active .chckt-button, .chckt-button:not(.chckt-button--disabled):active { background: url(../../j/i/sources/i/ecommpay/pay_btn.6ee0f16062c8fa30acd4.png) 0 -80px no-repeat; } .chckt-button--disabled { opacity: 0.7; } .chckt-button-container { width: 182px; position: static; } .chckt-pm-list { height: 390px; } .chckt-form-label { background: url(../../j/i/sources/i/support_window/back_enter.1a795c2d90e2980af98c.png) no-repeat 0 30px; height: 60px; margin-top: 15px; padding-left: 0; padding-top: 6px; box-sizing: border-box; position: relative; } .chckt-form-label--cvc, .chckt-form-label--exp-date { width: 100px; margin-right: 8px; } .chckt-form-label--cvc::after, .chckt-form-label--exp-date::after { display: block; content: ' '; background: url(../../j/i/sources/i/support_window/back_enter.1a795c2d90e2980af98c.png) no-repeat -493px 0; width: 10px; height: 30px; position: absolute; right: -10px; top: 30px; } .chckt-form--max-width { max-width: 501px; } #ecommpay_order_box_popup.popup .loader { display: none; position: absolute; bottom: 100px; left: 50%; margin-left: -15px; } #js-order_box_iframe { max-height: 549px; overflow-y: auto; } #js-order_box_iframe iframe { width: 100%; height: 100%; } .blackout { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 100000; position: absolute; top: 0; cursor: pointer; } .order-box__error-screen { position: absolute; top: 290px; left: 50%; -webkit-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); transform: translate(-50%, -50px); text-align: center; } .order-box__error-text { margin-bottom: 20px; text-align: center; } .alert_block { background: url(../../j/i/sources/i/back_paper_web.c1d9d19bf2fe7e76b7f7.png) center center no-repeat; width:433px; height: 174px; position: absolute; left:50%; top:50%; z-index: 9999; margin-left:-238px; margin-top:-107px; } .alert_close.close_button { position: inherit !important; float: right; margin-left: 0px !important; margin-top:5px !important; margin-right:5px; } .alert_window_message { margin:0 auto; margin-top:50px; padding: 10px; width:370px; text-align: center; } .other_payment_methods_button { position: static; display: block; margin: 20px auto; border: none; color: white; cursor: pointer; } .small_green_button { background: url(../../j/i/sources/i/landings/small_green_button.c5aa0892cf58eaec39ce.png) no-repeat; width: 160px; height: 44px; cursor: pointer; color: #fff7bf; font-size: 17px; border: 0; } .small_green_button:hover { background-position: 0 -43px; } .small_green_button:active { background-position: 0 -86px; } .long_green_button { background: url(../../j/i/sources/i/long_green_button.78459ebbc7f3b935d10f.png) no-repeat; background-position: 0 -43px; color: #fff7bf; font-size: 17px; border: 0; width: 250px; height: 39px; cursor: pointer; } .long_green_button:hover { background-position: 0 0; } .long_green_button:active { background-position: 0 -85px; } /*----------------------------------------------------------------------------------------*/ .big_green_button { background: url(../../j/i/sources/i/landings/big_green_button.6ddf469824511f2c513c.png) no-repeat; width: 271px; height: 72px; border: 0; font-size: 26px; color: #fff7bf; cursor: pointer; } .big_green_button:hover { background-position: 0px -72px; } .big_green_button:active { background-position: 0px -144px; } .red_button { display: block; cursor: pointer; border: 0; background: url(../../j/i/sources/i/landings/red_button.5d851dbc6f2b66be556e.png) 0 0 no-repeat; width: 294px; height: 72px; color: #ffffb4; font-size: 29px; text-shadow: #740801 1px 1px 0; } .red_button:hover { background-position: 0 -71px; } .red_button:active { background-position: 0 -142px; color: #d5d595; } .small_white_input { background: url(../../j/i/sources/i/inputs/register_input_small_000.443548b19836d5758991.png) no-repeat 0 -48px; width: 244px; height: 41px; border: 0; display: block; position: relative; padding-right: 26px; padding-top: 6px; } .small_white_input input { width: 258px; height: 35px; border: 0; margin: 0 0 0 6px; font-size: 16px; color: #4c2727; display: block; padding: 2px 0 0 0; background: #fbf0d7; text-indent: 12px; } .small_white_input input:-webkit-autofill { color: #4c2727; -webkit-box-shadow: 0 0 0 1000px #fbf0d7 inset; -webkit-text-fill-color: #4c2727; } /*----------------------------------------------------------------------------------------*/ .white_input { background: url(../../j/i/sources/i/inputs/register_input_000.29b6e3a9f4dafe80f29b.png) 0 -55px no-repeat; width: 290px; height: 48px; border: 0; display: block; position: relative; padding-top: 6px; } .white_input input { width: 278px; height: 38px; border: 0; margin: 2px 6px 0 6px; font-size: 16px; color: #4c2727; display: block; background: #fbf0d7; text-indent: 12px; font-family: inherit; } .white_input input:-webkit-autofill { color: #4c2727; -webkit-box-shadow: 0 0 0 1000px #fbf0d7 inset; -webkit-text-fill-color: #4c2727; } .white_input.error { background-position: 0 0; color: #bd2524; } .white_input_required:before { display: block; content: "*"; color: rgb(255, 247, 191); position: absolute; left: 5px; top: 5px; font-size: 20px; } .brown_input { background: url(../../j/i/sources/i/landings/login_input242.ccfb537532fa04567c29.png) 0 -46px no-repeat; width: 242px; height: 39px; border:0; z-index: 1000; position: relative; display: block; margin: 0 auto 4px auto; } .brown_input input { border: 0; padding: 0; color: #fff7bf; font-size: 17px; width: 238px; height: 29px; text-indent: 22px; margin: 5px 2px 0px 2px; background: #32241E; font-family: inherit; } .brown_input input:-webkit-autofill { color: #fff7bf; -webkit-box-shadow: 0 0 0 1000px #32241E inset; -webkit-text-fill-color: #fff7bf; } .brown_input.error { background-position: 0 0; } .icon.vk, .icon.od, .icon.mm, .icon.gi, .icon.fb, .icon.tw, .icon.steam, .icon.steam2, .icon.link-to-google, .icon.link-to-fb { border: 0; cursor: pointer; background: url(../../j/i/sources/i/social_icons_32_all.a63fb104c0a496a76c93.png) 0 0 no-repeat; height: 33px; width: 33px; } .icon.link-to-apple, .icon.apple { border: 0; cursor: pointer; background: #fff url(../../j/i/sources/i/apple_icon.90324e0ba2899182afca.svg) center no-repeat; background-size: contain; border-radius: 17px; height: 33px; width: 33px; } .icon.vk { background-position: 0 -240px } .icon.vk:hover { background-position: -41px -240px } .icon.od { background-position: 0 -120px; } .icon.od:hover { background-position: -40px -120px } .icon.mm { background-position: 0 -80px } .icon.mm:hover { background-position: -40px -80px } .icon.gi, .icon.link-to-google { background-position: 0 -40px } .icon.gi:hover, .icon.link-to-google:hover { background-position: -40px -40px } .icon.fb, .icon.link-to-fb { background-position: 0 0; } .icon.fb:hover, .icon.link-to-fb:hover { background-position: -40px 0 } .icon.tw { background-position: 0 -160px; } .icon.tw:hover { background-position: -40px -160px; } .icon.steam, .icon.steam2 { background-position: 0 -200px; } .icon.steam:hover, .icon.steam2:hover { background-position: -40px -200px; } /* --------------------------------- */ #header .header_social_icon_vk { margin-left: 0; } .header_social_icon_vk, .header_social_icon_od, .header_social_icon_mm, .header_social_icon_gi, .header_social_icon_fb, .header_social_icon_tw, .header_social_icon_steam, .header_social_icon_steam2 { background: url(../../j/i/sources/i/social_icons_16_all.8c40b97d23c5540c9f87.png) no-repeat; } .header_social_icon_apple { background: #fff url(../../j/i/sources/i/apple_icon.90324e0ba2899182afca.svg) center no-repeat; background-size: contain; border-radius: 16px; } .header_social_icon_iosgc2 { background: url(../../j/i/sources/i/icons40/iosgc2_16.4ba7d99783b5c8ffafd3.png) no-repeat; } .header_social_icon_iosgc2:hover { background: url(../../j/i/sources/i/icons40/iosgc2_16_over.9bc5ffd34dd3e0277220.png) no-repeat; } .header_social_icon_gpgs2 { background: url(../../j/i/sources/i/icons40/gp_16.04241242ea9908fc8134.png) no-repeat; } .header_social_icon_gpgs2:hover { background: url(../../j/i/sources/i/icons40/gp_16_over.a1d6b2f1d54f4a052199.png) no-repeat; } .header_social_icon_vk, .social_icon_vk { background-position: 0 -108px; } .header_social_icon_od, .social_icon_od { background-position: 0 -72px; } .header_social_icon_mm, .social_icon_mm { background-position: 0 -54px; } .header_social_icon_gi, .social_icon_gi { background-position: 0 -18px; } .header_social_icon_fb, .social_icon_fb { background-position: 0 0; } .header_social_icon_tw, .social_icon_tw { background-position: 0 -90px; } .header_social_icon_steam, .header_social_icon_steam2, .social_icon_steam { background-position: 0 -126px } .header_social_icon_vk:hover, .social_icon_vk:hover { background-position: -18px -108px; } .header_social_icon_od:hover, .social_icon_od:hover { background-position: -18px -72px; } .header_social_icon_mm:hover, .social_icon_mm:hover { background-position: -18px -54px; } .header_social_icon_fb:hover, .social_icon_fb:hover { background-position: -18px 0; } .header_social_icon_tw:hover, .social_icon_tw:hover { background-position: -18px -90px; } .header_social_icon_steam:hover, .header_social_icon_steam2:hover, .social_icon_steam { background-position: -18px -126px } .white_checkbox { cursor: pointer; background: url(../../j/i/sources/i/landings/checkbox.fd96b7e53229e7273ff4.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .white_checkbox.checked { background-position: -30px 0; } .brown_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/brown_checkbox.8cf9aa3f68fcd2528569.png) 0 0 no-repeat; width: 28px; height: 27px; border: 0; } .brown_checkbox.checked { background-position: -29px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .brown_checkbox { background-position: -29px 0; } .gray_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkbox_01.d9a21fbe96e7a97e6af4.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .gray_checkbox.checked { background-position: -31px 0; } .dark_checkbox, .dark_checkbox_border { cursor: pointer; /* background: url('../../../../i/checkboxes/dark_checkbox.png') 0 0 no-repeat; */ background: url(../../j/i/sources/i/checkboxes/dark_checkbox_border.38e8b8660fc33fdd9230.png) 0 0 no-repeat; width: 28px; height: 28px; border: 0; } .dark_checkbox_border{ } .dark_checkbox.checked { /* background-position: -31px 0; */ background-position: -29px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .dark_checkbox { background-position: -31px 0; } .rough_checkbox { cursor: pointer; background: url("../../j/i/sources/i/checkboxes/rough_checkbox%20(1).edd2dca6a6b4b476add6.png") 0 0 no-repeat; width: 28px; height: 28px; border: 0; } .rough_checkbox.checked { background-position: -27px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .rough_checkbox { background-position: -27px 0; } .red_stone_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/red_stone_checkbox.94ceb6df74178231656f.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .red_stone_checkbox.checked { background-position: -28px 0; } .green_stone_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/green_stone_checkbox.4586da1d3a54172204b2.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .green_stone_checkbox.checked { background-position: -28px 0; } .close_button { width: 28px; height: 28px; background: url(../../j/i/sources/i/close_button.e85053a2aa1fc974eb87.png); cursor: pointer; } .close_button:hover { background-position: -29px 0; } .close_button:active { background-position: -58px 0; } .logo.triumph { display: block; width: 346px; height: 174px; margin: 0 auto 0 auto; background: url(../../j/i/sources/i/landings/tr/logo_en.4979fd058551113ac2e2.png) no-repeat; background-position-y: -4px; } .logo.triumph:lang(ru) { background-image: url(../../j/i/sources/i/landings/tr/logo_ru.e1d102f7f5dc1b35f9a9.png); } .logo.totalbattle { background: url(../../j/i/sources/i/landings/logo.b7bb9a81d12c88e6e0bc.png) no-repeat; display: block; width: 224px; height: 338px; margin: 0px auto 0px auto; } .totalbattle .logo.totalbattle { margin-top: -172px } .navigation_button_separator.left, .navigation_button_container.left { float: left; } .navigation_button_container.bright .navigation_button, .navigation_button_separator.right, .navigation_button_container.right { float: right; } .navigation_button_container:before, .navigation_button_container:after, .navigation_button:before, .navigation_button:after { content: ''; background: url(../../j/i/sources/i/navigation/separate_line.895f2a4785e15fff1c27.png) no-repeat; height: 41px; display: block; float: left; } .navigation_button_container:before { width: 1px; background-position: -4px 0; } .navigation_button_container:after { width: 4px; background-position: -5px 0; } .navigation_button_container.dright:before { width: 4px; background-position: -1px 0; } .navigation_button_container.dright:after { width: 0; } /* -- -- */ .navigation_button { color: #fff7bf; display: table; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; font-size: 13px; height: 41px; cursor: pointer; overflow: hidden; position: relative; direction: ltr; } .navigation_button:before, .navigation_button:after { width: 4px; display: table-cell; } .navigation_button:before { background-position: -5px 0 } .navigation_button:after { background-position: 0 0; width: 5px; } .navigation_button.left{ float: left; } .navigation_button a { color: #fff7bf; } .navigation_button_name { display: table-cell; vertical-align: middle; padding: 0 18px 0 18px; position: relative; z-index: 1; font-family: inherit; } .navigation_button .navigation_button_hover { display: none; background: #00528c; height: 41px; opacity: 0; z-index: 0; position: absolute; margin-left: -1px; top:0; left: 0; width: 100%; } .navigation_button:hover .navigation_button_hover { display: table-cell; opacity: 0.1; } .navigation_button_name .notifications_counter:after { content: ''; display: inline-block; width: 16px; height: 16px; position: relative; margin-top: -6px; top: 4px; margin-left: 5px; background: url(../../j/i/sources/i/navigation/icon_comments_outlined_darkBlue.c5b0fca7552cda7fe815.png) no-repeat; background-size: 100% 100%; } .navigation_button_name .notifications_counter.has_notifications:after { background: url(../../j/i/sources/i/navigation/icon_comments_filled_red.4bcbb8ad54fddf66294e.png) no-repeat; } /* -- -- -- -- -- -- -- -- -- -- */ .navigation_button_separator, .navigation_button_separator.dleft, .navigation_button_separator.dright { width: 9px; height: 41px; background: url(../../j/i/sources/i/navigation/separate_line.895f2a4785e15fff1c27.png) no-repeat left; } .navigation_button_separator.dright { width: 4px; background-position: -4px 0; } .navigation_button_separator.dleft { width: 4px; background-position: -1px 0; } /* -- -- -- -- -- -- -- -- -- -- */ .navigation_button.download_button .navigation_button_hover { display: block; background-size: 100% 100% !important; opacity: 1; background: url(../../j/i/sources/i/platformlinks/button_download_up.c0c055a4ea380b5e9ee3.png); } .navigation_button.download_button:hover .navigation_button_hover { opacity: 1; background: url(../../j/i/sources/i/platformlinks/button_download_over.208643e738c49bb9b4dd.png); } #player-simulated-status .status { color: red; } #player-simulated-status .online { color:green; } .loader { background: url(../../j/i/sources/i/load.799340f93af6c135a4f9.gif) no-repeat; width: 36px; height: 36px; display: inline-block; } .loader-large { background: url(../../j/i/sources/i/load2.d5c5f2d67610a4cb5ada.gif) no-repeat; width: 67px; height: 67px; display: inline-block; } .web-loader { background: url(../../j/i/sources/i/load.799340f93af6c135a4f9.gif) no-repeat; width: 36px; height: 36px; display: inline-block; visibility: hidden; /* TODO wtf, self-positioning inside component styles */ position: absolute; top: 50%; left: 50%; z-index: 1000; } .loading_animator { display: block; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px; width: 68px; height: 68px; z-index: 9999; } .policy_popup { background: url(../../j/i/sources/i/background.febf3a73f4926bff822d.png) no-repeat; width: 485px; height: 287px; margin-left: -242px; position: absolute; top: 50%; left: 50%; margin-top: -144px; display: none; z-index: 1; } .policy_popup .content { font-size: 15px; color: #4c2727; padding: 0 50px; margin-top: 63px; } .policy_popup .content .link { border: 0; background: none; font-size: 15px; color: #2f869e; display: inline-block; cursor: pointer; } .policy_popup .content .link:hover { text-decoration: underline; } .policy_popup .small_green_button { position: absolute; bottom: 50px; display: block; left: 50%; margin-left: -80px; } #notify_policy_popup.policy_popup { z-index: 1001; } #email_consent_popup { background: url(../../j/i/sources/i/background.febf3a73f4926bff822d.png) no-repeat; width: 485px; height: 287px; margin-left: -242px; position: absolute; top: 50%; left: 50%; margin-top: -144px; display: none; z-index: 20; } #email_consent_popup .content { font-size: 15px; color: #4c2727; /*padding: 0 50px;*/ margin-top: 63px; padding: 36px 113px; text-align: center; } #email_consent_popup .content .link { border: 0; background: none; font-size: 15px; color: #2f869e; display: inline-block; cursor: pointer; } #email_consent_popup .content .link:hover { text-decoration: underline; } #email_consent_popup .small_green_button { position: absolute; bottom: 50px; display: block; left: 50%; margin-left: -80px; } #email_consent_popup .close_button{ position: absolute; right: 24px; top: 21px; border: none; } .rtl_lang #email_consent_popup .close_button { right: auto; left: 18px; } #email_consent_popup .refuse_link{ position: absolute; bottom: 99px; display: block; /*left: 50%;*/ /*margin-left: -80px;*/ background: rgba(0, 0, 0, 0); border: 0; text-decoration: underline; color: rgb(0, 191, 255); width: 100%; text-align: center; cursor: pointer; } .popup_link1 { color: #1DB1E0; cursor: pointer; } .terms .popup_link1 { color: #fff7bf; } .paper-popup .popup_link1 { color: #4c2727; } .popup_link1:hover { text-decoration: underline; } .popup_loading { text-align: center; width: 380px; height: 30px; margin-bottom: -2px; } .popup_loading_wrap { display: none; margin: 0 auto; } .popup_loading_wrap img { margin-top: -3px; margin-left: -6px; } .popup_loading_wrap span { vertical-align: top; display: inline-block; margin-top: 10px; font-size: 12px; color: #4c2727; } #registration form { margin-top: 10px; } #registration form [data-target="login"]{ color: #2f869e; } #registration form .white_input, #registration form .red_button, #new_pass form .white_input, #new_pass form .red_button, #new_pass .success .red_button, #restore_pass .white_input, #restore_pass .red_button, #login form .white_input, #login form .red_button, #login2 form .brown_input, #login2 form .small_green_button { margin: 0 auto; } #registration form .red_button:lang(tr), #registration form .red_button:lang(pl), #registration form .red_button:lang(ko), #registration form .red_button:lang(it), #registration form .red_button:lang(fr), #registration form .red_button:lang(pt) { font-size: 23px; } #registration form .red_button:lang(ko){ font-size: 21px; } #registration form .step1 .red_button { font-size: 29px !important; cursor: pointer; } #registration form .white_checkbox { float: left; margin-right: 8px; margin-bottom: 22px; } .rtl_lang #registration form .white_checkbox { float: right; margin-right: auto; margin-left: 8px; } .registration_dialog_terms { color: #4c2727; padding: 0 49px; } .registration_dialog_terms__agree{ padding-bottom: 20px; } #new_pass .success, #registration.step1 .step2, #registration.step2 .step1, #registration.step1 .step3, #registration.step2 .step3, #registration.step3 .step1, #registration.step3 .step2, #registration2.step1 .step2, #registration2.step2 .step1 { display: none; } #registration .with-subscription button { background-color: #0c0f1000; border: 0; color: darkkhaki; cursor: pointer; } #restore_pass .restore_info, #restore_pass2 .restore_info { padding: 0 44px; text-align: center; } .dontout { top: 18%; left: 10%; } .totalbattle .logo.totalbattle { background: url(../../j/i/sources/i/landings/logo_small.84f5d6311ce8d46e449f.png); width: 195px; height: 310px; } .totalbattle .logo.totalbattle:lang(tw) { background: url(../../j/i/sources/i/landings/logo_small_tw.fbb7808a81643fc287fd.png); width: 333px; height: 310px; } .totalbattle .logo.totalbattle:lang(cn) { background: url(../../j/i/sources/i/landings/logo_small_cn.0a32261052bf07e11cf2.png); width: 333px; height: 310px; } #login2 { width: 320px; right: 8%; left: auto; } #login2 form { margin-top: 16px; } #login2 form .small_green_button { display: block; } #registration2 { width: 362px; right: 4%; left: auto; } #registration2 .content, #restore_pass2 .content, #otp_request_code2 .content, #otp_email_login2 .content, #otp_login .content { padding-top: 15px; } #registration2 .small_green_button, #registration2 .long_green_button, #restore_pass2 .small_green_button, #otp_request_code2 .small_green_button, #otp_email_login2 .small_green_button, #otp_login .small_green_button { display: block; margin: 0 auto; } .otp-resend-info a { color: #1DB1E0; } #registration2 form .brown_checkbox { float: left; margin-right: 8px; margin-bottom: 22px; } .rtl_lang #registration2 form .brown_checkbox { float: right; margin-right: auto; margin-left: 8px; } #registration2 .registration_dialog_terms { color: #fff7c1; } #restore_pass2 { width: 400px; right: 4%; left: auto; } #otp_request_code2 { width: 400px; right: 4%; left: auto; } #otp_email_login2 { width: 400px; right: 4%; left: auto; } #login2, #registration2, #restore_pass2, #otp_request_code2, #otp_email_login2 { top: 53px; } .pin-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pin-input { text-transform:uppercase; width: 47px; height: 47px; background: url(../../j/i/sources/i/otpbase.cd3c8f3821b28f073c7c.png) repeat; text-align: center; color: #fff7bf; font-family: 'FontinSansCR-Bold', sans-serif; line-height: 17px; font-size: 17px; border: none; } .pin-input:focus { outline: none; } @media (min-width: 1270px) and (max-width: 1356px) { #login, #new_pass, #restore_pass, #registration, .dontout { top: 14%; } } @media (min-width: 1177px) and (max-width: 1270px) { #login, #new_pass, #restore_pass, #registration, .dontout { top: 10%; } } @media (max-width: 1177px) { #new_pass, #restore_pass, #registration, .dontout { top: 15%; } .totalbattle #login, .totalbattle #new_pass, .totalbattle #restore_pass, .totalbattle #registration, .totalbattle .dontout { top: 15%; } #login .logo, #new_pass .logo, #restore_pass .logo, #registration .logo { display: none; } .paper_popup_content { padding-top: 34px !important; } .triumph #registration form { margin-top: 4px; } } .arrow-header, .arrow-header .arrow-header__text { display: inline-block; font-size: 16px; } .arrow-header .arrow-header__left, .arrow-header .arrow-header__right { display: inline-block; width: 96px; height: 9px; background-image: url(../../j/i/sources/i/arrows.e58c6482d72aaa0042f4.png); background-repeat: no-repeat; background-position: 0; } .arrow-header .arrow-header__right { background-position: -259px 0; } #account_management { background: url(../../j/i/sources/i/account_bg-min.9263217fa7b2e603be88.png) no-repeat; height: 401px; width: 552px; padding: 9px 15px 20px; /* margin-left: -286.5px; */ } #account_management .popup_h { color: #fff7bf; float: left; font-size: 17px; text-align: center; width: 100%; margin-top: -2px; } #account_management .close_button { margin-top: 7px; z-index: 2; position: absolute; right: 16px; } .rtl_lang #account_management .close_button { right: auto; left: 16px; } #account_management #auth { font-size: 15px; text-align: center; width: 100%; height: 66px; } #account_management .header_social_button { position: relative; top: 4px; display: inline-block; margin: 0 9px; } #account_management #auth span:first-child, #account_management #uid span:first-child { color: #ffbf5a; } #account_management #auth span:last-child, #account_management #uid span:last-child { color: #fff8cb; } #account_management #popup_body_wrapper { height: 295px; } #account_management .scroll-wrapper.scrollbar-rail { height: 297px; /*overflow-y: scroll;*/ overflow-x: hidden; width: 552px; position: absolute; box-sizing: border-box; } #account_management .popup_body { overflow-x: hidden; padding-bottom: 10px; } .white_checkbox__wrapper { display: inline-block; } .white_checkbox__text { display: inline-block; vertical-align: top; padding-top: 7px; } input[type='checkbox']:checked + .white_checkbox__wrapper .white_checkbox { background-position: -30px 0; } #account_management .but_center { text-align: center; } .rtl_lang #account_management .scrollbar-rail > .scroll-element.scroll-y { left: 4px; } #account_management .scroll-wrapper.scrollbar-rail .scroll-x { display: none; } #account_management #uid { font-size: 15px; text-align: center; } #account_management .popup_body #play_via_h, #account_management .popup_body #changepass_success_b { margin: 10px 0; color: #4c2727; font-size: 17px; /*position: absolute;*/ top: 82px; left: 15px; width: 550px; text-align: center; } #account_management .popup_body #changepass_success_b { margin: 23px 0 10px; } #account_management .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: 0; margin-left: 0; padding-right: 0; width: 100%; } #account_management .account_auth_icon_vk, #account_management .account_auth_icon_od, #account_management .account_auth_icon_mm, #account_management .account_auth_icon_fb, #account_management .account_auth_icon_fb2, #account_management .account_auth_icon_tw, #account_management .account_auth_icon_steam, #account_management .account_auth_icon_steam2 { background: url(../../j/i/sources/i/social_icons_40_all.ae09cf5a7fd30a04bd24.png); } #account_management .account_auth_icon_iosgc2 { background: url(../../j/i/sources/i/icons40/iosgc_40.6e4d7f23955ce3d3612a.png); } #account_management .account_auth_icon_iosgc2:not(.not_hover):hover { background: url(../../j/i/sources/i/icons40/iosgc_40_over.cb07899cb0b0a0105c5d.png); } #account_management .account_auth_icon_gpgs2 { background: url(../../j/i/sources/i/icons40/gp_40.b862f0a6b3efa7f3dbf2.png); } #account_management .account_auth_icon_gpgs2:not(.not_hover):hover { background: url(../../j/i/sources/i/icons40/gp_40_over.dc342d65122f9dc1bd3a.png); } #account_management .account_auth_icon_vk { background-position: 0 -90px } #account_management .account_auth_icon_vk:not(.not_hover):hover { background-position: 40px -90px } #account_management .account_auth_icon_od { background-position: 0 130px } #account_management .account_auth_icon_od:not(.not_hover):hover { background-position: 40px 130px } #account_management .account_auth_icon_mm { background-position: 0 175px } #account_management .account_auth_icon_mm:not(.not_hover):hover { background-position: 40px 175px } #account_management .account_auth_icon_fb, #account_management .account_auth_icon_fb2 { background-position: 0 0 } #account_management .account_auth_icon_fb:not(.not_hover):hover, #account_management .account_auth_icon_fb2:not(.not_hover):hover { background-position: 40px 0px } #account_management .account_auth_icon_tw { background-position: 0 40px } #account_management .account_auth_icon_tw:not(.not_hover):hover { background-position: 40px 40px } #account_management .account_auth_icon_steam, #account_management .account_auth_icon_steam2 { background-position: 0 -225px } #account_management .account_auth_icon_steam:not(.not_hover):hover, #account_management .account_auth_icon_steam2:not(.not_hover):hover { background-position: 40px -225px; } #account_management .popup_body .left { text-align: left; } #account_management .left_padding { padding: 0 42px; } #account_management .input { background: url(../../j/i/sources/i/field.c82237fd51e49e83ea58.png) no-repeat rgba(0, 0, 0, 0); border: 0; color: #4c2727; display: block; font-size: 17px; height: 29px; margin: 0 0 0; padding-left: 12px; padding-top: 6px; width: 428px; padding-right: 27px; } #account_management input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; /*position: relative;*/ /*top: -40px;*/ width: 441px; font-size: 15px; outline: none; } #account_management input:focus { border: none; outline: none; } #account_management #send_mail, #account_management .auth_icons + div { text-align: left; font-size: 12px; margin-bottom: 8px; } #account_management #send_mail { /*position: absolute;*/ top: 110px; text-align: left; padding: 0 44px; } .rtl_lang #account_management #send_mail { text-align: right; } #account_management #uid { position: absolute; top: 388px; width: 550px; left: 15px; } #account_management #sendpin { left: 16px; top: 194px; width: 550px; } #account_management #settether { display: block; width: 550px; padding-top: 20px; } #account_management #idnottethered { font-size: 21px; width: 550px; text-align: center; margin: 20px auto; } #account_management #changepass { left: 16px; top: 194px; padding-top: 17px; display: block; width: 550px; margin-bottom: 10px; } #account_management div, #account_management input { color: #4c2727; } #account_management .error .lbc, #account_management .error .rbc, #account_management .error .ltc, #account_management .error .rtc { background: url(../../j/i/sources/i/error.05961f91221f9b200375.png) no-repeat; } #account_management .error .hr div, #account_management .error .vl div { background: #9D3728; } #account_management .lbc, #account_management .rbc, #account_management .ltc, #account_management .rtc { padding: 4px; background-size: 24px; } #account_management .error .ltc { background-position: 0 0; } #account_management .error .rtc { background-position: -16px 0; } #account_management .error .lbc { background-position: 0 -16px; } #account_management .error .rbc { background-position: -16px -16px; } #account_management #input_placeholder { text-align: center; margin-bottom: 5px; } #account_management #input_placeholder table { margin: auto; } .rtl_lang #account_management #input_placeholder table { direction: ltr; } .rtl_lang #account_management #input_placeholder table input { direction: rtl; } .rtl_lang #account_management #input_placeholder .white_checkbox__wrapper { float: right; margin-right: 8px; } #account_management .error_bubble { display: none; position: absolute; top: 105px; left: 50%; margin-left: -75px; z-index: 1000; } #account_management #changepass .error_bubble { top: 252px; left: 46%; } #account_management .error_main { background: #AD2319; border: 0; border-radius: 3px; padding: 8px 12px; text-align: center; display: inline-block; font-size: 13px; color: #fff7bf; } #account_management .error_arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #AD2319; display: inline-block; position: relative; bottom: 5px; } .accountmanagement_loading { text-align: center; position: absolute; left:0; right: 0; margin-top: 140px; } .accountmanagement_loading.--withoutspan { margin-left: -20px; } .accountmanagement_loading.--withoutspan span { display: none; } #changepass_success_b { display: none; left: 0 !important; top: 64px !important; } #account_management .ecommpay_but.but_center { position: static; vertical-align: middle; } #account_management #gdpr { margin-top: 10px; } #account_management #gdpr > div { margin-bottom: 5px; } .account-policies__container { margin-top: 10px; } .policies-list__container { width: 80%; line-height: 1.3em; text-align: center; margin: 10px auto; } .policies-list__container a { color: #4c2727; text-decoration: underline; } .account_game_progress { border: #baa07b solid 1px; border-radius: 5px; background-color: #f7e6c8; box-shadow: inset 0px 0px 40px 0px #baa07b; margin-left: 40px; margin-right: 40px; margin-top: 9px; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: bold; font-size: 13px; } .account_avatar { position: relative; padding: 3px 8px 0 8px; } .account_avatar > img:first-child { width: 72px; height: 72px; } .account_avatar > img:nth-child(2) { position: absolute; left: 7px; top: -4px; } .account_avatar > div { position: absolute; right: 4px; top: -6px; width: 29px; height: 34px; text-align: center; padding-top: 8px; } .account_avatar > div > span { color: white; font-size: 12px; } .account_progress > div { margin-bottom: 10px; } .account_progress span { color: #8f6f4c; } .account_actions { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 0 7px; } .account_actions > div { margin-bottom: 5px; margin-right: 5px; width: 40px; height: 40px; display: inline-block; border: 2px solid #94a1b4; border-radius: 10px; cursor: pointer; } .account_auth_icon_site, .account_auth_icon_site2 { width: 40px; height: 40px; background: url(../../j/i/sources/i/icons40/mail_40.5f549470aac849221b9f.png); } .account_auth_icon_site:not(.not_hover):hover, .account_auth_icon_site2:not(.not_hover):hover { background: url(../../j/i/sources/i/icons40/mail_40_over.823cd3e40281c9781b51.png); } #account_management .not_hover { cursor: default; } #account_management .tether_social_account { margin: 20px 42px; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px; background-color: rgb(0,0,0,0.08); } #account_management .tether_social_account > div:last-child { padding-left: 10px; } #account_management .tether_social_account .error_icon { background: url(../../j/i/sources/i/error_icon.4a1c914742cf3e3f4006.png) no-repeat; width: 45px; height: 44px; min-width: 50px; } .tether_social_account.error_icon { background: url(../../j/i/sources/i/error_icon.4a1c914742cf3e3f4006.png) no-repeat; background-size: contain; float: right; height: 30px; margin-top: 1px; width: 30px; } #account_management #switch-by-social-error__container { width: 100%; text-align: center; font-size: 13px; color: red; } #link-social-network { padding: 0 42px; } #link-social-network .link-social-network_option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #link-social-network .link-social-network_link-button { background: none; border: none; } .popup, .popup2 { position: absolute !important; left: 50%; z-index: 1001; top: 0; display: none; } .popup.display, .popup2.display { display: block; } .popup_error { margin-bottom: 12px; text-align: center; color: #cc1414; padding: 4px 12px; background: #ffffff; display: none; } /* header_language select */ #language_select { cursor: pointer; z-index: 5; position: relative; } #language_select.navigation_button { overflow: auto; } .active_lang { color: #fff7bf; font-size: 13px; height: 41px; padding: 0 6px; width: 85px; float: left; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .language_list { border-top: 1px solid #000000; position: absolute; left: -1px; top: 41px; text-align: center; display: none; z-index: 5; } .language_list a { text-decoration: none; } .language_list li { background: url(../../j/i/sources/i/navigation/pattern_04.c8bfd97831eb574a222b.png) repeat; border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; color: #fff7bf; height: 31px; list-style: outside none none; padding: 0 8px; width: 88px; font-size: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .language_list li:hover { background: url(../../j/i/sources/i/navigation/pattern_05.e7c1e6a0b7ad0a5b6115.png) repeat; } #language_select .language_list.open { display: block; } .language_list .active { display: none; } .language_icon { display: inline-block; height: 11px; margin-bottom: -1px; width: 16px; background-size: 16px 11px; background-repeat: no-repeat; } .language_icon.ru { background-image: url(../../j/i/sources/i/flags/ru.a56698291bcdc19c5f20.png); } .language_icon.en { background-image: url(../../j/i/sources/i/flags/en.f72a934ab8a7ddd3eeae.png); } .language_icon.de { background-image: url(../../j/i/sources/i/flags/de.d4aeffffa7d9526bb20c.png); } .language_icon.fr { background-image: url(../../j/i/sources/i/flags/fr.a70aee74e3cb3d5f19f4.png); } .language_icon.es { background-image: url(../../j/i/sources/i/flags/es.870f64971556c90ecbad.png); } .language_icon.pl { background-image: url(../../j/i/sources/i/flags/pl.2072aaa7330a8c8afd54.png); } .language_icon.tr { background-image: url(../../j/i/sources/i/flags/tr.42aaeda20564f349ff5c.png); } .language_icon.it { background-image: url(../../j/i/sources/i/flags/it.e604361b0128b49775ca.png); } .language_icon.ja { background-image: url(../../j/i/sources/i/flags/ja.405f487dc1f30be7c131.png); } .language_icon.pt { background-image: url(../../j/i/sources/i/flags/pt.dfacf61105a63e54723b.png); } .language_icon.sv { background-image: url(../../j/i/sources/i/flags/sv.0fc0a78e47e16e268b88.png); } .language_icon.no { background-image: url(../../j/i/sources/i/flags/nb.bae5d0f15c0f28db1b99.png); } .language_icon.nl { background-image: url(../../j/i/sources/i/flags/nl.f5bab5e3a726184bb8c2.png); } .language_icon.ie { background-image: url(../../j/i/sources/i/flags/ga.d42157f0bd8faa4f2d0e.png); } .language_icon.fi { background-image: url(../../j/i/sources/i/flags/fi.3b60ba0b8e7759891a5a.png); } .language_icon.zh { background-image: url(../../j/i/sources/i/flags/zh.6f8f3f0133f7493b7365.png); } .language_icon.ko { background-image: url(../../j/i/sources/i/flags/ko.9ff14b7df8620f996fda.png); } .language_icon.ar { background-image: url(../../j/i/sources/i/flags/ar.7e55567f4774e4adc749.png); } .language_icon.cs { background-image: url(../../j/i/sources/i/flags/cs.fbf05ea4a23e24ba2442.png); } .language_icon.da { background-image: url(../../j/i/sources/i/flags/da.73c1cd7b225dddb3fd5a.png); } .language_icon.hu { background-image: url(../../j/i/sources/i/flags/hu.17aed979239d7a6636d2.png); } .mobile .active_lang { width: 97px; padding-top: 14px; box-sizing: border-box; padding-left: 32px; } .mobile .language_list li { width: 67px; padding: 11px 0 0 38px; } #support_window_popup { height: 50%; width: 50%; padding: 5px; margin-left: -25%; } #support_window_popup #js-order_box_iframe { max-height: 100%; } #support_window_popup .close_button { right: 20px; position: absolute; top: 20px; z-index: 99; } #support_contact.button_wrapper { background: rgb(217,170,83); background: -webkit-gradient(linear, left bottom, left top, from(rgba(217,170,83,1)), to(rgba(255,241,151,1))); background: linear-gradient(0deg, rgba(217,170,83,1) 0%, rgba(255,241,151,1) 100%); padding:3px; overflow: hidden; border:1px solid #6b6b6b; position: absolute; left: 50%; margin-left: -105px; margin-top: 50px; } #support_contact.button_wrapper:hover { background: rgb(217,170,83); } #support_contact.button_wrapper #but_support_contact { background: rgb(255,132,38); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,132,38,1)), to(rgba(255,170,36,1))); background: linear-gradient(0deg, rgba(255,132,38,1) 0%, rgba(255,170,36,1) 100%); border: 1px solid #593326; padding:10px 20px; } #support_contact.button_wrapper:hover #but_support_contact { background: rgb(228,138,16); background: -webkit-gradient(linear, left bottom, left top, from(rgba(218,104,13,1)), to(rgba(228,138,16,1))); background: linear-gradient(0deg, rgba(218,104,13,1) 0%, rgba(228,138,16,1) 100%); } #support_contact.button_wrapper:focus #but_support_contact { background: rgb(197,104,7); background: -webkit-gradient(linear, left bottom, left top, from(rgba(197,104,7,1)), to(rgba(188,76,7,1))); background: linear-gradient(0deg, rgba(197,104,7,1) 0%, rgba(188,76,7,1) 100%); } #support_window_popup .content.popup_body { border: 2px solid #654a3d; height: -webkit-calc(100% - 4px) !important; height: calc(100% - 4px) !important; } #game_frame.support_window { background: url(../../j/i/sources/i/support_window/backs_pattern_4.621b13d49578808a7dd4.png) repeat !important; } #support_window_popup .border_wrapper { border:4px solid #f1d88e; width: 100%; height: 100%; position: relative; box-sizing: border-box; padding: 0; overflow: hidden; } #support_window_popup .content_wrapper { border: 2px solid #94865f; -webkit-box-shadow: 0 0 0 1000px #dbc6a8 inset; } #minimized_chat { background-image: url(../../j/i/sources/i/support_window/support_chat/owl.9bdef18ca0718d2170f7.png); background-position: 0px; width: 92px; height: 87px; inset: auto 9% 0px auto !important; position: absolute; z-index: 999; cursor: pointer; display: none; -webkit-animation: play 4s steps(40) infinite; animation: play 4s steps(40) infinite; } @-webkit-keyframes play { 0% { background-position: 0px; } 100% { background-position: -3560px; } } @keyframes play { 0% { background-position: 0px; } 100% { background-position: -3560px; } } #unread_chat_messages_count { color: white; font-size:16px; width:18px; height: 18px; text-align: center; border-radius: 13px; padding: 4px; position: absolute; right:0px; top: 0px; background: red; } #hs-web-sdk-iframe, #hs-widget-iframe { max-height: 100% !important; max-width: 100% !important; min-height: 0% !important; min-width: 0% !important; inset: auto 10% 0px auto !important; width:20% !important; height: 50% !important; } @media screen and (max-width: 1450px) { #support_window_popup { height: 50%; width: 90%; padding: 5px; margin-left: -25%; } #hs-web-sdk-iframe, #hs-widget-iframe { max-height: 100% !important; max-width: 100% !important; min-height: 0% !important; min-width: 0% !important; inset: auto 9% 0px auto !important; width:20% !important; height: 35% !important; } } @media screen and (max-height: 900px) { #hs-web-sdk-iframe, #hs-widget-iframe { max-height: 100% !important; max-width: 100% !important; min-height: 0% !important; min-width: 0% !important; inset: auto 9% 0px auto !important; width:25% !important; height: 65% !important; } #support_window_popup { height: 60%; width: 90%; padding: 5px; margin-left: -25%; } } #but_support_contact { width: auto; height: auto; } /*вынес сюда все с lp~(eto ne vse) */ #support_ticket div, #support_ticket input { color: #4c2727; } #support_ticket { background: url(../../j/i/sources/i/support_window/back_aid-min.662983837df8fc85865b.png); width: 756px; height: 588px; } #support_ticket .close_button { right: 98px; position: absolute; top: 96px; z-index: 1; } .rtl_lang #support_ticket .close_button { right: auto; left: 96px; } #support_ticket .popup_h_back { width: 756px; top: 77px; background: url(../../j/i/sources/i/support_window/title.081ebca456e614288edd.png) no-repeat; color: #fff7bf; height: 32px; text-align: center; font-size: 17px; padding-top: 7px; background-position: 50% 0; position: absolute; } #support_ticket .popup_body { position: absolute; width: 564px; height: 358px; top: 123px; left: 96px; } #support_ticket_body { color: #4c2727; } #support_ticket .input, #support_ticket .select { background: url(../../j/i/sources/i/support_window/back_enter.1a795c2d90e2980af98c.png) no-repeat; background-position: 50% 0; height: 24px; margin-top: 15px; padding-left: 40px; padding-right: 40px; padding-top: 6px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #support_ticket .select { margin-top: 7px; margin-bottom: 17px; } #support_ticket .input input { font-size: 17px; background: none; border: none; outline: none; width: 467px; } #support_ticket .input input:-webkit-autofill { color: #4c2727; -webkit-box-shadow: 0 0 0 1000px #dbc6a8 inset; -webkit-text-fill-color: #4c2727; } #support_ticket .textarea { background: url(../../j/i/sources/i/support_window/back_text.4fecebcf1784face46fb.png) no-repeat 50% 0; padding-left: 40px; padding-right: 40px; padding-top: 9px; height: 138px; } #support_ticket .textarea .scrollbar-rail { border: 0; font-size: 13px; width: 487px; height: 124px; } #support_ticket .textarea #editablediv { width: 482px; height: 128px; background: none; border: none; resize: none; } #support_ticket .options { display: none; background: url(../../j/i/sources/i/support_window/back_list.82d144abb5ca320ce09e.png) no-repeat; z-index: 20; position: absolute; left: 24px; top: 76px; padding-top: 8px; padding-left: 9px; height: 201px; width: 499px; background-size: 517px 203px; } #support_ticket .option { height: 30px; padding-left: 10px; font-size: 18px; padding-top: 7px; margin-bottom: -7px; color: #E1B971; cursor: pointer; } .rtl_lang #support_ticket .option { padding-left: auto; padding-right: 10px; } #support_ticket .option:hover { background: url(../../j/i/sources/i/support_window/list_over.b43a4946ffae52c81055.png) no-repeat; color: #FFF9C0; } #support_ticket .chosen { font-size: 17px; padding-top: 1px; cursor: pointer; } #support_ticket .select .arrow { background: url(../../j/i/sources/i/support_window/button_up_arrow.3a5be4eb64b472f30d10.png) no-repeat; width: 19px; height: 17px; position: absolute; top: 58px; left: 504px; } .rtl_lang #support_ticket .select .arrow { left: 42px; } #support_ticket .select:hover .arrow { background: url(../../j/i/sources/i/support_window/button_over_arrow.11e6c74304903d43d496.png) no-repeat; } #support_ticket .support_ticket_error { position: absolute; top: 287px; width: 565px; text-align: center; } #support_ticket .select ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-style: italic; } #support_ticket .select :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-style: italic; } #support_ticket .select ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-style: italic; } #support_ticket .select :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: italic; } #support_success { /* display: none; */ width: 500px; background: url(../../j/i/sources/i/registration_popup_bg-min.50d51f25bc18ab0a94ef.png); height: 500px; position: absolute; top: 10px; left: 50%; margin-left: -250px; z-index: 1001; } #support_success .text { font-size: 20px; left: 50px; position: absolute; text-align: center; top: 150px; width: 400px; } .mobile #support_ticket { width: 90% !important; height: 90% !important; position: absolute; } .mobile #support_ticket .content_wrapper { padding: 4px 26px 4px 26px; } .mobile #support_ticket form { padding-top: 22%; height: 100%; display: block; box-sizing: border-box; } .mobile #support_ticket .close_button { display: none; } .mobile #support_ticket .text_header { background: url(../../j/i/sources/i/popup_header.860e139e06f1fbebe07a.png) no-repeat; background-size: 100%; width: 98%; position: absolute; margin-left: -23px; height: 100%; max-height: 40px; text-align: center; color: #fff6be; font-size: 22px; padding-top: 10px; } .mobile #support_ticket .text_header .close_button { background: url(../../j/i/sources/i/landings/mobile/buttons_88_red_up_1.49e2218374f0f27ffaaa.png) no-repeat; display: block; top: 4px; right: 5px; background-size: 100%; width: 35px; height: 35px; } .table_input { width: 100%; border-spacing: 0 0 !important; -webkit-border-horizontal-spacing: 0 !important; -webkit-border-vertical-spacing: 0 !important; } .table_input .cc { background: #D9C3A4; } .table_input .tc, .table_input .bc { background: url(../../j/i/sources/i/support_window/rb1.18fd0230d758c27cdceb.png); width: 100%; height: 10px; } .table_input .bc { background-position: 0 -10px; } .table_input .cl, .table_input .cr { background: url(../../j/i/sources/i/support_window/rb2.520357d7e229df1eddd6.png); width: 10px; min-height: 10px; } .table_input .cr { background-position: -10px 0; } .table_input .round { background: url(../../j/i/sources/i/rbrounds.ec972b0b033020e6befc.png); min-width: 10px; min-height: 10px; } .table_input .round.r { background-position: -10px 0; } .table_input .round.bl { background-position: 0 -10px; } .table_input .round.br { background-position: -10px -10px; height: auto; } .table_input input { border: 0; background: #D9C3A4; width: 100%; outline: none; color: #4c2727; } .mobile #support_ticket .table_input input, .mobile #support_ticket .chosen, .mobile #support_ticket .option { font-family: FontinSansCR-Bold, sans-serif; font-size: 14px; } .mobile #support_ticket .select { background: none !important; height: 24px; margin-top: auto !important; padding-left: 0 !important; padding-top: 0 !important; position: relative; } .mobile #support_ticket .options { top: auto; left: auto; position: relative; background-size: 100% 100%; background-position: 0px -6px; width: 100%; padding-left: 0; } .mobile #support_ticket .arrow { background: url(../../j/i/sources/i/components_control.3739e34b444c6fe71733.png) no-repeat; background-size: 100% 100%; width: 24px; height: 20px; top: 8px; left: auto; right: 8px; } .mobile #support_ticket_body { font-size: 14px; } .mobile #support_ticket .select:hover .arrow { background: url(../../j/i/sources/i/components_control.3739e34b444c6fe71733.png) no-repeat; background-size: 100% 100%; } .mobile #support_ticket .support_but { margin: 0 auto; position: relative; display: block; } .mobile #support_ticket_textarea { height: 100%; padding-bottom: 14px; } .mobile #support_ticket_table_wrapper { width: 100%; height: 100%; } .mobile .support_ticket_table_td36 { height: 36px; padding-bottom: 14px; } .mobile #support_ticket input:-webkit-autofill { color: #4c2727; -webkit-box-shadow: 0 0 0 1000px #dbc6a8 inset; -webkit-text-fill-color: #4c2727; } /*************** TEXTAREA OVERRIDE ***************/ .textarea-scrollbar { width: auto; } .scroll-textarea > .scroll-content > textarea { width: 100%; font-size: 17px; } #support_ticket .deleted_personal_data { padding: 0 50px; display: none; } #support_ticket .deleted_personal_data > div { margin: 15px 0; } #support_ticket .deleted_personal_data button { display: block; margin: 0 auto 20px; position: static; } .rtl_lang .ornament_popup .ornament_popup_table, .rtl_lang .document_popup .content { direction: ltr; } .rtl_lang #footer_menu { text-align: center; } .full-screen-overlay { z-index: 1001; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #0009; cursor: progress; display: none; } .full-screen-overlay .__loader{ position: absolute; left: 50%; top: 50%; display: none; } /* =============================== = Choices = =============================== */ .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: visible; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.25; } .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #005F75; } .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button { display: none; } .choices[data-type*=select-one]::after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open::after { border-color: transparent transparent #333; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]::after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #003642; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #005F75; border: 1px solid #004a5c; color: #fff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #004a5c; border: 1px solid #003642; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaaaaa; border: 1px solid #919191; } .choices__list--dropdown, .choices__list[aria-expanded] { display: none; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; } .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { display: block; } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration { display: none; } .choices__input::-ms-clear, .choices__input::-ms-reveal { display: none; width: 0; height: 0; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } /* ===== End of Choices ====== */ .choices__inner{ min-height: 10px; background-color: #fff; } .choices[data-type*=select-one] .choices__inner{ padding: 0; } .dev-settings-panel_flex-row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dev-settings-panel_label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .dev-settings-panel_input { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3 } .dev-settings-panel { position: fixed; top: 42px; left: 0px; background-color: rgb(255, 255, 255); z-index: 99999; padding: 20px; opacity: 0.3; cursor: move; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .dev-settings-panel:hover { opacity: 1; } .dev-settings-panel * { cursor: initial; } .dev-settings-panel .dev-settings-controls { font-size: 10px; position: absolute; left: 0; top: 0; } .dev-settings-panel .dev-settings-controls .dev-settings-control { cursor: pointer; padding: 15px; } .dev-settings-panel .dev-settings-content { padding-top: 20px; } #polling_window_popup { height: 650px; width: 860px; padding: 5px; margin-left: -464px; } #polling_window_popup .popup_body { text-align: center; } #polling_window_popup #js-order_box_iframe { max-height: 700px; } #game_frame { background: url(../../j/i/sources/i/background_pattern.f05f8b07f9c4e5013597.png) !important; } #polling_window_popup .close_button { margin-left: 639px; margin-top: 7px; position: absolute; width: 28px; height: 28px; background: url(../../j/i/sources/i/close_button.e85053a2aa1fc974eb87.png); cursor: pointer; } #polling_window_popup .popup_h { color: #fff7bf; font-size: 17px; margin-bottom: 20px; text-align: center; margin-top: -2px; } #polling_window_popup .content_wrapper { padding-left: 10px; } /* MAIN */ * { margin: 0; padding: 0; outline: none; -webkit-font-smoothing: antialiased; } html { height: 100%; } body { font-size: 13px; background: #16292e; background: url(../../j/i/sources/i/background_pattern.f05f8b07f9c4e5013597.png) repeat; } body, #footer, #index_preloader, #index_video, .wrapper { min-width: 1000px; } body.mobile, .mobile #footer, .mobile #index_preloader, .mobile #index_video, .mobile .wrapper { min-width: 320px; } /*.mobile *,*/ /*.tablet * {*/ /* cursor: pointer;*/ /*}*/ body.mobile, body.tablet { background: #f1dfbd url(../../j/i/sources/i/no_flash/image_back.3836c22367e8e7259e88.jpg) repeat; -webkit-tap-highlight-color: transparent; } body.tablet { min-width: 600px; } .index_bg, body.mobile.index_bg, body.tablet.index_bg { background: url(../../j/i/sources/i/pattern_footer.0c16a46011a27640d2f3.png) repeat; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #896161; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #896161; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #896161; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #896161; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset; background: transparent; } a { text-decoration: none; } iframe { border: 0; } .wrapper { width: 100%; max-width: 1920px; } .wrapper.forms2 { position: absolute; } .tablet .wrapper { min-width: 600px; } #blackout { width: 100%; height: 100%; background: black; opacity: 0.8; position: absolute; z-index: 1000; display: none; } .blur { -webkit-filter: blur(4px); filter: blur(4px); } #game_frame { -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; width: 100%; } #game_frame { /* min-height: 650px; */ position: relative; z-index: 1; } .bg_pattern { background: url(../../j/i/sources/i/background_pattern.f05f8b07f9c4e5013597.png) repeat !important; } #get-flash { display: none; height: 33px; margin: 0 auto; position: relative; top: 50%; width: 112px; } /* HEADER_NAVIGATION */ .pattern_panel { height: 43px; width: 100%; background: #1c3036 url(../../j/i/sources/i/navigation/pattern_header.4d61193d2935e1098f6e.png) repeat-x; position: relative; z-index: 2; } .your_id { position: absolute; height: 43px; left: 0; top: 0; color: #fff7bf; font-size: 13px; } .your_id > div:first-child { padding: 17px 18px 0; display: inline-block; } .header_social_button { display: block; cursor: pointer; height: 16px; width: 16px; margin: -2px 0 0 6px; border: 0; outline: none; } .header_social_button:first-child { margin: -2px 0 0 0; } #header { position: relative; z-index: 1003; } #header > * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .header__center-slot { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__center-responsive-slot { height: 100%; top: 0; position: absolute; display: none; } @media screen and (max-width: 1650px) { .header__center-slot { display: none; } .header__center-responsive-slot { display: block; } } @media screen and (max-width: 1000px) { .betaPopupOpener { font-size: 11px!important; } } .header__center-responsive-slot .rectangle-green-230w, .header__center-responsive-slot .rectangle-red-230w { width: 100%; } .mobile #header { z-index: 4; } #header .header_social_button { float: left; } #account_button .navigation_button_name { padding-top: 0; } #header_user_name { float: left; } .tether_social_account.error_icon:not(.mount-hidden) + #header_user_name { margin-right: 10px; margin-top: 12px; } .rtl_lang #header_user_name { float: right; margin-left: 4px; padding: 0 0 0 12px; } /* HEADER/WEB/auth_site */ .header_entry_point .header_social_button { margin: -3px 0 0 !important; } /* FOOTER */ #footer { text-align: center; border-top: 1px solid black; background: black; color: #9e9e9e; width: 100%; background: url(../../j/i/sources/i/pattern_footer.0c16a46011a27640d2f3.png) repeat; position: absolute; bottom: 0; z-index: 3; } /* .mobile #footer, */ /* .tablet #footer, */ .totalbattle:lang(en) #footer { position: relative; } #footer a { color: #9e9e9e; text-decoration: underline; z-index: 0; position: relative; } #footer a:hover { color: #b7b7b7; } #footer_wrapper { display: inline-block; margin: 0 auto; /*min-width: 550px;*/ padding: 20px 0; text-align: left; font-size: 9px; } .mobile #footer_wrapper { padding: 20px 24px; } #footer_menu { text-transform: uppercase; } .mobile #footer_menu { text-align: center; } #footer_partners { white-space: normal; text-align: center; padding-top: 20px; } #footer_partners > div { display: inline-block; margin-left: -2px; margin-right: 3px; } .footer_partners_mastercard_id_check{ background: url(../../j/i/sources/i/footer/icons_mastercard_id_check.14513edc3cb3752b1407.png) no-repeat; height: 38px; width: 136px; } .footer_partners_visa_secure{ background: url(../../j/i/sources/i/footer/icons_visa_secure_1.0eec1ba4bfd174a2e844.png) no-repeat; background-size: contain; height: 38px; width: 38px; } .footer_partners_v { background: url(../../j/i/sources/i/footer/icons_payment_system_visa_1.f5e144fd8359a869bbe8.png) no-repeat; height: 32px; width: 50px; } .footer_partners_ve { background: url(../../j/i/sources/i/footer/icons_payment_system_visa_electron_1.fe9dc746ac3b060d3209.png) no-repeat; height: 32px; width: 50px; } .footer_partners_mc { background: url(../../j/i/sources/i/footer/icons_payment_system_master_card_2.bdd406803516d3fb3453.png) no-repeat; height: 32px; width: 50px; } .footer_partners_ms { background: url(../../j/i/sources/i/footer/icons_payment_system_maestro_2.f667274bae1f06108f9e.png) no-repeat; height: 32px; width: 50px; } .footer_partners_mcs { background: url(../../j/i/sources/i/footer/master_card_secure_code-min.c487ddbe65b944603b49.png) no-repeat; height: 38px; width: 123px; } /* index_layout */ #index_wrapper { position: relative; overflow: hidden; line-height: 0; /* fix bottom empty pixels */ } #index_preloader { width: 100%; } .mobile #index_preloader { width: auto; } #terms_of_service, #privacy_policy, #payment_policy, #refund_policy, #eula_policy { z-index: 1002; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .cf { *zoom: 1; } iframe html, iframe body { max-width: 100%; } .ecommpay_but, .support_but { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat; width: 210px; height: 40px; border: none; text-align: center; color: #fff7bf; font-size: 17px; cursor: pointer; } .ecommpay_but.but_right { left: 390px; padding-top: 13px; position: absolute; } .ecommpay_but.but_center, .support_but.but_center { cursor: pointer; left: 199px; position: absolute; } .ecommpay_but:hover, .support_but:hover, .feedback__send-button:hover { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat -210px 0; } .ecommpay_but:active, .support_but:active, .feedback__send-button:active { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat -420px 0; } .ecommpay_button_div { position: absolute; top: 475px; } .lr_popup div.error { text-align: center; display: block; height: 12px; margin-bottom: 6px; } #changepass .but_center .ecommpay_but:lang(fr){ font-size: 14px; } .bg_pattern { background: url(../../j/i/sources/i/background_pattern.f05f8b07f9c4e5013597.png); } #sendpin .input input:-webkit-autofill { color: #4c2727; -webkit-box-shadow: 0 0 0 1000px #dbc6a8 inset; -webkit-text-fill-color: #4c2727; } #fb_like_widget { float: left; margin: 11px 0 0 11px; } /* плашка тех работы */ #techworks { background: url(../../j/i/sources/i/back_technical_maintenance_dot.cb00e62b9585262d9b17.png) no-repeat; width: 525px; height: 84px; left: 50%; top: inherit; bottom: 450px; margin: 0 0 auto -262px; position: absolute; padding-top: 34px; display: none; } #techworks #techworksh1 { color: #4c2727; font-size: 23px; text-align: center; } #techworks #techworksh2 { color: #4c2727; font-size: 19px; text-align: center; padding-top: 6px; } .noselected { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .green_low_button { background: url(../../j/i/sources/i/ecommpay/back_btn.d8068c3183d1bcdbcf4c.png) no-repeat; color: #fff7bf; cursor: pointer; font-size: 17px; height: 40px; line-height: 44px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #000000; width: 150px; display: block; } .green_low_button:hover { background-position: 0 -41px; } .green_low_button:active { background-position: 0 -82px; } .green_middle_button { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat; width: 210px; height: 28px; padding-top: 12px; border: none; text-align: center; color: #fff7bf; font-size: 17px; cursor: pointer; display: block; } .green_middle_button:hover { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat -210px 0; } .green_middle_button:active { background: url(../../j/i/sources/i/small_button.227cf0641cf0c17b84ca.png) no-repeat -420px 0; } #techworksh2 a { cursor: pointer; } #error_window { background: url(../../j/i/sources/i/background.febf3a73f4926bff822d.png) no-repeat; width: 485px; height: 287px; margin-left: -242px; display: block; top: 50%; margin-top: -144px; } #error_window .error_icon { background: url(../../j/i/sources/i/error_icon.4a1c914742cf3e3f4006.png) no-repeat; width: 45px; height: 44px; margin: 50px auto 0; } #error_window .support_but { margin: 0 auto; display: block; } #error_window .text_bold { font-size: 21px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 24px; max-height: 24px; } #error_window .text { font-size: 15px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 40px; max-height: 40px; } #block_div { display: block; width: 100%; height: 100%; position: absolute; left: 0; z-index: 2; } .index_video { width: 100%; position: absolute; top: 0px; z-index: 1; left: 0; } .preloader_image { width: 100%; height: 100%; position: absolute; z-index: 1; background-size: cover; background-position: top center; } .mobile .index_video { width: auto; } #restore .error { padding: 0 56px; } /* ---- */ body.mobile { width: 100%; height: 100%; position: relative; } .mobile #game_frame, .tablet #game_frame { min-height: unset; } .mobile #game_frame, .tablet #game_frame { height: auto; } .mobile .language_list, .tablet .language_list { position: absolute; overflow-y: auto; height: auto; left: auto; right: 0; } .mobile .mwrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; z-index: 3; min-height: 610px; } @media (min-width: 0px) and (max-width: 359px) { .mobile .paper_popup .close_button { right: 26px; } } /* .mobile #index_preloader, .mobile .index_video { max-height: 500px; } */ .mobile #index_wrapper { min-height: 610px; height: 100%; width: 100%; overflow-x: hidden; z-index: 2; } .mobile #index_wrapper { min-height: auto; height: auto; } .tablet #index_wrapper { overflow: hidden; } /*width: 709px;*/ /*height: 530px;*/ .ornament_popup { min-width: 270px; /* меньше не получится*/ position: relative; } .ornament_popup .close_button { z-index: 4; right: 2px; top: 2px; position: absolute; } .rtl_lang .ornament_popup .close_button { right: auto; left: 2px; } .ornament_popup .content_wrapper { width: 100%; height: 100%; position: relative; box-sizing: border-box; padding: 0; overflow: hidden; -webkit-overflow-scrolling: touch; z-index: 2; } .rtl_lang .ornament_popup .content_wrapper { padding: 30px 14px 24px 16px; } .ornament_popup .content { color: #4c2727; font-size: 15px; height: 100%; overflow: hidden; } /* background */ .ornament_popup_background_container { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; } .ornament_popup_wrapx { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; padding: 0 3px; box-sizing: border-box; } .ornament_popup_wrapx.bottom { top: auto; bottom: 0; } .ornament_popup_wrapy { position: absolute; z-index: 1; height: 100%; left: 0; top: 0; padding: 3px 0; box-sizing: border-box; } .ornament_popup_wrapy.right { left: auto; right: 0; } .ornament_popup_shadow_wrap, .ornament_popup_bg_wrap { position: absolute; z-index: 1; left: 0; top: 0; padding: 3px; width: 100%; height: 100%; box-sizing: border-box; } .ornament_popup_shadow_wrap { z-index: 0; } .ornament_popup_shadow { width: 100%; height: 100%; box-shadow: 0 0 80px 14px black; } .ornament_popup_ltop { background: url(../../j/i/sources/i/ornament_popup2/ltop.96e3e4e56534f8d45278.png) no-repeat; width: 130px; height: 106px; position: absolute; top: 0; left: 0; z-index: 2; } .ornament_popup_mtop { background: url(../../j/i/sources/i/ornament_popup2/mtop.17a115bc76e18e31775b.png) repeat-x; height: 106px; width: 100%; } .ornament_popup_rtop { background: url(../../j/i/sources/i/ornament_popup2/rtop.6fa3495cf839300a7dd7.png) no-repeat; width: 141px; height: 106px; position: absolute; top: 0; right: 0; z-index: 2; } .ornament_popup_ml { background: url(../../j/i/sources/i/ornament_popup2/ml.f05cf63689bb579c54e7.png) repeat-y; width: 130px; height: 100%; min-height: 140px; } .ornament_popup_bg { background: url(../../j/i/sources/i/ornament_popup2/bg.d2a7d921f1ccc040d041.png) repeat; height: 100%; width: 100%; } .ornament_popup_mr { background: url(../../j/i/sources/i/ornament_popup2/mr.dae5453638677425734c.png) repeat-y; width: 141px; height: 100%; min-height: 140px; } .ornament_popup_lbot { background: url(../../j/i/sources/i/ornament_popup2/lbot.d7344c01dc2cba72771b.png) no-repeat; width: 130px; height: 141px; position: absolute; left: 0; bottom: 0; z-index: 2; } .ornament_popup_mbot { background: url(../../j/i/sources/i/ornament_popup2/mbot.e0ea7c5d137600b2db00.png) repeat-x; height: 141px; width: 100%; } .ornament_popup_rbot { background: url(../../j/i/sources/i/ornament_popup2/rbot.a61423b8b60d82cebe54.png) no-repeat; width: 141px; height: 141px; position: absolute; right: 0; bottom: 0; z-index: 2; } /* decor */ .ornament_popup_dltop { width: 86px; height: 34px; position: absolute; top: -8px; left: -12px; background: url(../../j/i/sources/i/ornament_popup2/decor.c99501a40fdefa5b6be1.png) no-repeat -43px -33px; z-index: 3; } .ornament_popup_dmtop { background: url(../../j/i/sources/i/ornament_popup2/decor.c99501a40fdefa5b6be1.png) no-repeat; width: 258px; height: 28px; position: absolute; top: -12px; left: 50%; margin-left: -129px; z-index: 3; } .ornament_popup_drtop { position: absolute; width: 86px; height: 34px; background: url(../../j/i/sources/i/ornament_popup2/decor.c99501a40fdefa5b6be1.png) no-repeat -132px -33px; top: -8px; right: -12px; z-index: 2; } .ornament_popup_dlbot { width: 86px; height: 38px; position: absolute; background: url(../../j/i/sources/i/ornament_popup2/decor.c99501a40fdefa5b6be1.png) no-repeat -43px -67px; left: -12px; bottom: -11px; z-index: 3; } .ornament_popup_drbot { width: 86px; height: 38px; position: absolute; background: url(../../j/i/sources/i/ornament_popup2/decor.c99501a40fdefa5b6be1.png) no-repeat -134px -67px; right: -12px; bottom: -11px; z-index: 3; } .ornament_popup_vborder { background: url(../../j/i/sources/i/platformlinks/pattern_leather_1.bfac6f6e075e419473b3.png) repeat-x; height: 16px; width: 100%; position: relative; z-index: 2; } /* document_popup */ .document_popup { width: 860px; height: 520px; position: fixed !important; } .document_popup .content_wrapper { padding: 30px 14px 24px 47px; } .document_popup a,.document_popup a:visited { color: #2f869e; } .mobile .document_popup, .tablet .document_popup { width: 100%; height: 90%; } .mobile .document_popup .content, .tablet .document_popup .content { word-break: break-all } .document_popup p { margin: 14px 0; } .document_popup strong{ font-family: 'FontinSansCR-Bold', 'DejaVuSans', sans-serif; } .ornament_popup.document_popup .content h2 { margin: 0; padding: 0; font-size: 19px; color: #4c2727; font-weight: normal; text-align: center; } .document_popup ol, .document_popup ul { padding-left: 40px; } .rtl_lang .document_popup .scrollbar-rail > .scroll-content.scroll-scrolly_visible { padding-left: 32px; } @media (max-width: 860px) { .document_popup { width: 94vw; height: 60vh; position: fixed !important; } } .paper_popup { background: url(../../j/i/sources/i/paper_popup/bg.d82b28a9e7e8dc6c1701.png) repeat-y; width: 378px; position: relative; color: #4c2727 } .paper_popup_content { background: url(../../j/i/sources/i/paper_popup/top.f895c150a13f0542d32c.png) no-repeat; width: 378px; min-height: 236px; position: relative; padding-top: 18px; z-index: 2; padding-bottom: 18px; } .paper_popup_bottom { background: url(../../j/i/sources/i/paper_popup/bottom.dfab23309346b3bb5ff6.png) no-repeat; width: 378px; height: 182px; position: absolute; bottom: 0px; z-index: 1; } .paper_popup_shadow { width: 372px; height: 100%; position: absolute; z-index: 0; box-shadow: 0px 3px 10px 1px #000; left: 50%; margin: 0 auto 0 -186px; } .paper_popup .close_button { position: absolute; right: 8px; top: 14px; } .rtl_lang .paper_popup .close_button { right: auto; left: 8px; } .paper_popup .white_input.email_input input, .paper_popup .white_input.password_input input{ padding-left: 20px; box-sizing: border-box; } .paper_popup .white_input.email_input:before { content: ""; display: block; position: absolute; left: 11px; background-image: url(../../j/i/sources/i/input_icons/icon_email_normal_brown.ef39c30e8ed13cf7423e.png); width: 20px; height: 18px; top: 18px; } .paper_popup .white_input.password_input:before { content: ""; display: block; position: absolute; left: 11px; background-image: url(../../j/i/sources/i/input_icons/icon_key_normal_brown.bb8056acc232afcf7b08.png); width: 20px; height: 18px; top: 18px; } .paper_popup .white_input.email_input.error:before { background-image: url(../../j/i/sources/i/input_icons/icon_email_error_brown.4b61e6184a58c709fa0b.png); } .paper_popup .white_input.password_input.error:before { background-image: url(../../j/i/sources/i/input_icons/icon_key_error_brown.c22b8355a6704ec893a7.png); } .cookie-warning { position: absolute; top: 61px; right: 20px; width: 462px; background: url(../../j/i/sources/i/cookie_warning/cookies_back_repeat.2bd729a3459789430a8c.png) repeat; z-index:4; border-radius: 5px; } .cookie-warning__text { margin-bottom: 10px; color: #f0f2f1; padding: 30px 30px 0px 30px; font-family: Roboto; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; } .cookie-warning__options .close__button { background: url(../../j/i/sources/i/cookie_warning/close.3512e597d2c7b94eb430.png) repeat; width: 19px; height: 18px; float:right; cursor: pointer; margin-top:5px; } .cookie-warning__buttons, .cookie-warning__buttons-mobile { text-align: center; } .cookie-warning__buttons { margin: 20px 0 30px 0; text-align: left; } .cookie-warning__buttons button, .cookie-warning__options .btn__accept { font-size: 14px; padding: 6px 10px; height: 28px; width: 171px; text-transform: capitalize; border: none; cursor: pointer; border-radius: 3px; font-family: Roboto; } .cookie-warning__options .btn__accept { widtH:183px; height: 33px; } .mobile .cookie-warning__buttons .btn__accept { width: 120px; } .mobile .cookie-warning { background: url(../../j/i/sources/i/cookie_warning/cookies_back_repeat.2bd729a3459789430a8c.png) repeat; bottom: 0; width: 100%; margin: 0 auto; left: 0; right: 0; min-width: auto; padding: 20px 20px; box-sizing: border-box; top: auto; height: auto; position: fixed; border-radius: 0px; color:#fff; } .mobile .cookie-warning__text { color: #fff; height: auto; margin-bottom: 10px; } .mobile .cookie-warning__buttons-mobile button:nth-child(1) { margin-bottom: 10px; } .mobile .cookie-warning__buttons { width:100%; padding:0px; } .cookie-warning .btn__accept, .cookie-warning__options .btn__accept { background-color: #588dc8; font-family: Roboto; font-size: 16px; font-weight: bold; font-stretch: condensed; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; height: 28px; width: 192px; text-transform: uppercase; } .cookie-warning .btn__accept { margin-left:32px; } .cookie-warning__options .btn__accept { display: inline-block; width: 183px; margin-top: 39px; opacity: 0.9; background-color: #588dc8; height: auto; } .button__config { background: none; text-decoration: underline; color: #7e807f; margin-left:49px; padding: 0px !important; text-align: left; } .cookie-warning__options .line { height: 1px; margin: 19px 2px 16px 1px; width:100%; background-color:#242425; } .cookie__group.title { margin-top:20px; } .cookie-warning__options { position: absolute; top: 41px; right: 0px; padding: 15px 22px 19px 24px; height: -webkit-calc(100% - 61px); height: calc(100% - 61px); width: 414px; background: url(../../j/i/sources/i/cookie_warning/cookies_back_repeat.2bd729a3459789430a8c.png) repeat; z-index:99; border-radius: 5px; overflow-y:scroll; } .mobile .cookie-warning__options { top:0px; height: 100%; position: fixed; overflow-y: scroll; width: 90%; } .mobile .cookie-warning__options .btn__accept { margin-bottom: 20px; } .cookie-warning__options .cookie__group.title > p.name { font-size:18px; margin: 10px 11px 19px 0; font-weight: 600; } .cookie-warning__options .cookie__group > p.name { font-family: Roboto; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: left; color: #fefefe; margin: 34px 59px 14px 1px; } .cookie-warning__options .cookie__group > p.name span { float:right; font-size: 17px; color: #65a9f5; cursor: pointer; } .cookie-warning__options .companies { margin-top:-20px; margin-left:20px; } .cookie-warning__options .company_name p { font-family: Roboto; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: left; color: #fefefe; } .cookie__group .switch__box p { font-family: Roboto; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: left; color: #fefefe; } .cookie__checkbox { position: absolute; z-index: -1; opacity: 0; } .cookie-warning .company_name { display: inline-block; } .cookie__checkbox+label { display: block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #aaaaaa; font-size: 16px; margin-top:20px; cursor: pointer; } .cookie__checkbox+label p{ float:left; max-width: 300px; } .cookie__checkbox+label span { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; content: ''; display:block; width: 48px; height: 25px; float: right; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-image: url(../../j/i/sources/i/cookie_warning/switch_back_2.630bfa1a77429ec33e55.png); } .cookie__checkbox+label span > i { background-image: url(../../j/i/sources/i/cookie_warning/switch_2.0421fccb8beff6d8dc57.png); width: 27px; height: 28px; display: inline-block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .cookie__checkbox:focus:not(:checked)+label::after { border-color: #80bdff; } .cookie__checkbox:checked+label span { background-image: url(../../j/i/sources/i/cookie_warning/switch_back_1.73ee01540d184c1790fc.png); } .cookie__checkbox { display: none; } .cookie__checkbox:checked+label span > i { background-image: url(../../j/i/sources/i/cookie_warning/switch_1.229071a30ec4fbb4e968.png); width: 27px; height: 28px; margin-left: 22px; } .cookie__checkbox:disabled+label span { background-image: url(../../j/i/sources/i/cookie_warning/switch_back_2.630bfa1a77429ec33e55.png); } .cookie__checkbox:disabled+label span > i { background-image: url(../../j/i/sources/i/cookie_warning/switch_2.0421fccb8beff6d8dc57.png); } .cookie-warning__options .text__content { font-family: Roboto; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: rgba(254, 254, 254, 0.7); margin: 16px 9px 30px 0; } .switch__box { overflow: hidden; } .show__box-text { font-family: Roboto; font-size: 15px; text-align: right; color: rgba(254, 254, 254, 0.7); margin: 16px 9px 30px 0; text-decoration:underline; cursor: pointer; } .show__box .companies { visibility: hidden; opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; height: 0px; } .show__box.show .companies { visibility: visible; opacity: 1; height: auto; } .cookie-warning__text a, .cookie-warning__options a { color:#fff; text-decoration: underline; } #carousel { height: 280px; width: 960px; background-color: #fff; position: relative; margin-bottom: 0.5em; } #carousel .shadow { box-shadow: 0px 16px 26px #888888; } #carousel .slide { position: absolute; overflow: hidden; } #carousel .slide a:hover img { opacity: .95; } #carousel .slide img { width: 100%; height: 100%; } #carousel .slide p { position: relative; padding: 0; margin: 0; height: 100% } #carousel .slide span { background-color: #000; color: #fff; font-size: 0.8em; font-family: sans-serif; position: absolute; padding: 5px; width: 100%; bottom: 0; z-index: 99; } #carousel .navigate-left { cursor: pointer; position: absolute; bottom: 10px; left: 220px; } #carousel .navigate-right { cursor: pointer; position: absolute; bottom: 10px; right: 484px; } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s,visibility 0s linear .25s;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s,visibility 0s;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:-webkit-calc(100% - 44px);height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{-webkit-transition:opacity .25s,visibility 0s,color .25s;transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;-webkit-transition:stroke .1s;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);-ms-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:-webkit-calc(100% - 8px);max-height:calc(100% - 8px);max-width:-webkit-calc(50% - 4px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:-webkit-calc(100% - 10px);max-width:calc(100% - 10px)}} .seo-index-layout { background-image: url(../../j/i/sources/i/findex/back_paper_01.da202e1c95d9aaa6981e.png); background-repeat: repeat; min-height: 200px; position: relative; z-index: 3; overflow-x: hidden; } .seo-index-layout__wrapper { max-width: 800px; margin: 0 auto; padding: 20px 0; } .seo-index-layout__wrapper.withoutpt { padding-top: 0; } .seo-index-layout__header-1 { font-size: 25px; font-weight: normal; text-align: center; margin: 20px; } .seo-index-layout__header-arrowed { text-align: center; margin-bottom: 20px; margin-top: 20px; } .seo-index-layout__arrow-left, .seo-index-layout__arrow-right { background-image: url(../../j/i/sources/i/findex/v12_line.34acc5f188beecbc1aa3.png); background-repeat: no-repeat; width: 95px; height: 10px; display: inline-block; } .seo-index-layout__arrow-right { background-position: -94px 0 } .seo-index-layout__arrow-text { display: inline-block; font-size: 20px; margin: 0 10px; color: #4c2727; margin-top: 30px; } .seo-index-layout__paragraph { margin-bottom: 20px; color: #4c2727; font-size: 14px; } .seo-index-layout__column-text { color: #4c2727; } .seo-index-layout__paragraph.withoutmb { margin-bottom: 0; } .seo-index-layout__paragraph--half { width: 50%; } .seo-index-layout__column-image { background-image: url(../../j/i/sources/i/findex/v12_icons.56b0ad48e1bd6939d40d.png); background-repeat: no-repeat; width: 150px; height: 150px; margin: 0 auto; } .seo-index-layout__columns { display: table; margin-bottom: 40px; } .seo-index-layout__column { width: 25%; display: table-cell; vertical-align: top; padding-right: 25px; } .seo-index-layout__icon-shield { background-position: 0; } .seo-index-layout__icon-cup { background-position: -307px; } .seo-index-layout__icon-arms { background-position: -150px; } .seo-index-layout__icon-boost { background-position: -458px; } .seo-index-layout__header-left { font-size: 20px; font-weight: normal; margin-bottom: 20px; margin-top: 40px; } .seo-index-layout__image-composed__wrapper { position: relative; width: 100%; margin-top: -60%; margin-bottom: 20px; } .seo-index-layout__image { width: 100%; margin: 20px 0; } .seo-index-layout__image.withoutm { margin: 0; } .seo-index-layout__image-composed { width: 133%; margin-top: -60%; margin-bottom: 20px; } .tablet .seo-index-layout__image-composed { margin-left: 32px; } .seo-index-layout__image-orc { width: 58%; margin-left: 47%; margin-top: -35%; margin-bottom: -10%; } .seo-index-layout__z3 { position: relative; z-index: 3; } .seo-index-layout__carousel { width: 100%; padding: 0 30px; box-sizing: border-box; position: relative; } .seo-index-layout__carousel #carousel { width: 100%; background-color: transparent; height: 205px; margin-bottom: 75px; } .mobile .seo-index-layout__carousel #carousel { height: 210px; margin-bottom: 24px; } .seo-index-layout__carousel #carousel .slide { -webkit-filter: brightness(90%); filter: brightness(90%); -webkit-user-select: none; -ms-user-select: none; user-select: none; margin-top: 24px; } .mobile .seo-index-layout__carousel #carousel .slide { position: relative; float: left; box-sizing: border-box; } .seo-index-layout__carousel #carousel .slide:hover { -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition: all .35s linear 0s; transition: all .35s linear 0s; } .seo-index-layout__carousel #carousel .slide a:hover img { opacity: 1; } .seo-index-layout__carousel .navigate-left, .seo-index-layout__carousel .navigate-right, .seo-index-layout__navigate-left, .seo-index-layout__navigate-right { background-image: url(../../j/i/sources/i/findex/v12_arrows.d981fde7a6d9d435c4b2.png); width: 25px; height: 50px; } .seo-index-layout__carousel .navigate-left, .seo-index-layout__carousel .navigate-right { bottom: initial; top: 50%; margin-top: -25px; cursor: pointer; } .seo-index-layout__carousel .navigate-left { background-position: -54px 0; left: initial !important; z-index: 4; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s; opacity: 0.5; position: absolute; right: 0; } .seo-index-layout__carousel .navigate-left:hover, .mobile .seo-index-layout__carousel .navigate-left { background-position: 0 0; opacity: 1; } .seo-index-layout__carousel .navigate-right { background-position: -85px 0; left: 0; position: absolute; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s; opacity: 0.5; } .seo-index-layout__carousel .navigate-right:hover, .mobile .seo-index-layout__carousel .navigate-right { background-position: -24px 0; opacity: 1; } .seo-index-layout__navigate-right { background-position: -54px 0; } .seo-index-layout__navigate-right:hover { background-position: 0 0; } .seo-index-layout__navigate-left { background-position: -85px 0; } .seo-index-layout__navigate-left:hover { background-position: -24px 0; } .seo-index-layout__feedback { margin-bottom: 20px; } .seo-index-layout__feedback-item { display: inline-block; padding: 0 60px; } .seo-index-layout__feedback-author { display: inline-block; } .seo-index-layout__feedback-portrait { margin-right: 30px; margin-left: 30px; } .seo-index-layout__feedback-body { display: inline-block; width: 500px; vertical-align: top; font-size: 14px; padding-top: 18px; } .seo-index-layout__feedback-text { font-style: italic; margin-bottom: 15px; } .lSPager.lSpg { display: none; } .seo-index-layout__navigate-left, .seo-index-layout__navigate-right { position: relative; bottom: 24px; } .seo-index-layout__wrapper .red_button { margin: 0 auto; } .mobile .seo-index-layout__column { width: 100%; display: block; } .mobile .seo-index-layout__column-text, .mobile .seo-index-layout__paragraph, .tablet .seo-index-layout__paragraph, .mobile .seo-index-layout__header-left, .tablet .seo-index-layout__header-left { padding: 0 32px; } .mobile .seo-index-layout__arrow-left, .mobile .seo-index-layout__arrow-right { display: none; } .mobile .seo-index-layout__image, .tablet .seo-index-layout__image { padding: 0 32px; box-sizing: border-box; margin-bottom: 0; } .mobile .seo-index-layout__feedback-item { width: 100%; text-align: center; padding: 0; } .mobile .seo-index-layout__feedback-portrait { margin: 36px 0 0 0; } .mobile .seo-index-layout__feedback-body { padding: 18px 32px 0 32px; width: auto; min-width: 320px; box-sizing: border-box; } .mobile .seo-index-layout__image-orc { display: none; } .mobile .seo-index-layout__paragraph--half { width: auto; } .mobile .seo-index-layout__carousel .lSAction > .lSPrev { left: 2px; } .mobile .seo-index-layout__carousel .lSAction > .lSNext { right: -5px; } .mobile .seo-index-layout__carousel .lSAction > .lSNext, .mobile .seo-index-layout__carousel .lSAction > .lSPrev { margin-top: -30px; } .mobile .lSAction > a { opacity: 1; } .mobile .seo-index-layout, .tablet .seo-index-layout { overflow-x: hidden; } @media (max-width: 799px) { .tablet .seo-index-layout__columns { padding: 0 32px; } .tablet .seo-index-layout__column { display: block; float: left; width: 48%; padding-right: 4%; min-height: 218px; } .tablet .seo-index-layout__column.n2 { padding-right: 0; } .tablet .seo-index-layout__feedback-body{ width: 300px; } } .disappearing-message{ opacity: 0; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } .disappearing-message--show{ opacity: 1; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .border_item_container { min-width: 66px; min-height: 66px; position: relative; } .border_item_content { padding: 14px; box-sizing: border-box; width: 100%; height: 100%; z-index: 3; position: relative; } .border_item_background_container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .border_item_background_wrap { padding: 10px; position: absolute; z-index: 1; box-sizing: border-box; width: 100%; height: 100%; } .border_item_background_mm { background: url(../../j/i/sources/i/platformlinks/backs_centre_1.5457d5dddfbafcf8b6f8.png) repeat; box-sizing: border-box; background: #f8e6c9; width: 100%; height: 100%; } .border_item_background_tl { background: url(../../j/i/sources/i/platformlinks/backs_angle_1.c7e2cd9f498638a2ee08.png) no-repeat; width: 22px; height: 22px; position: absolute; left: 0; top: 0; z-index: 2; } .border_item_background_wrapx { width: 100%; position: absolute; padding: 0 10px; z-index: 1; box-sizing: border-box; top: 0; } .border_item_background_wrapx.bottom { top: auto; bottom: 0; } .border_item_background_tm { background: url(../../j/i/sources/i/platformlinks/backs_top_1.e971d71641b915f90ab5.png) repeat-x; height: 22px; width: 100%; } .border_item_background_tr { background: url(../../j/i/sources/i/platformlinks/backs_angle_4.7d04cf3b2a649654dac8.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 0; top: 0; z-index: 2; } .border_item_background_wrapy { position: absolute; height: 100%; left:0; padding: 10px 0; box-sizing: border-box; z-index: 2; } .border_item_background_wrapy.right { right: 0; left: auto; } .border_item_background_ml { background: url(../../j/i/sources/i/platformlinks/backs_left_1.e6e8732847300ff72297.png) repeat-y; width: 22px; height: 100%; top: 14px; } .border_item_background_mr { background: url(../../j/i/sources/i/platformlinks/backs_right_1.f5f94727648b83d70ecd.png) repeat-y; width: 22px; height: 100%; } .border_item_background_bl { background: url(../../j/i/sources/i/platformlinks/backs_angle_2.79b632f6feb48320fc3a.png) no-repeat; width: 22px; height: 22px; position: absolute; left: 0; bottom: 0; z-index: 2; } .border_item_background_bm { background: url(../../j/i/sources/i/platformlinks/backs_bottom_1.33704610d1a667b41371.png) repeat-x; height: 22px; width: 100%; z-index: 1; } .border_item_background_br { background: url(../../j/i/sources/i/platformlinks/backs_angle_3.d6c1213f8f90ce10aed8.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 0; bottom: 0; z-index: 2; } #download_client_popup { width: 558px; } #download_client_popup .content_wrapper { padding: 0 30px 10px 30px; height: 100%; } #download_client_popup p:lang(ru) { font-size: 14px; } .download_client_popup_title { padding: 30px 0 12px; text-align: left; max-width: 458px; margin: 0 auto; } .download_client_success { display: none; padding: 30px 0 12px; text-align: center; } #download_client_popup .download_icon, .mobile #download_client_popup .download_icon, .tablet #download_client_popup .download_icon { float: left; margin-right: 10px; } #download_client_popup .download_icon_button, #download_client_screen .download_icon_button { bottom: 14px; position: absolute; right: 12px; } #download_client_popup .border_item_container { float: left; width: 100%; margin-bottom: 8px; } #download_client_popup .border_item_container .border_item_content { float: left; } .download_icon { width: 72px; height: 72px; } .download_icon.desktop { background: url(../../j/i/sources/i/platformlinks/icons_unity_web_1.1678936a47ab36331254.png); } .download_icon.ios { background: url(../../j/i/sources/i/platformlinks/icons_ios_1.26c64c781e979a8ab59c.png); } .download_icon.android { background: url(../../j/i/sources/i/platformlinks/icons_android_1.543b6fbe9339aee87b12.png); } /* buttons */ .download_icon_button { width: 145px; text-decoration: none; height: 43px; display: block; position: relative; } .download_icon_button.download { background: #578ec9; color: white; border-radius: 4px; text-align: center; padding-top: 12px; height: 29px; font-size: 17px; } .download_icon_button.download:hover { background: #659edc; } .download_icon_button.download:before { background: url(../../j/i/sources/i/platformlinks/icons_download_1.1b155f73ffc9597bef55.png) no-repeat; content: ''; width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 4px; } .download_icon_button.ios { background: url(../../j/i/sources/i/platformlinks/icons_app_store_1.58610fa32b1e1ace93bd.png) no-repeat; } .download_icon_button.android { background: url(../../j/i/sources/i/platformlinks/icons_google_play_1.8426b00ea60f1d720b09.png) no-repeat; width: 145px; } .download_icon_button.ios:hover, .download_icon_button.android:hover { background-position: 0 -43px; } .mobile .download_icon_button.ios { background: url(../../j/i/sources/i/landings/mobile/ios_buttons/en.8c4986ee4828b47d16f5.svg) no-repeat; background-size: 100% 100%; height: 49px; } .mobile .download_icon_button.android { background: url(../../j/i/sources/i/landings/mobile/android_buttons/en.b399deba3835d7018c87.svg) no-repeat; background-size: 110%; background-position: -7px -9px; } .mobile .download_icon_button.ios:hover, .mobile .download_icon_button.android:hover { background-position: unset; } .rtl_lang #download_client_popup .download_icon { float: right; margin-right: 0; margin-left: 4px; } .rtl_lang #download_client_popup .download_icon_button, .rtl_lang #download_client_screen .download_icon_button { right: auto; left: 0; margin-left: 10px; margin-right: 0; } /* - - - */ #download_client_screen { color: #4c2727; display: none; /*background: #F1DFBD url('../../../i/no_flash/image_back.jpg') repeat;*/ /*height: 100%;*/ /*padding-top: 28px;*/ /*margin-top: -43px;*/ /*box-sizing: border-box;*/ z-index: 1; position: relative; } .mobile #download_client_screen { padding-left: 20px; padding-right: 20px; } #download_client_screen .border_item_container { width: 100%; max-width: 458px; margin: 0 auto 8px auto; } .tablet #download_client_screen .border_item_container { height: 108px; } .mobile #download_client_screen .download_icon.desktop, .mobile #download_client_screen .download_icon.ios, .mobile #download_client_screen .download_icon.android { display: none; } .tablet #download_client_screen .download_icon { display: inline-block; float: left; margin-right: 14px; } .mobile #download_client_screen .download_icon_button { bottom: auto; position: unset; right: auto; margin: 0 auto; } .mobile #download_client_screen .border_item_content p { padding-bottom: 8px; } #download_client_screen_loading { height: 100%; width: 100%; background: #000; opacity: 0.2; position: absolute; text-align: center; z-index: 3; display: none; } #download_client_screen_loading img { top: 100px; position: relative; } #download_client_step { text-align: center; max-width: 290px; margin: 0 auto; display: none; } .mobile #download_client_step .download_client_popup_title, .tablet #download_client_step .download_client_popup_title { text-align: left; } .mobile #download_client_step .white_input, .tablet #download_client_step .white_input { margin-bottom: 8px; } #download_client_step .close_button { position: absolute; right: 10px; top: 54px; } .mobile #download_client_step .download_client_popup_title { padding-right: 17px; } .border_item_container { min-width: 66px; min-height: 66px; position: relative; } .border_item_content { padding: 14px; box-sizing: border-box; width: 100%; height: 100%; z-index: 3; position: relative; } .border_item_background_container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .border_item_background_wrap { padding: 10px; position: absolute; z-index: 1; box-sizing: border-box; width: 100%; height: 100%; } .border_item_background_mm { background: url(../../j/i/sources/i/platformlinks/backs_centre_1.5457d5dddfbafcf8b6f8.png) repeat; box-sizing: border-box; background: #f8e6c9; width: 100%; height: 100%; } .border_item_background_tl { background: url(../../j/i/sources/i/platformlinks/backs_angle_1.c7e2cd9f498638a2ee08.png) no-repeat; width: 22px; height: 22px; position: absolute; left: 0; top: 0; z-index: 2; } .border_item_background_wrapx { width: 100%; position: absolute; padding: 0 10px; z-index: 1; box-sizing: border-box; top: 0; } .border_item_background_wrapx.bottom { top: auto; bottom: 0; } .border_item_background_tm { background: url(../../j/i/sources/i/platformlinks/backs_top_1.e971d71641b915f90ab5.png) repeat-x; height: 22px; width: 100%; } .border_item_background_tr { background: url(../../j/i/sources/i/platformlinks/backs_angle_4.7d04cf3b2a649654dac8.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 0; top: 0; z-index: 2; } .border_item_background_wrapy { position: absolute; height: 100%; left:0; padding: 10px 0; box-sizing: border-box; z-index: 2; } .border_item_background_wrapy.right { right: 0; left: auto; } .border_item_background_ml { background: url(../../j/i/sources/i/platformlinks/backs_left_1.e6e8732847300ff72297.png) repeat-y; width: 22px; height: 100%; top: 14px; } .border_item_background_mr { background: url(../../j/i/sources/i/platformlinks/backs_right_1.f5f94727648b83d70ecd.png) repeat-y; width: 22px; height: 100%; } .border_item_background_bl { background: url(../../j/i/sources/i/platformlinks/backs_angle_2.79b632f6feb48320fc3a.png) no-repeat; width: 22px; height: 22px; position: absolute; left: 0; bottom: 0; z-index: 2; } .border_item_background_bm { background: url(../../j/i/sources/i/platformlinks/backs_bottom_1.33704610d1a667b41371.png) repeat-x; height: 22px; width: 100%; z-index: 1; } .border_item_background_br { background: url(../../j/i/sources/i/platformlinks/backs_angle_3.d6c1213f8f90ce10aed8.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 0; bottom: 0; z-index: 2; } #webgl_info_popup { width: 558px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #webgl_info_popup .content_wrapper { padding: 40px; height: 100%; } #webgl_info_popup .content_wrapper .font2 { line-height: 1.38em; } #webgl_info_popup p:lang(ru) { font-size: 16px; } .webgl_info_popup_title { padding: 30px 0 12px; text-align: left; max-width: 458px; margin: 0 auto; } #webgl_info_popup .download_icon, .mobile #webgl_info_popup .download_icon, .tablet #webgl_info_popup .download_icon { float: left; margin-right: 10px; } #webgl_info_popup .border_item_container { float: left; width: 100%; margin-bottom: 8px; } #webgl_info_popup .border_item_container .border_item_content { float: left; } .download_icon { width: 72px; height: 72px; } .download_icon.desktop { background: url(../../j/i/sources/i/platformlinks/icons_unity_web_1.1678936a47ab36331254.png); } .download_icon.ios { background: url(../../j/i/sources/i/platformlinks/icons_ios_1.26c64c781e979a8ab59c.png); } .download_icon.android { background: url(../../j/i/sources/i/platformlinks/icons_android_1.543b6fbe9339aee87b12.png); } /* buttons */ .download_icon_button { width: 145px; text-decoration: none; height: 43px; display: block; position: relative; } .download_icon_button.download { background: #578ec9; color: white; border-radius: 4px; text-align: center; padding-top: 12px; height: 29px; font-size: 17px; } .download_icon_button.download:hover { background: #659edc; } .download_icon_button.download:before { background: url(../../j/i/sources/i/platformlinks/icons_download_1.1b155f73ffc9597bef55.png) no-repeat; content: ""; width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 4px; } .download_icon_button.ios { background: url(../../j/i/sources/i/platformlinks/icons_app_store_1.58610fa32b1e1ace93bd.png) no-repeat; } .download_icon_button.android { background: url(../../j/i/sources/i/platformlinks/icons_google_play_1.8426b00ea60f1d720b09.png) no-repeat; width: 145px; } .download_icon_button.ios:hover, .download_icon_button.android:hover { background-position: 0 -43px; } .mobile .download_icon_button.ios { background: url(../../j/i/sources/i/landings/mobile/ios_buttons/en.8c4986ee4828b47d16f5.svg) no-repeat; background-size: 100% 100%; height: 49px; } .mobile .download_icon_button.android { background: url(../../j/i/sources/i/landings/mobile/android_buttons/en.b399deba3835d7018c87.svg) no-repeat; background-size: 110%; background-position: -7px -9px; } .mobile .download_icon_button.ios:hover, .mobile .download_icon_button.android:hover { background-position: unset; } .rtl_lang #webgl_info_popup .download_icon { float: right; margin-right: 0; margin-left: 4px; } .rtl_lang #webgl_info_popup .download_icon_button, .rtl_lang #download_client_screen .download_icon_button { right: auto; left: 0; margin-left: 10px; margin-right: 0; } /* - - - */ #download_client_screen { color: #4c2727; display: none; z-index: 3; position: relative; } .mobile #download_client_screen { padding-left: 20px; padding-right: 20px; } #download_client_screen .border_item_container { width: 100%; max-width: 458px; margin: 0 auto 8px auto; } .tablet #download_client_screen .border_item_container { height: 108px; } .mobile #download_client_screen .download_icon.desktop, .mobile #download_client_screen .download_icon.ios, .mobile #download_client_screen .download_icon.android { display: none; } .tablet #download_client_screen .download_icon { display: inline-block; float: left; margin-right: 14px; } .mobile #download_client_screen .download_icon_button { bottom: auto; position: unset; right: auto; margin: 0 auto; } .mobile #download_client_screen .border_item_content p { padding-bottom: 8px; } #download_client_screen_loading { height: 100%; width: 100%; background: #000; opacity: 0.2; position: absolute; text-align: center; z-index: 3; display: none; } #download_client_screen_loading img { top: 100px; position: relative; } #download_client_step { text-align: center; max-width: 290px; margin: 0 auto; display: none; } .mobile #download_client_step .webgl_info_popup_title, .tablet #download_client_step .webgl_info_popup_title { text-align: left; } .mobile #download_client_step .white_input, .tablet #download_client_step .white_input { margin-bottom: 8px; } #download_client_step .close_button { position: absolute; right: 10px; top: 54px; } .mobile #download_client_step .webgl_info_popup_title { padding-right: 17px; } .game-loading-screen { background-color: black; background-position: top center; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; } .game-loading-screen__preloader-img { position: relative; background-position: top center; background-size: cover; height: 100%; width: 100%; } .game-loading-logo { position: absolute; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); left: 50%; top: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .game-loading-logo.triumph { top: 40px; } .game-loading-logo.triumph { top: 40px; } .game-loading-screen__container { position: absolute; left: 50%; bottom: 200px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .game-loading-screen__container_position_bottom { bottom: 20px; } .game-loading-indicator { background-image: url(../../j/i/sources/i/loading_progress/components_progress_back_3.ce6c5fdb89b157405b09.png); height: 71px; width: 641px; } .game-loading-progress-bar { height: 11px; left: 12px; position: absolute; top: 7px; width: 613px; direction: ltr; } .game-loading-progress-bar__progress-percents { color: #fff7bf; font-family: FontinSansCR-Bold, sans-serif; font-size: 12px; left: 0; position: absolute; text-align: center; top: -1px; width: 100%; z-index: 2; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .game-loading-progress-bar__progress-bar { background-image: url(../../j/i/sources/i/loading_progress/components_progress_bar_8.8e8751baa59d197f71c9.png); background-repeat: no-repeat; height: 100%; position: relative; width: 0%; z-index: 1; } .game-loading-progress-bar__progress-shine { background-image: url(../../j/i/sources/i/loading_progress/components_progress_slider_1.f9a1a130b6a88bf4b14d.png); background-repeat: no-repeat; height: 25px; position: absolute; left: -110px; top: 9px; -webkit-transform: translate(15px, -18px) skew(-37deg, 0deg); -ms-transform: translate(15px, -18px) skew(-37deg, 0deg); transform: translate(15px, -18px) skew(-37deg, 0deg); width: 258px; opacity: 0; background-size: 100% 100%; -webkit-animation: slide 3s ease-in-out infinite; animation: slide 3s ease-in-out infinite; will-change: transform; } @-webkit-keyframes slide { 0% { opacity: 0; } 30% { opacity: 0.7; } 50% { opacity: 0; } 60% { /* left: 500px; */ -webkit-transform: translate(617px, -18px) skew(-37deg, 0deg); transform: translate(617px, -18px) skew(-37deg, 0deg); } 100% { /* left: 500px; */ opacity: 0; -webkit-transform: translate(617px, -18px) skew(-37deg, 0deg); transform: translate(617px, -18px) skew(-37deg, 0deg); } } @keyframes slide { 0% { opacity: 0; } 30% { opacity: 0.7; } 50% { opacity: 0; } 60% { /* left: 500px; */ -webkit-transform: translate(617px, -18px) skew(-37deg, 0deg); transform: translate(617px, -18px) skew(-37deg, 0deg); } 100% { /* left: 500px; */ opacity: 0; -webkit-transform: translate(617px, -18px) skew(-37deg, 0deg); transform: translate(617px, -18px) skew(-37deg, 0deg); } } .game-loading-progress-bar__progress-tip { background-image: url(../../j/i/sources/i/loading_progress/components_progress_slider_1.f9a1a130b6a88bf4b14d.png); background-repeat: no-repeat; height: 43px; position: absolute; right: 0; top: 0; -webkit-transform: translate(15px, -18px); -ms-transform: translate(15px, -18px); transform: translate(15px, -18px); width: 30px; } .game-loading-indicator__hint-placeholder { color: #f5ce82; text-shadow: 0 0 2px black; display: table-cell; display: table; font-family: FontinSansCR-Bold, sans-serif; font-size: 11px; height: 28px; left: 50%; position: absolute; text-align: center; top: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); vertical-align: middle; width: 584px; } .game-loading-indicator__hint-aligner { display: table-cell; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .game-loading-screen__first-launch { position: absolute; width: 100%; bottom: 0px; } .game-loading-screen__first-launch > * { text-shadow: 0px 0px 36px rgba(0, 0, 0, 0.25); } .game-loading-screen__newbie-video-controls { position: fixed; bottom: 50px; right: 50px; } .game-loading-screen__newbie-video-mute { background: transparent; background-image: url(../../j/i/sources/i/buttons/button-sound.ea26b49fc3f03271e96a.png); background-position: 0 0; border: none; width: 46px; height: 46px; cursor: pointer; } .game-loading-screen__newbie-video-mute:hover { background-position: 0 -43px; } .game-loading-screen__newbie-video-mute.game-loading-screen__newbie-video-unmute { background-position: -46px 0; } .game-loading-screen__newbie-video-mute.game-loading-screen__newbie-video-unmute:hover { background-position: -46px -43px; } .game-loading-video { background-color: black; background-position: top center; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; } .game-loading-video__video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .game-loading-video__video video { height: 100%; left: 0; position: absolute; bottom: 0; width: 100%; } .game-loading-video__buttons-top { position: absolute; top: 20px; right: 20px; } .game-loading-video__buttons-bottom { position: absolute; bottom: 20px; right: 20px; } .game-loading-video__button-back { background-color: #00000066; padding: 5px 15px; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .game-loading-video__skip { cursor: pointer; border: none; } .skip-icon { background: transparent; background-image: url(../../j/i/sources/i/buttons/button-skip.5a3dbc8a0b131708f5cc.png); background-position: 0 0; width: 46px; height: 46px; display: inline-block; } .game-loading-video__skip > .skip-icon { background-position: 0 0; } .game-loading-video__skip:hover > .skip-icon { background-position: 0 -43px; } .game-loading-video__unmute { cursor: pointer; border: none; } .mute-icon { background: transparent; background-image: url(../../j/i/sources/i/buttons/button-sound.ea26b49fc3f03271e96a.png); background-position: 0 0; width: 46px; height: 46px; cursor: pointer; display: inline-block; } .game-loading-video__unmute > .mute-icon { background-position: -46px 0; } .game-loading-video__unmute:hover > .mute-icon { background-position: -46px -43px; } .game-loading-video__unmute.game-loading-video__muted > .mute-icon { background-position: 0 0; } .game-loading-video__unmute.game-loading-video__muted:hover > .mute-icon { background-position: 0 -43px; } #gameContainer { margin: 0 auto; z-index: 1; position: relative; top: 0; left: 0; width: 100%; height: 100%; } .webgl-content { width: 100%; height: 100%; } .webgl-content .preloader-container { width: 100%; height: 100%; position: relative; background-color: rgb(0, 0, 0); z-index: 2; } .betaPopupOpener.diamond-ruby-456w:lang(de) .diamond-ruby-456w_left, .betaPopupOpener.diamond-ruby-456w:lang(fr) .diamond-ruby-456w_left { left: -28px; } .betaPopupOpener.diamond-ruby-456w:lang(de) .diamond-ruby-456w_right, .betaPopupOpener.diamond-ruby-456w:lang(fr) .diamond-ruby-456w_right { right: -27px; } .betaPopupOpener.diamond-ruby-456w:lang(pt) .diamond-ruby-456w_left, .betaPopupOpener.diamond-ruby-456w:lang(it) .diamond-ruby-456w_left { left: -5px; } .betaPopupOpener.diamond-ruby-456w:lang(pt) .diamond-ruby-456w_right, .betaPopupOpener.diamond-ruby-456w:lang(it) .diamond-ruby-456w_right { right: -5px; } .info-icon-red20{ background-image: url(../../j/i/sources/i/icons20/info_red_20.28b59e7b95f24b950b56.png); background-repeat: no-repeat; width: 22px; height: 22px; } .info-icon-22 { background-image: url(../../j/i/sources/i/icons40/info_40.540c95046b116c711646.png); background-repeat: no-repeat; width: 22px; height: 22px; background-size: 22px 22px; } .diamond-emerald-230w { color: #fff7bf; text-shadow: 0px 0px 10px black; cursor: pointer; width: auto; display: table-cell; text-align: center; vertical-align: middle; height: 37px; background-color: transparent; border: none; box-shadow: none; outline: none; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-230w.e7dba1900b8c5e3d2db9.png); background-repeat: no-repeat; background-position: center -6px; position: relative; text-transform: uppercase; } .diamond-emerald-230w .valign-middle-container { z-index: 2; position: relative; padding: 0 24px; } .diamond-emerald-230w_left { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-230w.e7dba1900b8c5e3d2db9.png); background-repeat: no-repeat; background-position: left -6px; position: absolute; left: 0; top: 0; z-index: 1; } .diamond-emerald-230w_right { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-230w.e7dba1900b8c5e3d2db9.png); background-repeat: no-repeat; background-position: right -6px; position: absolute; right: 0; top: 0; z-index: 1; } .diamond-emerald-230w:hover { background-position: center -55px; } .diamond-emerald-230w:hover .diamond-emerald-230w_left{ background-position: left -55px; } .diamond-emerald-230w:hover .diamond-emerald-230w_right { background-position: right -55px; } .diamond-emerald-230w:active { background-position: center -105px; } .diamond-emerald-230w:active .diamond-emerald-230w_left{ background-position: 0 -105px; } .diamond-emerald-230w:active .diamond-emerald-230w_right { background-position: right -105px; } .valign-middle-container { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .diamond-emerald-456w { color: #fff7bf; overflow: visible; text-shadow: 0px 0px 10px black; font-family: "FontinSansCR-Bold"; cursor: pointer; width: auto; display: table-cell; text-align: center; vertical-align: middle; height: 37px; background-color: transparent; border: none; box-shadow: none; outline: none; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-456w.ed32f8d881075763ddea.png); background-repeat: no-repeat; background-position: center -6px; position: relative; text-transform: uppercase; } .diamond-emerald-456w .valign-middle-container { z-index: 2; position: relative; padding: 0 24px; font-size: 15px; z-index: 2; } .diamond-emerald-456w_left { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-456w.ed32f8d881075763ddea.png); background-repeat: no-repeat; background-position: left -6px; position: absolute; left: -39px; top: 0; z-index: 1; } .diamond-emerald-456w_right { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-emerald-456w.ed32f8d881075763ddea.png); background-repeat: no-repeat; background-position: right -6px; position: absolute; right: -39px; top: 0; z-index: 1; } .diamond-emerald-456w:hover { background-position: center -56px; } .diamond-emerald-456w:hover .diamond-emerald-456w_left { background-position: left -56px; } .diamond-emerald-456w:hover .diamond-emerald-456w_right { background-position: right -56px; } .diamond-emerald-456w:active { background-position: center -105px; } .diamond-emerald-456w:active .diamond-emerald-456w_left { background-position: left -105px; } .diamond-emerald-456w:active .diamond-emerald-456w_right { background-position: right -105px; } .valign-middle-container { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .diamond-ruby-230w { color: #fff7bf; text-shadow: 0px 0px 10px black; font-size: 14px; cursor: pointer; width: auto; display: table-cell; text-align: center; vertical-align: middle; height: 37px; background-color: transparent; border: none; box-shadow: none; outline: none; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-230w.c56f98ca70df949704e5.png); background-repeat: no-repeat; background-position: center -6px; position: relative; text-transform: uppercase; } .diamond-ruby-230w .valign-middle-container { z-index: 2; position: relative; padding: 0 24px; } .diamond-ruby-230w_left { width: 40px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-230w.c56f98ca70df949704e5.png); background-repeat: no-repeat; background-position: 0 -6px; position: absolute; left: 0; top: 0; z-index: 1; } .diamond-ruby-230w_right { width: 40px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-230w.c56f98ca70df949704e5.png); background-repeat: no-repeat; background-position: -190px -6px; position: absolute; right: 0; top: 0; z-index: 1; } .diamond-ruby-230w:hover { background-position: center -55px; } .diamond-ruby-230w:hover .diamond-ruby-230w_left { background-position: 0 -55px; } .diamond-ruby-230w:hover .diamond-ruby-230w_right { background-position: -190px -55px; } .diamond-ruby-230w:active { background-position: center -105px; } .diamond-ruby-230w:active .diamond-ruby-230w_left { background-position: 0 -105px; } .diamond-ruby-230w:active .diamond-ruby-230w_right { background-position: -190px -105px; } .valign-middle-container { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .diamond-ruby-456w { color: #fff7bf; text-shadow: 0px 0px 10px black; overflow: visible; cursor: pointer; width: auto; display: table-cell; text-align: center; vertical-align: middle; height: 37px; background-color: transparent; border: none; box-shadow: none; outline: none; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-456w.cdcba4551339dd94d6b9.png); background-repeat: no-repeat; background-position: center -6px; position: relative; text-transform: uppercase; } .diamond-ruby-456w .valign-middle-container { z-index: 2; position: relative; padding: 0 24px; font-size: 15px; } .diamond-ruby-456w_left { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-456w.cdcba4551339dd94d6b9.png); background-repeat: no-repeat; background-position: left -6px; position: absolute; left: -39px; top: 0; z-index: 1; } .diamond-ruby-456w_right { width: 90px; height: 37px; background-image: url(../../j/i/sources/i/buttons/diamond-ruby-456w.cdcba4551339dd94d6b9.png); background-repeat: no-repeat; background-position: right -6px; position: absolute; right: -39px; top: 0; z-index: 1; } .diamond-ruby-456w:hover { background-position: center -55px; } .diamond-ruby-456w:hover .diamond-ruby-456w_left{ background-position: left -55px; } .diamond-ruby-456w:hover .diamond-ruby-456w_right { background-position: right -55px; } .diamond-ruby-456w:active { background-position: center -105px; } .diamond-ruby-456w:active .diamond-ruby-456w_left{ background-position: left -105px; } .diamond-ruby-456w:active .diamond-ruby-456w_right { background-position: right -105px; } .valign-middle-container { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .rectangle-green-230w { height: 43px; width: 230px; color: #fff7bf; cursor: pointer; display: table; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-image: url(../../j/i/sources/i/buttons/rectangle-green-230w.9f946b1605d6ec0cf7fb.png); background-color: transparent; background-size: 100% 149px; border: none; font-size: 15px; font-family: "FontinSansCR-Bold"; text-transform: uppercase; } .rectangle-green-230w:hover{ background-position: 0 -53px } .rectangle-green-230w:active{ background-position: 0 -106px } body[data-useragent='edge'] .rectangle-green-230w{ line-height: 43px; } .rectangle-green-decor-198w { width: 198px; height: 43px; background-image: url(../../j/i/sources/i/buttons/rectangle-green-decor-198w.f9e8c27cce81ddf3e68b.png); background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; color: #fff7bf; } .rectangle-green-decor-198w:hover{ background-position: 0 -43px; } .rectangle-green-decor-198w:active{ background-position: 0 -86px; } .rectangle-green-decor-156w { width: 156px; height: 40px; background-image: url(../../j/i/sources/i/buttons/button_play.7664c18615883ee845a4.png); background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; color: #fff7bf; } .rectangle-green-decor-156w:hover{ background-position: 0 -38px; } .rectangle-green-decor-156w:active{ background-position: 0 -76px; } .rectangle-red-230w { height: 43px; width: 230px; color: #fff7bf; cursor: pointer; display: table; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-image: url(../../j/i/sources/i/buttons/rectangle-red-230w.aea9bd140845dc1c99fb.png); background-color: transparent; background-size: 100% 149px; border: none; font-size: 15px; font-family: "FontinSansCR-Bold"; text-transform: uppercase; } .rectangle-red-230w:hover { background-position: 0 -53px; } .rectangle-red-230w:active { background-position: 0 -106px; } body[data-useragent='edge'] .rectangle-red-230w{ line-height: 43px; } .btn-rect-green-no-decor { height: 38px; width: 137px; color: #fff7bf; outline: none; cursor: pointer; display: inline; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-image: url(../../j/i/sources/i/buttons/rectangle-green-no-decor.e63e9e7e3e276e08fa92.png); background-color: transparent; /* background-size: 100% 149px; */ border: none; font-size: 15px; font-family: "FontinSansCR-Bold"; text-transform: uppercase; } .btn-rect-green-no-decor:hover{ background-position: 0 -38px } .btn-rect-green-no-decor:active{ background-position: 0 0px } .error-popup { background: url(../../j/i/sources/i/background.febf3a73f4926bff822d.png) no-repeat; width: 485px; min-height: 287px; margin-left: -242px; display: none; top: 50%; margin-top: -144px; background-size: 100% 100%; } .error-popup .error_icon { background: url(../../j/i/sources/i/error_icon.4a1c914742cf3e3f4006.png) no-repeat; width: 45px; height: 44px; margin: 50px auto 0; } .error-popup .support_but { display: block; margin: 0 auto 65px; } .error-popup .text_bold { font-size: 21px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 24px; max-height: 24px; } .error-popup .text { font-size: 15px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 40px; } .error-popup .close-btn { display: none; position: absolute; width: 28px; height: 28px; background: url(../../j/i/sources/i/close_button.e85053a2aa1fc974eb87.png) no-repeat; right: 26px; top: 25px; } .error-popup .close-btn:hover { background-position-x: -29px; } .error-popup .close-btn:active { background-position-x: -58px; } .prompt-popup { background: url(../../j/i/sources/i/backs_main_14.1fe44dd55565e2bccdf7.png) no-repeat; width: 500px; height: 182px; display: none; top: 50%; box-sizing: border-box; padding: 25px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .prompt-popup .support_but { margin: 0 auto; display: block; } .prompt-popup .text_bold { font-size: 21px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 24px; max-height: 24px; } .prompt-popup .close_button{ border: none; position: absolute; right: 6px; top: 6px; } .prompt-popup__button-slot{ position: absolute; bottom: 30px; left: 0; width: 100%; } .info-popup { background: url(../../j/i/sources/i/backs_main_14.1fe44dd55565e2bccdf7.png) no-repeat; width: 500px; height: 182px; margin-left: -242px; display: none; top: 50%; margin-top: -144px; box-sizing: border-box; padding: 25px; } .info-popup .support_but { margin: 0 auto; display: block; } .info-popup .text_bold { font-size: 21px; color: #4c2727; padding: 0 50px; text-align: center; margin: 10px 0; min-height: 24px; max-height: 24px; } .info-popup .close_button{ border: none; position: absolute; right: 6px; top: 6px; } .info-popup__button-slot{ position: absolute; bottom: 30px; left: 0; width: 100%; } .popup-window{ display: none; -webkit-transform: translateZ(1px); transform: translateZ(1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .popup-window[data-visible=true]{ display: block; } .tt-black { background-color: rgba(0, 0, 0, 0.86); background-color: #000000dd; font-size: 17px; padding: 11px 26px 11px 26px; position: relative; border-radius: 3px; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; } .tt-black__arrow { width: 0; height: 0; border-style: solid; border-width: 0 12.5px 16px 12.5px; border-color: transparent transparent rgba(0, 0, 0, 0.86) transparent; border-color: transparent transparent #000000dd transparent; position: absolute; top: -16px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); box-sizing: border-box; } .tt-black__text { font-family: "FontinSansCR-Bold", sans-serif; font-size: 17px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff7bf; } .tt-black.tt-black_width_280 { width: 280px; box-sizing: border-box; } .error_tooltip { font-size: 13px; color: #fff7bf; background: #AE2B18; padding: 5px 8px 5px 8px; border-radius: 3px; position: absolute; display: none; min-width: 168px; text-align: center; z-index: 9999; } .error_tooltip a { text-decoration: underline; } .error_tooltip_direction_left:before, .error_tooltip.left:before { position: absolute; content: ""; display: block; left: -6px; top: 8px; width: 7px; height: 20px; background: url(../../j/i/sources/i/landings/error_arrows.72b65f571e30e47e9b47.png) no-repeat; } .error_tooltip_direction_right:after, .error_tooltip.right:after { position: absolute; content: ""; display: block; width: 6px; height: 20px; top: 8px; right: -6px; background: url(../../j/i/sources/i/landings/error_arrows.72b65f571e30e47e9b47.png) -7px 0 no-repeat; } .error_tooltip_direction_bottom:after, .error_tooltip.bottom:after { bottom: -4px; position: absolute; content: ""; display: block; width: 8px; height: 4px; top: auto; right: 0; background: url(../../j/i/sources/i/landings/error_arrows.72b65f571e30e47e9b47.png) -13px -6px no-repeat; left: 0; margin: 0 auto; } .error_tooltip_direction_up:after, .error_tooltip.up:after { bottom: -4px; position: absolute; content: ""; display: block; width: 8px; height: 4px; top: -4px; right: 0; background: url(../../j/i/sources/i/landings/error_arrows.72b65f571e30e47e9b47.png) -13px -1px no-repeat; left: 0; margin: 0 auto; } .brown_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/brown_checkbox.8cf9aa3f68fcd2528569.png) 0 0 no-repeat; width: 28px; height: 27px; border: 0; } .brown_checkbox.checked { background-position: -29px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .brown_checkbox { background-position: -29px 0; } .gray_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkbox_01.d9a21fbe96e7a97e6af4.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .gray_checkbox.checked { background-position: -31px 0; } .dark_checkbox, .dark_checkbox_border { cursor: pointer; /* background: url('../../../../i/checkboxes/dark_checkbox.png') 0 0 no-repeat; */ background: url(../../j/i/sources/i/checkboxes/dark_checkbox_border.38e8b8660fc33fdd9230.png) 0 0 no-repeat; width: 28px; height: 28px; border: 0; } .dark_checkbox_border{ } .dark_checkbox.checked { /* background-position: -31px 0; */ background-position: -29px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .dark_checkbox { background-position: -31px 0; } .rough_checkbox { cursor: pointer; background: url("../../j/i/sources/i/checkboxes/rough_checkbox%20(1).edd2dca6a6b4b476add6.png") 0 0 no-repeat; width: 28px; height: 28px; border: 0; } .rough_checkbox.checked { background-position: -27px 0; } input[type='checkbox']:checked + .white_checkbox__wrapper .rough_checkbox { background-position: -27px 0; } .red_stone_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/red_stone_checkbox.94ceb6df74178231656f.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .red_stone_checkbox.checked { background-position: -28px 0; } .green_stone_checkbox { cursor: pointer; background: url(../../j/i/sources/i/checkboxes/green_stone_checkbox.4586da1d3a54172204b2.png) 0 0 no-repeat; width: 28px; height: 26px; border: 0; } .green_stone_checkbox.checked { background-position: -28px 0; } .password-strength-widget { } .password-strength-widget .password-strength-widget__text { display: block; font-size: 14px; margin-top: 10px; margin-bottom: 5px; text-align: center; } .password-strength-widget .password-strength-widget__meter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .password-strength-widget__meter .password-strength-widget__meter-bar { display: block; height: 4px; width: -webkit-calc(25% - 2px); width: calc(25% - 2px); background-color: #fff7bf; } .password-strength-widget__meter_0 .password-strength-widget__meter-bar:nth-last-child(-n + 4) { background-color: #9e9e9e; } .password-strength-widget__meter_1 .password-strength-widget__meter-bar:nth-last-child(-n + 3) { background-color: #9e9e9e; } .password-strength-widget__meter_2 .password-strength-widget__meter-bar:nth-last-child(-n + 2) { background-color: #9e9e9e; } .password-strength-widget__meter_3 .password-strength-widget__meter-bar:nth-last-child(-n + 1) { background-color: #9e9e9e; } .password-strength-widget__meter_4 .password-strength-widget__meter-bar:nth-last-child(-n + 0) { background-color: #9e9e9e; } #registration .password-strength-widget { margin-top: 10px; margin-bottom: 10px; } .inp-red-stone { color: #fff7bf; width: 286px; height: 60px; position: relative; background-image: url(../../j/i/sources/i/inputs/inp-red-stone.7c1d6d4a9ba5d59ddc13.png); background-position: top center; } .inp-red-stone.error { background-position: 0 -60px; } /* &&_decor_email{ } */ .inp-red-stone input { border: none; background-color: transparent; width: 250px; height: 29px; position: absolute; top: 16px; left: 18px; padding: 11px; box-sizing: border-box; font-size: 16px; font-family: "FontinSansCR-Bold", sans-serif; color: #fff7bf; } .inp-red-stone :-webkit-autofill, .inp-red-stone input::-webkit-input-placeholder, .inp-red-stone input:-webkit-autofill { caret-color: #fff7bf; box-shadow: 0 0 0 1000px #261010 inset; background-color: #261010 !important; color: #fff7bf !important; -webkit-text-fill-color: #fff7bf; } .inp-red-stone ::-webkit-input-placeholder { color: #fff7bfaa !important; } .inp-red-stone :-ms-input-placeholder { color: #fff7bfaa !important; } .inp-red-stone ::placeholder { color: #fff7bfaa !important; } .inp-red-stone.inp-red-stone_decor_email input { padding-left: 35px; } .inp-red-stone.inp-red-stone_decor_email:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_email_normal.6186f97f708a912c0cb5.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-red-stone.inp-red-stone_decor_password input { padding-left: 35px; } .inp-red-stone.inp-red-stone_decor_password:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_key_normal.96c9292e2029782ec3d9.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-jungle-stone { color: #fff7bf; width: 286px; height: 60px; position: relative; background-image: url(../../j/i/sources/i/inputs/inp-jungle-stone.e2bd09331dd4dda1bb97.png); background-position: top center; } .inp-jungle-stone.error { background-position: 0 -60px; } .inp-jungle-stone input { border: none; background-color: transparent; width: 250px; height: 29px; position: absolute; top: 16px; left: 18px; padding: 11px; box-sizing: border-box; font-size: 16px; font-family: "FontinSansCR-Bold", sans-serif; color: #fff7bf; } .inp-jungle-stone input:focus, .inp-jungle-stone input:invalid, .inp-jungle-stone input:active{ outline: none; box-shadow: none; } .inp-jungle-stone :-webkit-autofill, .inp-jungle-stone input::-webkit-input-placeholder, .inp-jungle-stone input:-webkit-autofill, .inp-jungle-stone input:focus, .inp-jungle-stone input:invalid, .inp-jungle-stone input:active { caret-color: #fff7bf; box-shadow: 0 0 0 1000px #2e2920 inset; background-color: #2e2920 !important; color: #fff7bf !important; -webkit-text-fill-color: #fff7bf; } .inp-jungle-stone ::-webkit-input-placeholder { color: #fff7bfaa !important; } .inp-jungle-stone :-ms-input-placeholder { color: #fff7bfaa !important; } .inp-jungle-stone ::placeholder { color: #fff7bfaa !important; } .inp-jungle-stone.inp-jungle-stone_decor_email input { padding-left: 35px; } .inp-jungle-stone.inp-jungle-stone_decor_email:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_email_normal.6186f97f708a912c0cb5.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-jungle-stone.inp-jungle-stone_decor_password input { padding-left: 35px; } .inp-jungle-stone.inp-jungle-stone_decor_password:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_key_normal.96c9292e2029782ec3d9.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-paper-rough { color: #fff7bf; width: 286px; height: 60px; position: relative; background-image: url(../../j/i/sources/i/inputs/inp-paper-rough.5791d41b3f9c29b4891f.png); background-position: top center; } .inp-paper-rough.error { background-position: 0 -60px; } /* &&_decor_email{ } */ .inp-paper-rough input { border: none; background-color: transparent; width: 250px; height: 29px; position: absolute; top: 16px; left: 18px; padding: 11px; box-sizing: border-box; font-size: 16px; font-family: "FontinSansCR-Bold", sans-serif; color: #fff7bf; } .inp-paper-rough :-webkit-autofill, .inp-paper-rough input::-webkit-input-placeholder, .inp-paper-rough input:-webkit-autofill { caret-color: #fff7bf; box-shadow: 0 0 0 1000px #a07b44 inset; background-color: #a07b44 !important; color: #fff7bf !important; -webkit-text-fill-color: #fff7bf; } .inp-paper-rough ::-webkit-input-placeholder { color: #fff7bfaa !important; } .inp-paper-rough :-ms-input-placeholder { color: #fff7bfaa !important; } .inp-paper-rough ::placeholder { color: #fff7bfaa !important; } .inp-paper-rough.error ::-webkit-input-placeholder { background-color: #c6512a !important; } .inp-paper-rough.error :-ms-input-placeholder { background-color: #c6512a !important; } .inp-paper-rough.error ::placeholder { background-color: #c6512a !important; } .inp-paper-rough.error :-webkit-autofill, .inp-paper-rough.error input::-webkit-input-placeholder, .inp-paper-rough.error input:-webkit-autofill { box-shadow: 0 0 0 1000px #c6512a inset; background-color: #c6512a !important; } .inp-paper-rough.inp-paper-rough_decor_email input { padding-left: 35px; } .inp-paper-rough.inp-paper-rough_decor_email:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_email_normal.6186f97f708a912c0cb5.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-paper-rough.inp-paper-rough_decor_password input { padding-left: 35px; } .inp-paper-rough.inp-paper-rough_decor_password:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_key_normal.96c9292e2029782ec3d9.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 27px; top: 21px; content: " "; display: block; height: 16px; width: 20px; } .inp-dark { color: #fff7bf; width: 278px; height: 51px; position: relative; background-image: url(../../j/i/sources/i/inputs/inp-dark.4a5428b3f7084095a2e8.png); background-position: center -51px; } .inp-dark.error { background-position: center 0; } /* &&_decor_email{ } */ .inp-dark input { border: none; background-color: transparent; width: 250px; height: 29px; position: absolute; top: 12px; left: 14px; padding: 11px; box-sizing: border-box; font-size: 16px; font-family: "FontinSansCR-Bold", sans-serif; color: #fff7bf; } .inp-dark :-webkit-autofill, .inp-dark input::-webkit-input-placeholder, .inp-dark input:-webkit-autofill { caret-color: #fff7bf; box-shadow: 0 0 0 1000px #1b1e20 inset; background-color: #1b1e20 !important; color: #fff7bf !important; -webkit-text-fill-color: #fff7bf; } .inp-dark input::-internal-input-suggested, .inp-dark textarea::-internal-input-suggested{ caret-color: #fff7bf; box-shadow: 0 0 0 1000px #1b1e20 inset; background-color: #1b1e20 !important; color: #fff7bf !important; -webkit-text-fill-color: #fff7bf; } .inp-dark ::-webkit-input-placeholder { color: #fff7bfaa !important; } .inp-dark :-ms-input-placeholder { color: #fff7bfaa !important; } .inp-dark ::placeholder { color: #fff7bfaa !important; } .inp-dark.inp-dark_decor_email input { padding-left: 35px; } .inp-dark.inp-dark_decor_email:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_email_normal.6186f97f708a912c0cb5.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 18px; top: 17px; content: " "; display: block; height: 16px; width: 20px; } .inp-dark.inp-dark_decor_password input { padding-left: 35px; } .inp-dark.inp-dark_decor_password:before { left: 20px; background-image: url(../../j/i/sources/i/input_icons/icon_key_normal.96c9292e2029782ec3d9.png); background-repeat: no-repeat; top: 20px; z-index: 1; position: absolute; left: 17px; top: 18px; content: " "; display: block; height: 16px; width: 20px; } .inp-narrow-313{ background: url(../../j/i/sources/i/inputs/inp-narrow.309856a2e4726f46b258.png) no-repeat rgba(0, 0, 0, 0); border: 0; color: #4c2727; display: inline-block; font-size: 17px; height: 37px; margin: 0 0 0; padding-left: 12px; padding-top: 6px; width: 354px; padding-right: 14px; padding-left: 14px; box-sizing: border-box; } .inp-narrow-313 input { background-color: transparent; border: none; width: 100%; height: 27px; outline: none; } .inp-narrow-313.error { background-position: 0px -38px; } .popup-stretch { position: relative; text-align: center; } .popup-stretch .popup-stretch__background { position: absolute; z-index: 0; } .popup-stretch .popup-stretch__top { } .popup-stretch .popup-stretch__middle { position: relative; bottom: 1px; } .popup-stretch .popup-stretch__bottom { position: relative; bottom: 2px; } .popup-stretch .popup-stretch__content { position: relative; z-index: 1; } .popup-stretch input{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dark-popup.popup-stretch { color: #fff7bf; font-size: 17px; text-align: center; font-family: "FontinSansCR-Bold", sans-serif; } .dark-popup.popup-stretch .logo-slot { height: 137px; position: relative; } .dark-popup.popup-stretch .popup-stretch__middle { position: relative; bottom: 0px; } .dark-popup.popup-stretch .popup-stretch__bottom { position: relative; bottom: 0px; } .dark-popup.popup-stretch .logo.triumph { background-image: url(../../j/i/sources/i/landings/logo_en.7a63cb069559c7cf7456.png); background-position: center; height: 163px; width: 380px; background-size: contain; position: absolute; bottom: 0px; left: -50px; } .dark-popup.popup-stretch .logo.triumph:lang(ru) { background-image: url(../../j/i/sources/i/landings/logo_ru.8dcd840b3d86c20b19d2.png); } .dark-popup.popup-stretch .logo.totalbattle { margin-bottom: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); pointer-events: none; } .dark-popup.popup-stretch .popup-stretch__top { background: url(../../j/i/sources/i/form_themes/dark/up.c9473b0955f5a3c69d94.png); background-position: top center; background-repeat: no-repeat; width: 365px; height: 200px; position: relative; color: #fff7bf; margin-bottom: -183px; z-index: 2; } .dark-popup.popup-stretch .popup-stretch__middle { background: url(../../j/i/sources/i/form_themes/dark/mid.b85b19e6d841507a53df.png); background-repeat: repeat-y; width: 365px; background-position: center; z-index: 1; } .dark-popup.popup-stretch .popup-stretch__bottom { background: url(../../j/i/sources/i/form_themes/dark/down.3e2cd433d5f30d127f85.png); background-position: 0 0; background-repeat: no-repeat; width: 365px; height: 27px; background-position: center bottom; z-index: 2; margin-top: -11px; } .dark-popup.popup-stretch .popup-stretch__content { width: 365px; box-sizing: border-box; padding: 40px 40px 50px 40px; } .pretty-paper-popup.popup-stretch { color: #4c2727; font-size: 17px; text-align: center; font-family: "FontinSansCR-Bold", sans-serif; background: url(../../j/i/sources/i/form_themes/pretty-paper/bg.ccec6cbbf56a8106199f.png) no-repeat center; background-size: cover; border-radius: 10px; } .pretty-paper-popup.popup-stretch .popup-stretch__background { position: absolute; width: 100%; height: 100%; background: url(../../j/i/sources/i/form_themes/pretty-paper/frame.ff83bb6d548e0d38f7aa.png) 100% 100% no-repeat; background-size: 100% 100%; } .pretty-paper-popup.popup-stretch .popup-stretch__background__tl { background: url(../../j/i/sources/i/form_themes/pretty-paper/components_decor_tl.5576bf672e6c24b8377a.png) no-repeat; position: absolute; left: -10px; top: -10px; width: 95px; height: 43px; } .pretty-paper-popup.popup-stretch .popup-stretch__background__tr { background: url(../../j/i/sources/i/form_themes/pretty-paper/components_decor_tr.c8d811e53a60175b6a84.png) no-repeat; position: absolute; right: -10px; top: -10px; width: 95px; height: 43px; } .pretty-paper-popup.popup-stretch .popup-stretch__background__bl { background: url(../../j/i/sources/i/form_themes/pretty-paper/components_decor_bl.2d097665d448ecf3984b.png) no-repeat; position: absolute; left: -10px; bottom: -12px; width: 95px; height: 43px; } .pretty-paper-popup.popup-stretch .popup-stretch__background__br { background: url(../../j/i/sources/i/form_themes/pretty-paper/components_decor_br.dda48399a8e6ef7ebe5c.png) no-repeat; position: absolute; right: -10px; bottom: -12px; width: 95px; height: 43px; } .pretty-paper-popup.popup-stretch .pretty-popup-title { color: #fff7bf; font-size: 17px; text-align: center; margin-left: -172px; background: url(../../j/i/sources/i/form_themes/pretty-paper/components_title.618b620a9efdb504aa1c.png) no-repeat; position: absolute; top: -18px; left: 50%; width: 345px; height: 34px; padding-top: 10px; } .pretty-paper-popup.popup-stretch .popup-stretch__content { width: 450px; box-sizing: border-box; padding: 40px; } .pretty-paper-popup.popup-stretch .button-block { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 1px; margin: 20px 0; } .pretty-paper-popup.popup-stretch .green-button { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_up_1.017d5fe8421e3236fccb.png) no-repeat; background-size: 100% 100%; color: #fff7bf; text-align: center; font-family: "FontinSansCR-Bold", sans-serif; padding: 12px 20px; float: left; cursor: pointer; display: block; width: 171px; height: 36px; border: none; } .pretty-paper-popup.popup-stretch .green-button:hover { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_over_1.e22ee1881d6d3e0ac2b8.png) no-repeat; background-size: 100% 100%; } .pretty-paper-popup.popup-stretch .green-button:active { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_down_1.9c53a13d35efbc813acb.png) no-repeat; background-size: 100% 100%; } .pretty-paper-popup.popup-stretch .red-button { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_up_3.8d615abb6968ee35dc76.png) no-repeat; background-size: 100% 100%; color: #fff7bf; text-align: center; font-family: "FontinSansCR-Bold", sans-serif; padding: 12px 20px; float: right; cursor: pointer; display: block; width: 171px; height: 36px; border: none; } .pretty-paper-popup.popup-stretch .red-button:hover { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_over_3.e6c173e20ab4c49eb604.png) no-repeat; background-size: 100% 100%; } .pretty-paper-popup.popup-stretch .red-button:active { background: url(../../j/i/sources/i/form_themes/pretty-paper/button_171x72_down_3.f01d66b0b31a872e9147.png) no-repeat; background-size: 100% 100%; } button.b-stone-160w { background-color: transparent; border: 0; padding-top: 0; } .b-stone-160w { color: #000; cursor: pointer; font-family: "FontinSansCR-Bold", sans-serif; color: #fff7bf; text-align: center; font-size: 11px; width: 160px; height: 43px; padding-top: 26px; box-sizing: border-box; text-shadow: #740801 1px 1px 0; background-repeat: none; } .b-stone-160w_color_green { background-image: url(../../j/i/sources/i/buttons/stone-green-160w.cb3cae306ff85446e467.png); color: #ffffb4; } .b-stone-160w_color_green:hover { background-position: 0 -44px; } .b-stone-160w_color_green:active { background-position: 0 -0px; } .paper-popup.popup-stretch { font-size: 17px; text-align: center; font-family: "FontinSansCR-Bold", sans-serif; color: #4c2727; } .paper-popup.popup-stretch .close_button { position: absolute; right: 8px; top: 14px; } .paper-popup.popup-stretch .logo-slot { height: 137px; position: relative; } .paper-popup.popup-stretch .popup-stretch__middle { position: relative; bottom: 0px; } .paper-popup.popup-stretch .popup-stretch__bottom { position: relative; bottom: 0px; } .paper-popup.popup-stretch .logo.triumph { background-image: url(../../j/i/sources/i/landings/tr/logo_en.4979fd058551113ac2e2.png); background-position: center; height: 200px; width: 380px; background-size: contain; position: absolute; bottom: -21px; left: -40px; } .paper-popup.popup-stretch .logo.triumph:lang(ru) { background-image: url(../../j/i/sources/i/landings/tr/logo_ru.e1d102f7f5dc1b35f9a9.png); } .paper-popup.popup-stretch .logo.totalbattle { margin-bottom: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); pointer-events: none; } .paper-popup.popup-stretch .popup-stretch__top { background: url(../../j/i/sources/i/form_themes/paper/top.f895c150a13f0542d32c.png); background-position: top center; background-repeat: no-repeat; width: 380px; height: 180px; position: relative; color: #fff7bf; z-index: 2; } .paper-popup.popup-stretch .popup-stretch__middle { background: url(../../j/i/sources/i/form_themes/paper/bg.d82b28a9e7e8dc6c1701.png); background-repeat: repeat-y; width: 380px; background-position: center; z-index: 1; } .paper-popup.popup-stretch .popup-stretch__bottom { background: url(../../j/i/sources/i/form_themes/paper/bottom.dfab23309346b3bb5ff6.png); background-position: 0 0; background-repeat: no-repeat; width: 380px; height: 178px; background-position: center bottom; z-index: 2; } .paper-popup.popup-stretch .popup-stretch__content { width: 380px; box-sizing: border-box; padding: 40px 40px 50px 40px; } .arrow_promt_download, .top_arrow_promt_download{ position:absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); bottom: 50px; left: 50px; display:none; z-index: 1000; -webkit-animation: shake_shake 1.3s infinite linear; animation: shake_shake 1.3s infinite linear; } .top_arrow_promt_download{ bottom: unset; left: unset; top: 80px; right: 20px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .arrow_promt_download img{ height:30px; width:100px; } @-webkit-keyframes shake_shake { 0%{ margin-top: 1px; } 33%{ margin-bottom:50px; } 66%{ margin-top:50px; } 100%{ margin-bottom:0px; } } @keyframes shake_shake { 0%{ margin-top: 1px; } 33%{ margin-bottom:50px; } 66%{ margin-top:50px; } 100%{ margin-bottom:0px; } } .border_popup { min-width: 100px; min-height: 100px; position: relative; box-shadow: 0px 0px 29px 3px #000; } .border_popup .close_button { z-index: 2; right: 2px; top: 2px; position: absolute; } .rtl_lang .border_popup .close_button { right: auto; left: 2px; } .border_popup .border_back_wrapper { position: absolute; top: 0; border: 0; border-collapse: collapse; width: 100%; height: 100%; border-spacing: 0 0 !important; -webkit-border-horizontal-spacing: 0 !important; -webkit-border-vertical-spacing: 0 !important; z-index: 1; } .border_popup_ltop { background: url(../../j/i/sources/i/border_popup/ltop.1bf92ce578dbc50aa00a.png) no-repeat; width: 50px; height: 50px; position: absolute; left:0; top:0; } .border_popup_mtop { background: url(../../j/i/sources/i/border_popup/mtop.f7b994adda7233124db7.png) repeat-x; height: 2px; position: absolute; top: 0; width: 94%; box-sizing: border-box; margin-left: 10px; } .border_popup_rtop { background: url(../../j/i/sources/i/border_popup/rtop.2b5f67fa9d72b956f9bc.png) no-repeat; width: 50px; height: 50px; position: absolute; right: 0; top:0; } .border_popup_ml { background: url(../../j/i/sources/i/border_popup/ml.b1b041d8fae7b7f5a756.png) repeat-y; width: 2px; height: 94%; position: absolute; left: 0; margin-top: 10px; } .border_popup_mr { background: url(../../j/i/sources/i/border_popup/mr.22bd129bde1acc829469.png) repeat-y; width: 2px; height: 94%; position: absolute; margin-top: 10px; right: 0; } .border_popup_lbot { background: url(../../j/i/sources/i/border_popup/lbot.0eca8f2fe69d52418451.png) no-repeat; width: 50px; height: 50px; position: absolute; left: 0; bottom: 0; } .border_popup_mbot { background: url(../../j/i/sources/i/border_popup/mbot.d2fc6b3a238c0c7c7e9c.png) repeat-x; height: 2px; position: absolute; bottom: 0; width: 94%; box-sizing: border-box; margin-left: 10px; } .border_popup_rbot { background: url(../../j/i/sources/i/border_popup/rbot.03761bc9c2d34e54b2b4.png) no-repeat; width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; } .border_popup .content_wrapper { width: 100%; height: 100%; box-sizing: border-box; padding: 1px; overflow: hidden; -webkit-overflow-scrolling: touch; z-index: 2; padding: 0 35px; } .border_popup .content { color: #fff7c1; font-size: 15px; height: 100%; overflow: hidden; } .border_popup.brown { background: url(../../j/i/sources/i/border_popup/bg.ee996cb7204e1bd1cc50.png) repeat; } .toast-message { position: fixed; top: 20%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; max-width: 80%; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .toast-message--visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.3s ease-in; } .toast-message .border_back_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-collapse: collapse; border-spacing: 0 0 !important; -webkit-border-horizontal-spacing: 0 !important; -webkit-border-vertical-spacing: 0 !important; } .toast-message__content { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 10px; max-width: 676px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .toast-message__icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .toast-message__text { color: #fff7c1; font-size: 15px; font-weight: bold; top: 3px; position: relative; } .toast-message .border_popup_ltop { width: 10px; height: 10px; position: absolute; background-position: top left; background-image: url(../../j/i/sources/s/components/toast-message/ltop.680dbab47ad17a410123.png); background-size: 100%; left: -4px; top: -3px; } .toast-message .border_popup_mtop { height: 6px; position: absolute; top: -3px; box-sizing: border-box; width: -webkit-calc(100% - 9px); width: calc(100% - 9px); left: -5px; background-size: 1280px 10px; background-repeat: repeat-x; background-image: url(../../j/i/sources/s/components/toast-message/mtop.2019eee34b8a895b2cde.png); } .toast-message .border_popup_rtop { width: 10px; height: 10px; position: absolute; background-position: top right; background-image: url(../../j/i/sources/s/components/toast-message/rtop.a57d52d5d40a2f11a23b.png); background-size: 100%; right: -5px; top: -3px; } .toast-message .border_popup_ml { position: absolute; background-image: url(../../j/i/sources/s/components/toast-message/ml.64eb7a0d50d5e475f8ca.png); width: 8px; height: -webkit-calc(100% - 14px); height: calc(100% - 14px); left: -4px; background-size: 10px 20px; top: -3px; } .toast-message .border_popup_mr { position: absolute; background-image: url(../../j/i/sources/s/components/toast-message/mr.4f76e4d87b1746b09f45.png); width: 15px; height: -webkit-calc(100% - 14px); height: calc(100% - 14px); right: -5px; background-size: 10px 10px; top: -3px; background-position: top right; } .toast-message .border_popup_lbot { width: 10px; height: 10px; position: absolute; background-position: bottom left; background-image: url(../../j/i/sources/s/components/toast-message/lbot.194a037e58e5e7c05eb7.png); background-size: 100%; left: -4px; bottom: -3px; } .toast-message .border_popup_mbot { height: 6px; position: absolute; bottom: -3px; width: -webkit-calc(100% - 9px); width: calc(100% - 9px); box-sizing: border-box; margin-left: 10px; background-image: url(../../j/i/sources/s/components/toast-message/mbot.005ec1516df7f4c0e81b.png); background-size: 1280px 10px; background-repeat: repeat-x; left: -5px; background-position: bottom; } .toast-message .border_popup_rbot { width: 10px; height: 10px; position: absolute; background-position: bottom right; background-image: url(../../j/i/sources/s/components/toast-message/rbot.968eac0960cc78947a63.png); background-size: 100%; right: -5px; bottom: -3px; } .toast-message .border_popup_bg { background-color: #473125; height: -webkit-calc(100% - 2px); height: calc(100% - 2px); position: absolute; top: 1px; left: 1px; width: -webkit-calc(100% - 2px); width: calc(100% - 2px);; } #google-one-tap__container { position: absolute; right: 20px; top: 50px; } .registration-content-go-tb-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; } .registration-content-go-tb { line-height: 1.5; } .registration-content-go-tb .t1_14, .registration-content-go-tb-top .t1_14 { line-height: 1.5; } .wrapper.forms2 .registration-content-go-tb-top { height: 280px; width: 300px; text-align: center; } .triumph .header_logo { position: absolute; left: 50%; width: 113px; height: 22px; top: 10.5px; margin-left: -56.5px; background: url(../../j/i/sources/i/logo_en.b7494e306adce55ac7c9.png) no-repeat; } .triumph .header_logo:lang(ru) { background: url(../../j/i/sources/i/logo_ru.4835878fa8189799ec2e.png) no-repeat; } .triumph .mobile .header_logo, .triumph .tablet .header_logo { margin-left: 0; } .triumph .mobile.index_bg .header_logo { z-index: 5; top: 11px; left: 0; right: 0; margin: 0 auto; width: 113px; } .triumph .tablet.index_bg .header_logo { display: none; } @media (max-width: 360px) { .triumph .mobile .header_logo { background-size: 100%; width: 80px; top: 13.5px; } } /* */ .triumph .triumph_logo { width: 580px; height: 262px; left: 50%; position: absolute; top: 50%; background: url(../../j/i/sources/i/triumph_logo_en-min.cb291632f88637ee5c78.png) no-repeat; } .triumph .triumph_logo.index_layout { margin: -131px 0 auto -290px; } .triumph .triumph_logo.game_frame { top: inherit; bottom: 10px; margin: 109px 0 auto -408.5px; } .triumph .triumph_logo.ru, .triumph .triumph_logo.game_frame.ru { background: url(../../j/i/sources/i/triumph_logo_ru-min.591c4202ac6700a8838b.png) no-repeat; } .totalbattle .header_logo { position: absolute; left: 50%; width: 150px; height: 42px; margin-left: -75px; background: url(../../j/i/sources/i/header_logo.364fd370c30d4275a2bb.png) no-repeat; } .totalbattle .header_logo:lang(tw) { margin-left: -120px; width: 240px; background: url(../../j/i/sources/i/header_logo_tw.fc5b913eab9cce7fa74b.png) no-repeat; } .totalbattle .header_logo:lang(cn) { width: 240px; margin-left: -120px; background: url(../../j/i/sources/i/header_logo_cn.03aa4956cfbea42081a4.png) no-repeat; } /* logo and button index_layout */ .totalbattle .tb_logo { width: 253px; height: 379px; left: 50%; position: absolute; top: 30%; margin-top: -189px; margin-left: -126px; } .totalbattle .mobile .header_logo, .totalbattle .tablet .header_logo { margin-left: 0; } .totalbattle .mobile.index_bg .header_logo { z-index: 5; top: 1px; left: 0; right: 0; margin: 0 auto; } .totalbattle .tablet.index_bg .header_logo { display: none; } /*# sourceMappingURL=site-common.6914f396d7c72bb03dd8.css.map*/