/* phone */ body { background-color: #e8e8e8; } body.site:before { background: transparent url("../gallery_gen/91aae92e0b62b524ebfa600a7d4f3013.jpg") repeat-x scroll center top; } .wb_sbg { background: transparent none repeat-x scroll left top; } .site-lang-pt2 .wb_cont_inner { width: 360px; height: 100%; } .site-lang-pt2 .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-pt2 .root { min-height: 100%; height: auto; } #wb_element_instance2_1 .btn-collapser { display: inline-block; background-color: #292429; border-color: #e8e3e8; } #wb_element_instance2_1 .btn-collapser > .icon-bar { background-color: #e8e3e8; } #wb_element_instance2_1 .btn-collapser:hover { background-color: #bab3ba; border-color: #81827a; } #wb_element_instance2_1 .btn-collapser:hover > .icon-bar { background-color: #81827a; } #wb_element_instance2_1 { left: 170px; top: 160px; z-index: 398; width: 140px; height: 29px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance2_1 ul { background: #292429 none repeat left top; } #wb_element_instance2_1 > ul { display: none; } #wb_element_instance2_1.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance2_1.collapse-expanded > ul > li { display: block; } #wb_element_instance2_1.collapse-expanded li > ul { position: static; } #wb_element_instance2_1.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance2_1.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance2_1 ul, #wb_element_instance2_1-det ul { border: 5px none #000000; } #wb_element_instance2_1, #wb_element_instance2_1 ul, #wb_element_instance2_1-det ul { text-align: justify; } #wb_element_instance2_1 ul ul, #wb_element_instance2_1-det ul { background: #141412 none repeat left top; } #wb_element_instance2_1 li, #wb_element_instance2_1-det li { margin: 0px 10px 0px 10px; } #wb_element_instance2_1 li a, #wb_element_instance2_1-det li a { padding: 10px 30px 10px 30px; text-transform: none; border: 0px none #000000; font: normal bold 16px Dotum,sans-serif; text-decoration: none; color: #e8e3e8; line-height: 18px; background: transparent none repeat left top; } #wb_element_instance2_1 li.over > a, #wb_element_instance2_1 li:focus > a, #wb_element_instance2_1-det li.over > a, #wb_element_instance2_1-det li:focus > a { border: 0px none #000000; font: normal bold 16px Dotum,sans-serif; text-decoration: none; color: #81827a; line-height: 18px; background: #bab3ba none no-repeat center bottom; } #wb_element_instance2_1 li.active > a, #wb_element_instance2_1-det li.active > a { border: 0px dotted #d9c1d9; font: normal bold 16px Dotum,sans-serif; text-decoration: underline; color: #f7f7f4; line-height: 18px; background: #520d0b none no-repeat center bottom; } #wb_element_instance2_1:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance2_1:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance2_1:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance3_1 { left: 0px; top: 150px; z-index: 160; width: 360px; height: 50px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance3_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance3_1 > .wb_shp:before { background: transparent none repeat scroll left top; opacity: 0.96; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #wb_element_instance3_1 > .wb_shp { background-color: rgba(107, 10, 15, 0.96); border: 3px double rgba(64, 8, 8, 0.96); border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; width: 360px; height: 50px; } #wb_element_instance4_1 { left: 30px; top: 0px; z-index: 167; width: 80px; height: 24px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance4_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance5_1 p:last-child { margin-bottom: 0; } #wb_element_instance5_1 { opacity: 1; left: 0px; top: 110px; z-index: 162; width: 360px; height: 24px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance6_1 { left: 190px; top: 4px; z-index: 173; width: 170px; height: 30px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance6_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance7_1 p:last-child { margin-bottom: 0; } #wb_element_instance7_1 { opacity: 1; left: 80px; top: 40px; z-index: 151; width: 200px; height: 59px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance1_1 { width: 360px; height: 200px; max-width: 100%; flex: 0 0 auto; } #wb_element_instance1_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_header_1 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_header_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance9_1 p:last-child { margin-bottom: 0; } #wb_element_instance9_1 { opacity: 1; left: 40px; top: 370px; z-index: 65; width: 320px; height: 204px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance10_1 { left: 0px; top: 0px; z-index: 63; width: 360px; height: 1080px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance10_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance10_1 > .wb_shp:before { background: transparent none repeat scroll left top; opacity: 0.55; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #wb_element_instance10_1 > .wb_shp { background-color: rgba(0, 0, 0, 0.55); border: 0px none rgba(240, 200, 0, 0.55); border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 360px; height: 1080px; } #wb_element_instance11_1 p:last-child { margin-bottom: 0; } #wb_element_instance11_1 { opacity: 1; left: 40px; top: 640px; z-index: 75; width: 320px; height: 60px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance12_1 { left: 80px; top: 950px; z-index: 91; width: 200px; height: 50px; max-width: none; } #wb_element_instance12_1 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance12_1 .wb_button { margin: 0; width: 100%; height: 100%; font-family: Helvetica,Arial,sans-serif; font-size: 16px; text-align: center; line-height: 22px; letter-spacing: 0px; text-decoration: none; border: 0px solid #cccccc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-color: #61080c; min-width: 20px; min-height: 20px; } #wb_element_instance12_1 .wb_button > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance12_1 .wb_button:before { background: transparent none repeat scroll left top; } #wb_element_instance12_1 .wb_button:hover > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance12_1 .wb_button:hover { background-color: #4a4a4a; } #wb_element_instance12_1 .wb_button:hover:before { background: transparent none repeat scroll left top; } #wb_element_instance12_1 .wb_button:active > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance12_1 .wb_button:active { background-color: #4a4a4a; } #wb_element_instance12_1 .wb_button:active:before { background: transparent none repeat scroll left top; } #wb_element_instance13_1 p:last-child { margin-bottom: 0; } #wb_element_instance13_1 { opacity: 1; left: 0px; top: 1170px; z-index: 95; width: 360px; height: 217px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance14_1 p:last-child { margin-bottom: 0; } #wb_element_instance14_1 { opacity: 1; left: 40px; top: 700px; z-index: 87; width: 320px; height: 69px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance15_1 p:last-child { margin-bottom: 0; } #wb_element_instance15_1 { opacity: 1; left: 30px; top: 840px; z-index: 81; width: 300px; height: 60px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance16_1 p:last-child { margin-bottom: 0; } #wb_element_instance16_1 { opacity: 1; left: 0px; top: 0px; z-index: 134; width: 840px; height: 192px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance17_1 p:last-child { margin-bottom: 0; } #wb_element_instance17_1 { opacity: 1; left: 0px; top: 1420px; z-index: 137; width: 360px; height: 36px; max-width: none; padding: 0px 0px 0px 0px; } #wb_element_instance8_1 { width: 360px; height: 1456px; max-width: 100%; flex: 0 0 auto; } #wb_element_instance8_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat-x scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_main_1 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_main_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance18_1 { width: 100%; height: 115px; max-width: 1200px; flex: 0 0 auto; } #wb_element_instance18_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat-x scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_1 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; 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_instance2_1 ul { background: transparent none repeat left top; } #wb_element_instance2_1 .btn-collapser { display: none; } #wb_element_instance2_1 > ul { display: flex; justify-content: space-between; } #wb_element_instance2_1 { left: 0px; top: 130px; width: 768px; height: 56px; } #wb_element_instance3_1 { left: 0px; top: 130px; width: 770px; height: 70px; } #wb_element_instance3_1 > .wb_shp { width: 770px; height: 70px; } #wb_element_instance4_1 { left: 320px; top: 0px; width: 110px; height: 24px; } #wb_element_instance5_1 { left: 340px; top: 90px; width: 390px; height: 24px; } #wb_element_instance6_1 { left: 610px; top: 4px; width: 150px; height: 30px; } #wb_element_instance7_1 { left: 60px; top: 50px; width: 200px; height: 66px; } #wb_element_instance1_1 { width: 768px; height: 200px; } #wb_element_instance9_1 { left: 20px; top: 170px; width: 720px; height: 189px; } #wb_element_instance10_1 { left: 0px; top: 0px; width: 770px; height: 1090px; } #wb_element_instance10_1 > .wb_shp { width: 770px; height: 1090px; } #wb_element_instance11_1 { left: 160px; top: 580px; width: 440px; height: 66px; } #wb_element_instance12_1 { left: 270px; top: 950px; width: 200px; height: 50px; } #wb_element_instance13_1 { left: 40px; top: 1160px; width: 680px; height: 246px; } #wb_element_instance14_1 { left: 190px; top: 660px; width: 380px; height: 42px; } #wb_element_instance15_1 { left: 160px; top: 790px; width: 440px; height: 66px; } #wb_element_instance16_1 { left: 20px; top: 10px; width: 708px; height: 384px; } #wb_element_instance17_1 { left: 0px; top: 1400px; width: 766px; height: 48px; } #wb_element_instance8_1 { width: 768px; height: 1448px; } } /* desktop */ @media (min-width: 992px) { #wb_element_instance2_1 { left: 0px; top: 150px; width: 990px; height: 38px; } #wb_element_instance3_1 { left: 0px; top: 140px; width: 990px; height: 60px; } #wb_element_instance3_1 > .wb_shp { width: 990px; height: 60px; } #wb_element_instance4_1 { left: 430px; top: 0px; width: 80px; height: 30px; } #wb_element_instance5_1 { left: 540px; top: 90px; width: 340px; height: 24px; } #wb_element_instance6_1 { left: 833px; top: 4px; width: 151px; height: 30px; } #wb_element_instance7_1 { left: 90px; top: 30px; width: 260px; height: 83px; } #wb_element_instance1_1 { width: 992px; height: 200px; } #wb_element_instance9_1 { left: 40px; top: 190px; width: 920px; height: 225px; } #wb_element_instance10_1 { left: 0px; top: 0px; width: 990px; height: 940px; } #wb_element_instance10_1 > .wb_shp { width: 990px; height: 940px; } #wb_element_instance11_1 { left: 170px; top: 420px; width: 700px; height: 79px; } #wb_element_instance12_1 { left: 420px; top: 740px; width: 200px; height: 50px; } #wb_element_instance13_1 { left: 115px; top: 1160px; width: 770px; height: 296px; } #wb_element_instance14_1 { left: 290px; top: 510px; width: 480px; height: 49px; } #wb_element_instance15_1 { left: 260px; top: 610px; width: 530px; height: 79px; } #wb_element_instance16_1 { left: 6px; top: 10px; width: 800px; height: 560px; } #wb_element_instance17_1 { left: 0px; top: 1480px; width: 991px; height: 60px; } #wb_element_instance8_1 { width: 992px; height: 1540px; } } /* tv */ @media (min-width: 1200px) { #wb_element_instance2_1 { left: 140px; top: 150px; width: 940px; height: 38px; } #wb_element_instance3_1 { left: 0px; top: 130px; width: 1200px; height: 70px; } #wb_element_instance3_1 > .wb_shp { width: 1200px; height: 70px; } #wb_element_instance4_1 { left: 520px; top: 0px; width: 100px; height: 30px; } #wb_element_instance5_1 { left: 630px; top: 100px; width: 340px; height: auto; } #wb_element_instance6_1 { left: 833px; top: 4px; width: 174px; height: 33px; } #wb_element_instance7_1 { left: 150px; top: 20px; width: 330px; height: auto; } #wb_element_instance1_1 { width: 1200px; height: 200px; } #wb_element_instance9_1 { left: 80px; top: 160px; width: 1010px; height: auto; } #wb_element_instance10_1 { left: 0px; top: 0px; width: 1200px; height: 1050px; } #wb_element_instance10_1 > .wb_shp { width: 1200px; height: 1050px; } #wb_element_instance11_1 { left: 250px; top: 500px; width: 670px; height: auto; } #wb_element_instance12_1 { left: 480px; top: 870px; width: 200px; height: 50px; } #wb_element_instance13_1 { left: 189px; top: 1140px; width: 791px; height: auto; } #wb_element_instance14_1 { left: 270px; top: 610px; width: 620px; height: auto; } #wb_element_instance15_1 { left: 230px; top: 750px; width: 671px; height: auto; } #wb_element_instance16_1 { left: 0px; top: 0px; width: 800px; height: auto; } #wb_element_instance17_1 { left: 2px; top: 1480px; width: 1196px; height: auto; } #wb_element_instance8_1 { width: 1200px; height: 1552px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #wb_element_instance2_1 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } } /* 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) { }