/* phone */ body { background-color: #ffffff; } body.site:before { background: transparent none repeat scroll center 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; } #a189b67d48d90ced7beb58cb58bdfbc2 { width: 29.77%; height: 69px; max-width: 100%; flex: 0 0 auto; } #a189b67d48d90ced7beb58cb58bdfbc2 > .wb_button { padding: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button { margin: 0; width: 100%; font-family: 'Raleway',Arial,sans-serif; font-size: 36px; line-height: 24px; letter-spacing: 0px; text-align: center; text-decoration: none; text-transform: none; border: 0px none #000000; background-color: transparent; min-width: 20px; min-height: 20px; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:hover > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:hover { background-color: transparent; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:hover:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:active > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:active { background-color: transparent; } #a189b67d48d90ced7beb58cb58bdfbc2 .wb_button:active:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d90e76386d9720d8928dde p:last-child { margin-bottom: 0; } #a189b67d48d90e76386d9720d8928dde { opacity: 1; width: auto; height: auto; max-width: 100%; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a189b67d48d90fb63e7d48bbb760fd6f p:last-child { margin-bottom: 0; } #a189b67d48d90fb63e7d48bbb760fd6f { opacity: 1; width: 19.29%; height: auto; max-width: 100%; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a189b67d48d90bfee081d7ccd451aeaf { width: auto; height: auto; min-height: 136px; max-width: none; max-height: none; flex: 0 0 auto; z-index: 4000; left: 0; top: 0; right: 0; bottom: auto; } #a189b67d48d90bfee081d7ccd451aeaf > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #dee1e2 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; } #wb_header_a189b67d87420086e7a083694c840a73 { width: auto; height: auto; max-width: none; max-height: none; flex: 0 0 auto; z-index: 5000; left: 0; top: 0; right: 0; bottom: auto; } #wb_header_a189b67d87420086e7a083694c840a73 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #dee1e2 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: space-around; align-content: center; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d9131355f19b7170c2f183 .btn-collapser { display: inline-block; background-color: #3f6870; border-color: #ffffff; } #a189b67d48d9131355f19b7170c2f183 .btn-collapser > .icon-bar { background-color: #ffffff; } #a189b67d48d9131355f19b7170c2f183 .btn-collapser:hover { background-color: #3f6870; border-color: #d8d8d8; } #a189b67d48d9131355f19b7170c2f183 .btn-collapser:hover > .icon-bar { background-color: #d8d8d8; } #a189b67d48d9131355f19b7170c2f183 { width: 100%; height: auto; max-width: 100%; margin: 10px 10px 10px 10px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189b67d48d9131355f19b7170c2f183 ul { background: #3f6870 none repeat left top; } #a189b67d48d9131355f19b7170c2f183 > ul { display: none; } #a189b67d48d9131355f19b7170c2f183.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #a189b67d48d9131355f19b7170c2f183.collapse-expanded > ul > li { display: block; } #a189b67d48d9131355f19b7170c2f183.collapse-expanded li > ul { position: static; } #a189b67d48d9131355f19b7170c2f183.collapse-expanded li.active > ul { display: block!important; } #a189b67d48d9131355f19b7170c2f183.collapse-expanded li.over > ul { display: block!important; } #a189b67d48d9131355f19b7170c2f183 ul, #a189b67d48d9131355f19b7170c2f183-det ul { border: 0px none #000000; } #a189b67d48d9131355f19b7170c2f183, #a189b67d48d9131355f19b7170c2f183 ul, #a189b67d48d9131355f19b7170c2f183-det ul { text-align: center; } #a189b67d48d9131355f19b7170c2f183 ul ul, #a189b67d48d9131355f19b7170c2f183-det ul { background: transparent none repeat-x left top; } #a189b67d48d9131355f19b7170c2f183 li, #a189b67d48d9131355f19b7170c2f183-det li { margin: 0px 0px 0px 0px; } #a189b67d48d9131355f19b7170c2f183 li a, #a189b67d48d9131355f19b7170c2f183-det li a { padding: 20px 30px 20px 30px; border: 0px none #000000; font-style: normal; font: normal bold 20px 'Raleway',Arial,sans-serif; font-family: 'Raleway',Arial,sans-serif; color: #ffffff; text-decoration: none; line-height: 14px; text-transform: none; background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d9131355f19b7170c2f183 li.over > a, #a189b67d48d9131355f19b7170c2f183 li:focus > a, #a189b67d48d9131355f19b7170c2f183-det li.over > a, #a189b67d48d9131355f19b7170c2f183-det li:focus > a { border: 0px none #000000; font-style: normal; font: normal bold 20px 'Raleway',Arial,sans-serif; font-family: 'Raleway',Arial,sans-serif; color: #d8d8d8; text-decoration: none; line-height: 14px; text-transform: none; background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d9131355f19b7170c2f183 li.active > a, #a189b67d48d9131355f19b7170c2f183-det li.active > a { border: 0px solid #dfdfdf; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-style: normal; font: normal bold 20px 'Raleway',Arial,sans-serif; font-family: 'Raleway',Arial,sans-serif; color: #315e65; text-decoration: none; line-height: 14px; text-transform: none; background: #f4f4f4 none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d9131355f19b7170c2f183:not(.collapse-expanded) .vmenu ul.open-left,#a189b67d48d9131355f19b7170c2f183:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #a189b67d48d9131355f19b7170c2f183:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #a189b67d48d912eff196d3901ba89364 { width: 100%; height: auto; min-height: 70px; max-width: 100%; flex: 1 1 auto; } #a189b67d48d912eff196d3901ba89364 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #3f6870 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: center; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d916491ab91b5acb267be4 p:last-child { margin-bottom: 0; } #a189b67d48d916491ab91b5acb267be4 { opacity: 1; width: 100%; height: auto; max-width: 100%; margin: 0px 0px 0px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189b67d48d915fe55fae73391eab8f3 { width: auto; height: auto; max-width: 100%; flex: 0 0 auto; } #a189b67d48d915fe55fae73391eab8f3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d91415bc99f4505e7ae4ae { width: 100%; height: auto; min-height: 378px; max-width: 100%; flex: 1 1 auto; } #a189b67d48d91415bc99f4505e7ae4ae > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background-color: #000000; justify-items: center; align-items: center; justify-content: space-evenly; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d91415bc99f4505e7ae4ae > .wb_content:before { background: transparent url("../gallery_gen/25323161ffff8129ae18fc38b825873e_fit.jpeg") no-repeat scroll center center; background-size: cover; opacity: 0.65; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } #a189b67d48d91897217b14b190649ec5 p:last-child { margin-bottom: 0; } #a189b67d48d91897217b14b190649ec5 { opacity: 1; width: 75%; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189b67d48d917a7b9561a0f151fac5a { width: 100%; height: auto; max-width: 1396px; flex: 0 0 auto; } #a189b67d48d917a7b9561a0f151fac5a > .wb_content { min-width: 20px; min-height: 20px; padding: 60px 20px 60px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: center; align-items: center; justify-content: space-around; align-content: center; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d91a6e08d1b751e3bb3a56 p:last-child { margin-bottom: 0; } #a189b67d48d91a6e08d1b751e3bb3a56 { opacity: 1; width: auto; height: auto; max-width: 100%; margin: 20px 20px 0px 20px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189b67d48d91b50ff1e86479152bb72 p:last-child { margin-bottom: 0; } #a189b67d48d91b50ff1e86479152bb72 { opacity: 1; width: 78.97%; height: auto; max-width: 100%; margin: 20px 20px 20px 20px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189b67d48d91c30d19c30f2f2f98977 { width: 15.01%; height: 62px; min-width: 199px; max-width: 100%; flex: 0 0 auto; } #a189b67d48d91c30d19c30f2f2f98977 > .wb_button { padding: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button { font-style: normal; font: normal normal 19.200000000000003px 'Raleway',Arial,sans-serif; font-size: 19.200000000000003px; font-family: 'Raleway',Arial,sans-serif; color: transparent; text-decoration: none; text-align: center; line-height: 19.200000000000003px; text-transform: none; margin: 0; width: 100%; border: 2px solid #195963; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background-color: transparent; min-width: 20px; min-height: 20px; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button > span { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:hover > span { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:hover { background-color: #000000; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:hover:before { background: transparent none repeat left top; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:active > span { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:active { background-color: #ffffff; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button:active:before { background: transparent none repeat left top; } #a189b67d48d9197b6207cc44699faac6 { width: 100%; height: auto; min-height: 100px; max-width: 100%; flex: 1 1 auto; } #a189b67d48d9197b6207cc44699faac6.wb-anim-entry-on { animation: wb-anim-fade-in-none 0.6s ease-out; animation-iteration-count: 1; } #a189b67d48d9197b6207cc44699faac6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 20px 20px 20px; border: 0px none #000000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #f2f2f2 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_main_a189b67d87420086e7a083694c840a73 { width: 100%; height: auto; min-width: 320px; max-width: 100%; flex: 0 0 auto; } #wb_main_a189b67d87420086e7a083694c840a73 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: rgba(255, 255, 255, 0.75) none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189b67d48d9201431065f1348a44baa p:last-child { margin-bottom: 0; } #a189b67d48d9201431065f1348a44baa { opacity: 1; width: auto; height: auto; max-width: 100%; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a189b67d48d91fe0ab6f79a94b11267d { width: 100%; height: auto; max-width: 1200px; flex: 0 0 auto; } #a189b67d48d91fe0ab6f79a94b11267d > .wb_content { min-width: 20px; min-height: 20px; padding: 30px 20px 30px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_a189b67d87420086e7a083694c840a73 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_a189b67d87420086e7a083694c840a73 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #dee1e2 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_c > .wb_content { width: 100%; height: 100%; } #wb_footer_c { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } /* tablet */ @media (min-width: 768px) { #a189b67d48d90ced7beb58cb58bdfbc2 > .wb_button { padding: 10px 10px 10px 10px; } #a189b67d48d9131355f19b7170c2f183 { margin: 10px 10px 10px 10px; } #a189b67d48d9131355f19b7170c2f183 ul { background: transparent none repeat left top; } #a189b67d48d9131355f19b7170c2f183 .btn-collapser { display: none; } #a189b67d48d9131355f19b7170c2f183 > ul, #a189b67d48d9131355f19b7170c2f183-det > ul { display: block; } #a189b67d48d916491ab91b5acb267be4 { margin: 20px 20px 20px 20px; } #a189b67d48d915fe55fae73391eab8f3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #a189b67d48d91415bc99f4505e7ae4ae > .wb_content { min-width: 20px; min-height: 20px; padding: 60px 20px 60px 20px; } #a189b67d48d91a6e08d1b751e3bb3a56 { margin: 20px 20px 0px 20px; } #a189b67d48d91b50ff1e86479152bb72 { margin: 20px 20px 20px 20px; } #a189b67d48d91c30d19c30f2f2f98977 > .wb_button { padding: 0px 0px 0px 0px; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button { font-style: normal; font: normal normal 24px 'Raleway',Arial,sans-serif; font-size: 24px; font-family: 'Raleway',Arial,sans-serif; color: transparent; text-decoration: none; text-align: center; line-height: 24px; text-transform: none; } } /* desktop */ @media (min-width: 992px) { #a189b67d48d90ced7beb58cb58bdfbc2 > .wb_button { padding: 10px 10px 10px 10px; } #a189b67d48d9131355f19b7170c2f183 { margin: 10px 10px 10px 10px; } #a189b67d48d916491ab91b5acb267be4 { margin: 20px 20px 20px 20px; } #a189b67d48d915fe55fae73391eab8f3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #a189b67d48d91415bc99f4505e7ae4ae > .wb_content { min-width: 20px; min-height: 20px; padding: 60px 20px 60px 20px; } #a189b67d48d91a6e08d1b751e3bb3a56 { margin: 20px 20px 0px 20px; } #a189b67d48d91b50ff1e86479152bb72 { margin: 20px 20px 20px 20px; } #a189b67d48d91c30d19c30f2f2f98977 > .wb_button { padding: 0px 0px 0px 0px; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button { font-style: normal; font: normal normal 24px 'Raleway',Arial,sans-serif; font-size: 24px; font-family: 'Raleway',Arial,sans-serif; color: transparent; text-decoration: none; text-align: center; line-height: 24px; text-transform: none; } } /* tv */ @media (min-width: 1200px) { #a189b67d48d90ced7beb58cb58bdfbc2 > .wb_button { padding: 10px 10px 10px 10px; } #a189b67d48d9131355f19b7170c2f183 { margin: 10px 10px 10px 10px; } #a189b67d48d916491ab91b5acb267be4 { margin: 20px 20px 20px 20px; } #a189b67d48d915fe55fae73391eab8f3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; } #a189b67d48d91415bc99f4505e7ae4ae > .wb_content { min-width: 20px; min-height: 20px; padding: 60px 20px 60px 20px; } #a189b67d48d91a6e08d1b751e3bb3a56 { margin: 20px 20px 0px 20px; } #a189b67d48d91b50ff1e86479152bb72 { margin: 20px 20px 20px 20px; } #a189b67d48d91c30d19c30f2f2f98977 > .wb_button { padding: 0px 0px 0px 0px; } #a189b67d48d91c30d19c30f2f2f98977 .wb_button { font-style: normal; font: normal normal 24px 'Raleway',Arial,sans-serif; font-size: 24px; font-family: 'Raleway',Arial,sans-serif; color: transparent; text-decoration: none; text-align: center; line-height: 24px; text-transform: none; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { #a189b67d48d90bfee081d7ccd451aeaf > .wb_content { background: #dee1e2 none repeat scroll left top; background-size: auto auto; opacity: 1; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a189b67d48d90ced7beb58cb58bdfbc2 { width: auto; margin-left: 0; margin-right: 0; } #a189b67d48d90e76386d9720d8928dde { width: auto; margin-left: 0; margin-right: 0; } #a189b67d48d90fb63e7d48bbb760fd6f { width: auto; margin-left: 0; margin-right: 0; } } /* phone_only */ @media (max-width: 767px) { #a189b67d48d9131355f19b7170c2f183 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } #a189b67d48d917a7b9561a0f151fac5a > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a189b67d48d91897217b14b190649ec5 { width: auto; margin-left: 0; margin-right: 0; } #wb_footer_a189b67d87420086e7a083694c840a73 > .wb_content { background: #dee1e2 none repeat scroll left top; background-size: auto auto; opacity: 1; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a189b67d48d91fe0ab6f79a94b11267d { width: auto; margin-left: 0; margin-right: 0; } } /* 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) { }