/* phone */ body { background-color: #020202; } body.site:before { background: transparent url("../gallery_gen/28c258d55e4a6904688d478b02acc4dc.jpg") repeat fixed left top; background-size: contain; } .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_1 { width: auto; height: auto; max-width: 210px; flex: 1 1 auto; } #wb_element_instance6_1 ul { background: transparent none repeat scroll left top; } #wb_element_instance6_1 ul, #wb_element_instance6_1-det ul { border: 1px none #000000; } #wb_element_instance6_1, #wb_element_instance6_1 ul, #wb_element_instance6_1-det ul { text-align: right; } #wb_element_instance6_1 ul ul, #wb_element_instance6_1-det ul { background: transparent none repeat scroll left top; } #wb_element_instance6_1 li, #wb_element_instance6_1-det li { margin: 10px 10px 10px 10px; } #wb_element_instance6_1 li a, #wb_element_instance6_1-det li a { padding: 10px 2px 10px 10px; text-transform: uppercase; border: 0px none #000000; font: normal normal 13px Arial,Helvetica,sans-serif; text-decoration: none; color: #ffffff; line-height: 15px; background: transparent none repeat scroll left top; } #wb_element_instance6_1 li.over > a, #wb_element_instance6_1 li:focus > a, #wb_element_instance6_1-det li.over > a, #wb_element_instance6_1-det li:focus > a { border: 0px none #000000; font: normal normal 13px Arial,Helvetica,sans-serif; text-decoration: none; color: #eb6b03; line-height: 15px; background: transparent none repeat scroll left top; } #wb_element_instance6_1 li.active > a, #wb_element_instance6_1-det li.active > a { border: 0px none #000000; font: normal normal 13px Arial,Helvetica,sans-serif; text-decoration: none; color: #ff8800; line-height: 15px; background: transparent none repeat scroll left top; } #wb_element_instance6_1:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance6_1:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance6_1:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance7_1 p:last-child { margin-bottom: 0; } #wb_element_instance7_1 { opacity: 1; width: auto; height: auto; max-width: 650px; flex: 1 1 auto; } #wb_element_instance5_1 { width: 100%; height: auto; max-width: 940px; margin: 0px 5px 0px 0px; flex: 1 1 auto; } #wb_element_instance5_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: flex-start; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance8_1 p:last-child { margin-bottom: 0; } #wb_element_instance8_1 { opacity: 1; width: auto; height: auto; max-width: 240px; margin: 0px 5px 0px 240px; flex: 1 1 auto; } #wb_element_instance4_1 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance4_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 10px 255px 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_header_1 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_header_1 > .wb_content { border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance11_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance11_1 { width: 930px; height: 300px; max-width: 100%; margin: 2px 5px 33px 55px; flex: 0 0 auto; } #wb_element_instance13_1 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #b30e0e;; } #wb_element_instance13_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance13_1 { width: 100%; height: 30px; max-width: 310px; margin: 19px 0px 0px 0px; flex: 0 0 auto; } #wb_element_instance14_1 p:last-child { margin-bottom: 0; } #wb_element_instance14_1 { opacity: 1; width: auto; height: auto; max-width: 330px; flex: 1 1 auto; } #wb_element_instance15_1 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #b30e0e;; } #wb_element_instance15_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance15_1 { width: 100%; height: 30px; max-width: 340px; margin: 27px 0px 0px 0px; flex: 1 1 auto; } #wb_element_instance12_1 { width: 100%; height: auto; max-width: 1000px; margin: 2px 5px 41px 5px; flex: 1 1 auto; } #wb_element_instance12_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance18_1 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 249px; max-width: 249px; margin: 0px 0px 7px 0px; flex: 1 1 auto; } #wb_element_instance18_1 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance18_1 img { width: 100%; height: auto; } #wb_element_instance19_1 p:last-child { margin-bottom: 0; } #wb_element_instance19_1 { opacity: 1; width: 100%; height: auto; max-width: 250px; margin: 0px 0px 4px 0px; flex: 1 1 auto; } #wb_element_instance21_1 p:last-child { margin-bottom: 0; } #wb_element_instance21_1 { opacity: 1; width: 100%; height: auto; max-width: 90px; margin: 3px 5px 3px 5px; flex: 1 1 auto; } #wb_element_instance20_1 { width: 100%; height: auto; max-width: 230px; flex: 1 1 auto; } #wb_element_instance20_1 > .wb_content:before { background: transparent none repeat scroll left top; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #wb_element_instance20_1 > .wb_content { border: #C0C0C0 solid 5px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-width: 20px; min-height: 20px; padding: 7px 65px 3px 65px; background-color: rgba(153, 8, 8, 0.95); justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance17_1 { width: 100%; height: auto; max-width: 250px; flex: 1 1 auto; } #wb_element_instance17_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance23_1 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 249px; max-width: 249px; margin: 0px 0px 20px 0px; flex: 1 1 auto; } #wb_element_instance23_1 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance23_1 img { width: 100%; height: auto; } #wb_element_instance24_1 p:last-child { margin-bottom: 0; } #wb_element_instance24_1 { opacity: 1; width: 100%; height: auto; max-width: 250px; margin: 0px 0px 4px 0px; flex: 1 1 auto; } #wb_element_instance26_1 p:last-child { margin-bottom: 0; } #wb_element_instance26_1 { opacity: 1; width: 100%; height: auto; max-width: 90px; margin: 3px 5px 3px 5px; flex: 1 1 auto; } #wb_element_instance25_1 { width: 100%; height: auto; max-width: 230px; flex: 1 1 auto; } #wb_element_instance25_1 > .wb_content:before { background: transparent none repeat scroll left top; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #wb_element_instance25_1 > .wb_content { border: #C0C0C0 solid 5px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-width: 20px; min-height: 20px; padding: 7px 64px 3px 66px; background-color: rgba(153, 8, 8, 0.95); justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance22_1 { width: 100%; height: auto; max-width: 250px; margin: 0px 10px 0px 0px; flex: 1 1 auto; } #wb_element_instance22_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance28_1 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 249px; max-width: 249px; margin: 0px 0px 7px 0px; flex: 1 1 auto; } #wb_element_instance28_1 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance28_1 img { width: 100%; height: auto; } #wb_element_instance29_1 p:last-child { margin-bottom: 0; } #wb_element_instance29_1 { opacity: 1; width: 100%; height: auto; max-width: 250px; margin: 0px 0px 4px 0px; flex: 1 1 auto; } #wb_element_instance31_1 p:last-child { margin-bottom: 0; } #wb_element_instance31_1 { opacity: 1; width: 100%; height: auto; max-width: 90px; margin: 3px 5px 3px 5px; flex: 1 1 auto; } #wb_element_instance30_1 { width: 100%; height: auto; max-width: 230px; flex: 1 1 auto; } #wb_element_instance30_1 > .wb_content:before { background: transparent none repeat scroll left top; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #wb_element_instance30_1 > .wb_content { border: #C0C0C0 solid 5px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-width: 20px; min-height: 20px; padding: 7px 65px 3px 65px; background-color: rgba(153, 8, 8, 0.95); justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance27_1 { width: 100%; height: auto; max-width: 250px; flex: 1 1 auto; } #wb_element_instance27_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance16_1 { width: 100%; height: auto; max-width: 1000px; margin: 2px 5px 158px 5px; flex: 1 1 auto; } #wb_element_instance16_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance32_1 p:last-child { margin-bottom: 0; } #wb_element_instance32_1 { opacity: 1; width: auto; height: auto; max-width: 840px; margin: 2px 5px 40px 17px; flex: 1 1 auto; } #wb_element_instance33_1 p:last-child { margin-bottom: 0; } #wb_element_instance33_1 { opacity: 1; width: auto; height: auto; max-width: 410px; margin: 2px 5px 48px 5px; flex: 1 1 auto; } #wb_element_instance35_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance35_1 { width: 220px; height: 250px; max-width: 100%; margin: 0px 8px 0px 0px; flex: 0 0 auto; } #wb_element_instance36_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance36_1 { width: 220px; height: 250px; max-width: 100%; flex: 0 0 auto; } #wb_element_instance37_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance37_1 { width: 220px; height: 250px; max-width: 100%; flex: 0 0 auto; } #wb_element_instance34_1 { width: 100%; height: auto; max-width: 910px; margin: 2px 5px 3px 5px; flex: 1 1 auto; } #wb_element_instance34_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-between; align-content: space-around; flex-wrap: wrap; } #wb_element_instance10_1 { width: 100%; height: auto; max-width: 1200px; margin: 5px 0px 5px 0px; flex: 1 1 auto; } #wb_element_instance10_1 > .wb_content:before { background: transparent none repeat scroll left top; opacity: 0.8; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #wb_element_instance10_1 > .wb_content { border: #C0C0C0 solid 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 3px 95px 57px 95px; background-color: rgba(0, 0, 0, 0.8); justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance9_1 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance9_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 5px 0px 45px 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_main_1 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_main_1 > .wb_content { border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance39_1 p:last-child { margin-bottom: 0; } #wb_element_instance39_1 { opacity: 1; width: auto; height: auto; max-width: 290px; margin: 5px 52px 5px 5px; flex: 1 1 auto; } #wb_element_instance40_1 p:last-child { margin-bottom: 0; } #wb_element_instance40_1 { opacity: 1; width: auto; height: auto; max-width: 370px; margin: 5px 70px 5px 5px; flex: 1 1 auto; } #wb_element_instance41_1 p:last-child { margin-bottom: 0; } #wb_element_instance41_1 { opacity: 1; width: auto; height: auto; max-width: 140px; margin: 5px 5px 5px 5px; flex: 1 1 auto; } #wb_element_instance38_1 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance38_1 > .wb_content { border: #000000 none 1px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 25px 133px 13px 5px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; } #wb_footer_1 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_footer_1 > .wb_content { border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; min-width: 20px; min-height: 20px; padding: 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_instance6_1 > ul, #wb_element_instance6_1-det > ul { display: block; } } /* desktop */ @media (min-width: 992px) { } /* tv */ @media (min-width: 1200px) { #wb_element_instance5_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance4_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 10px 255px 0px 0px; } #wb_header_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance12_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance20_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 7px 65px 3px 65px; } #wb_element_instance17_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance25_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 7px 64px 3px 66px; } #wb_element_instance22_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance30_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 7px 65px 3px 65px; } #wb_element_instance27_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance16_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance34_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance10_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 3px 95px 57px 95px; } #wb_element_instance9_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 5px 0px 45px 0px; } #wb_main_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #wb_element_instance38_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 25px 133px 13px 5px; } #wb_footer_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 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 */