/* phone */ body { background-color: #000000; } body.site:before { background: transparent url("../gallery_gen/3a0bfe89e4ff3fc684a2e9611bff9dae.png") repeat-x scroll left top; background-size: auto auto; } .wb_sbg { background: transparent none repeat-x center top; } .site-lang-ru .wb_cont_inner { width: 360px; height: 100%; } .site-lang-ru .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-ru .root { min-height: 100%; height: auto; } #wb_element_instance6_22 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 80px; max-width: 80px; margin: 0px 15px 0px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance6_22 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance6_22 img { width: 100%; height: auto; } #wb_element_instance7_22 p:last-child { margin-bottom: 0; } #wb_element_instance7_22 { opacity: 1; width: auto; height: auto; max-width: 200px; margin: 0px 147px 0px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance8_22 { width: auto; height: auto; max-width: 488px; margin: 0px 5px 0px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance8_22 ul { background: #000000 none repeat-x left top; } #wb_element_instance8_22 ul, #wb_element_instance8_22-det ul { border: 1px none #000000; } #wb_element_instance8_22, #wb_element_instance8_22 ul, #wb_element_instance8_22-det ul { text-align: right; } #wb_element_instance8_22 ul ul, #wb_element_instance8_22-det ul { background: #000000 none repeat-x left top; } #wb_element_instance8_22 li, #wb_element_instance8_22-det li { margin: 0px 0px 0px 0px; } #wb_element_instance8_22 li a, #wb_element_instance8_22-det li a { padding: 15px 30px 15px 30px; text-transform: uppercase; border: 3px none #ebe2c1; font: normal normal 22px 'Roboto Condensed',Arial,sans-serif; text-decoration: none; color: #ebe2c1; line-height: 24px; background: #000000 none repeat left top; } #wb_element_instance8_22 li.over > a, #wb_element_instance8_22 li:focus > a, #wb_element_instance8_22-det li.over > a, #wb_element_instance8_22-det li:focus > a { border: 3px none #ebe2c1; font: normal normal 22px 'Roboto Condensed',Arial,sans-serif; text-decoration: none; color: #000000; line-height: 24px; background: #ebe2c1 none no-repeat left top; } #wb_element_instance8_22 li.active > a, #wb_element_instance8_22-det li.active > a { border: 3px none #ebe2c1; font: normal normal 22px 'Roboto Condensed',Arial,sans-serif; text-decoration: none; color: #ebe2c1; line-height: 24px; background: #000000 none no-repeat left top; } #wb_element_instance8_22:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance8_22:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance8_22:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance5_22 { width: 100%; height: auto; max-width: 992px; margin: 0px 5px 0px 5px; flex: 1 1 auto; } #wb_element_instance5_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 5px 0px 15px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: flex-start; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance4_22 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_element_instance4_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 url("../gallery_gen/3a0bfe89e4ff3fc684a2e9611bff9dae.png") repeat-x scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_header_22 { width: auto; height: auto; min-width: 768px; max-width: none; max-height: none; flex: 1 1 auto; z-index: 5151; left: 0; top: 0; right: 0; bottom: auto; } #wb_header_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance10_22 p:last-child { margin-bottom: 0; } #wb_element_instance10_22 { opacity: 1; width: 100%; height: auto; max-width: 992px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance9_22 { width: 100%; height: auto; max-width: 992px; flex: 1 1 auto; } #wb_element_instance9_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 0px 0px 0px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat-x left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance11_22 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #ebe2c1;; } #wb_element_instance11_22 > .wb_content { width: 100%; height: 100%; } #wb_element_instance11_22 { width: 100%; height: 40px; max-width: 100%; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance14_22 p:last-child { margin-bottom: 0; } #wb_element_instance14_22 { opacity: 1; width: 100%; height: auto; max-width: 280px; margin: 0px 0px 4px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance15_22 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 240px; min-height: 334px; max-width: 480px; max-height: 668px; margin: 0px 0px 796px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance15_22 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; } #wb_element_instance15_22 img { width: 100%; height: auto; } #wb_element_instance16_22 p:last-child { margin-bottom: 0; } #wb_element_instance16_22 { opacity: 1; width: 100%; height: auto; max-width: 200px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance13_22 { width: 100%; height: auto; max-width: 480px; margin: 0px 30px 5px 0px; flex: 1 1 auto; } #wb_element_instance13_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance17_22 p:last-child { margin-bottom: 0; } #wb_element_instance17_22 { opacity: 1; width: auto; height: auto; max-width: 439px; margin: 0px 1px 5px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance12_22 { width: 100%; height: auto; max-width: 992px; flex: 1 1 auto; } #wb_element_instance12_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 14px 30px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat-x left top; background-size: auto auto; justify-items: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance18_22 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #ebe2c1;; } #wb_element_instance18_22 > .wb_content { width: 100%; height: 100%; } #wb_element_instance18_22 { width: 100%; height: 40px; max-width: 100%; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance22_22 p:last-child { margin-bottom: 0; } #wb_element_instance22_22 { opacity: 1; width: 100%; height: auto; max-width: 360px; margin: 0px 0px 44px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance23_22 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 240px; min-height: 196px; max-width: 480px; max-height: 392px; margin: 0px 0px 328px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance23_22 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance23_22 img { width: 100%; height: auto; } #wb_element_instance24_22 p:last-child { margin-bottom: 0; } #wb_element_instance24_22 { opacity: 1; width: 100%; height: auto; max-width: 200px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance21_22 { width: 100%; height: auto; max-width: 480px; flex: 1 1 auto; } #wb_element_instance21_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance25_22 p:last-child { margin-bottom: 0; } #wb_element_instance25_22 { opacity: 1; width: auto; height: auto; max-width: 439px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance20_22 { width: 100%; height: auto; max-width: 951px; margin: 0px 1px 48px 5px; flex: 1 1 auto; } #wb_element_instance20_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance26_22 { width: auto; height: auto; min-width: 160px; min-height: 40px; max-width: 100%; margin: 0px 40px 0px 5px; flex: 1 1 auto; } #wb_element_instance26_22 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance26_22 .wb_button { margin: 0; width: 100%; font-family: 'Roboto Condensed',Arial,sans-serif; font-size: 22px; text-align: center; border: 2px solid #ebe2c1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #615a4c; min-width: 20px; min-height: 20px; } #wb_element_instance26_22 .wb_button > span { color: #ebe2c1; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance26_22 .wb_button:before { background: transparent none repeat left top; } #wb_element_instance26_22 .wb_button:hover > span { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance26_22 .wb_button:hover { background-color: #ebe2c1; } #wb_element_instance26_22 .wb_button:hover:before { background: transparent none repeat left top; } #wb_element_instance26_22 .wb_button:active > span { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance26_22 .wb_button:active { background-color: #ebe2c1; } #wb_element_instance26_22 .wb_button:active:before { background: transparent none repeat left top; } #wb_element_instance19_22 { width: 100%; height: auto; max-width: 992px; flex: 1 1 auto; } #wb_element_instance19_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 30px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat-x left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance27_22 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #ebe2c1;; } #wb_element_instance27_22 > .wb_content { width: 100%; height: 100%; } #wb_element_instance27_22 { width: 100%; height: 38px; max-width: 100%; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_main_22 { width: 100%; height: auto; min-width: 768px; max-width: 100%; flex: 1 1 auto; } #wb_main_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance29_22 p:last-child { margin-bottom: 0; } #wb_element_instance29_22 { opacity: 1; width: 100%; height: auto; max-width: 991px; margin: 0px 1px 0px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance28_22 { width: 100%; height: auto; max-width: 992px; flex: 1 1 auto; } #wb_element_instance28_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 16px 0px; border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat-x left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_22 { width: 100%; height: auto; min-width: 768px; max-width: 100%; flex: 1 1 auto; } #wb_footer_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_c_0 > .wb_content { width: 100%; height: 100%; } #wb_footer_c_0 { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; } /* tablet */ @media (min-width: 768px) { #wb_element_instance8_22 > ul, #wb_element_instance8_22-det > ul { display: block; } } /* desktop */ @media (min-width: 992px) { #wb_element_instance6_22 { margin: 0px 15px 0px 5px; } #wb_element_instance7_22 { margin: 0px 147px 0px 5px; } #wb_element_instance8_22 { margin: 0px 5px 0px 5px; } #wb_element_instance5_22 { margin: 0px 5px 0px 5px; } #wb_element_instance9_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 0px 0px 0px; } #wb_element_instance14_22 { margin: 0px 0px 4px 0px; } #wb_element_instance15_22 { margin: 0px 0px 796px 0px; } #wb_element_instance13_22 { margin: 0px 32px 5px 0px; } #wb_element_instance13_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance17_22 { margin: 0px 1px 5px 0px; } #wb_element_instance12_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 19px 40px; } #wb_element_instance22_22 { margin: 0px 0px 44px 0px; } #wb_element_instance23_22 { margin: 0px 0px 328px 0px; } #wb_element_instance20_22 { margin: 0px 1px 48px 5px; } #wb_element_instance26_22 { margin: 0px 40px 0px 5px; } #wb_element_instance19_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 35px; } #wb_element_instance29_22 { margin: 0px 1px 0px 0px; } } /* tv */ @media (min-width: 1200px) { #wb_element_instance6_22 { margin: 0px 15px 0px 5px; } #wb_element_instance7_22 { margin: 0px 147px 0px 5px; } #wb_element_instance8_22 { margin: 0px 5px 0px 5px; } #wb_element_instance5_22 { margin: 0px 5px 0px 5px; } #wb_element_instance9_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 0px 0px 0px; } #wb_element_instance14_22 { margin: 0px 0px 4px 0px; } #wb_element_instance15_22 { margin: 0px 0px 796px 0px; } #wb_element_instance13_22 { margin: 0px 32px 5px 0px; } #wb_element_instance13_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance17_22 { margin: 0px 1px 5px 0px; } #wb_element_instance12_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 19px 40px; } #wb_element_instance22_22 { margin: 0px 0px 44px 0px; } #wb_element_instance23_22 { margin: 0px 0px 328px 0px; } #wb_element_instance20_22 { margin: 0px 1px 48px 5px; } #wb_element_instance26_22 { margin: 0px 40px 0px 5px; } #wb_element_instance19_22 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 35px; } #wb_element_instance29_22 { margin: 0px 1px 0px 0px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */ /* touch_device */ @media (any-pointer: coarse) { } /* mouse_device */ @media (any-pointer: fine) and (min-width: 767px) { }