#wb_header { height: 274px; } #wb_header > .wb_cont_bg { background-color: transparent; } #wb_header > .wb_cont_bg:before { background: transparent none repeat scroll left top; } #wb_main { height: 2844px; background-color: #0e5749; } #wb_main:before { background: transparent url("../gallery_gen/7c582d050f509536197a184e068ae924.jpg") repeat left top; background-size: cover; opacity: 0.72; } #wb_footer { height: 1px; } #wb_footer > .wb_cont_bg { background-color: transparent; } #wb_footer > .wb_cont_bg:before { background: transparent none repeat scroll left top; } html { scroll-behavior: smooth; } body { background-color: #f0f0f2; } body.site:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } .wb_sbg { background: transparent none repeat-x scroll left top; } body, .wb_sbg { min-width: 320px; min-height: 3119px; } .wb_cont_inner { width: 320px; height: 100%; } .wb_cont_bg { width: 320px; margin-left: -160px; } .root { height: 3119px; min-height: 3119px; } #wb_element_instance0 .btn-collapser { display: inline-block; margin-top: 2.5px; background-color: #3a1f52; border-color: #000000; } #wb_element_instance0 .btn-collapser > .icon-bar { background-color: #000000; } #wb_element_instance0 .btn-collapser:hover { background-color: #3a1f52; border-color: #000000; } #wb_element_instance0 .btn-collapser:hover > .icon-bar { background-color: #000000; } #wb_element_instance0 { top: 30px; left: 770px; min-width: 430px; width: 430px; min-height: 34px; height: 34px; display: block; z-index: 216; } #wb_element_instance0 ul { background: #3a1f52 none repeat left top; border: 1px none #000000; } #wb_element_instance0 > ul { display: none; } #wb_element_instance0.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance0.collapse-expanded > ul > li { display: block; } #wb_element_instance0.collapse-expanded li > ul { position: static; } #wb_element_instance0.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance0.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance0, #wb_element_instance0 ul { text-align: right; } #wb_element_instance0 ul ul { background: transparent none repeat right top; } #wb_element_instance0 li { margin: 0px 0px 0px 0px; } #wb_element_instance0 li a { text-transform: uppercase; border: 0px none #000000; padding: 10px 10px 10px 10px; font: normal bold 13px 'Open Sans',Arial,sans-serif; text-decoration: none; color: #000000; line-height: 15px; background: transparent none no-repeat center top; } #wb_element_instance0 li.over > a, #wb_element_instance0 li:focus > a { border-top: 0px none #000000; border-right: 0px none #000000; border-bottom: 3px solid #ffcc00; border-left: 0px none #000000; font: normal bold 13px 'Open Sans',Arial,sans-serif; text-decoration: none; color: #000000; line-height: 15px; background: transparent none no-repeat center center; } #wb_element_instance0 li.active > a { border-top: 0px solid #ffcc00; border-right: 0px none #000000; border-bottom: 3px solid #ffcc00; border-left: 0px none #000000; font: normal bold 13px 'Open Sans',Arial,sans-serif; text-decoration: none; color: #ffcc00; line-height: 15px; background: transparent none no-repeat center center; } #wb_element_instance0:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance0:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance0:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance1 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; box-sizing: border-box; overflow: hidden; top: 2px; left: 72px; min-width: 186px; width: 186px; min-height: 181px; height: 181px; display: block; z-index: 19; } #wb_element_instance1 img { width: 185px; height: 181px; display: block; position: relative; left: 0px; top: 0px; max-width: inherit; } #wb_element_instance2 { top: 2px; left: 45px; min-width: 230px; width: 230px; min-height: 220px; height: 220px; display: block; z-index: 18; } #wb_element_instance2 > .wb_shp { display: block; background-color: #ffffff; border: 0px solid #000000; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 230px; height: 220px; } #wb_element_instance2 > .wb_shp:before { background: transparent none repeat scroll center center; background-size: auto auto; opacity: 1; } #wb_element_instance3 p:last-child { margin-bottom: 0; } #wb_element_instance3 { opacity: 1; top: 40px; left: 0px; min-width: 320px; width: 320px; min-height: 317px; height: 317px; display: block; z-index: 9; } #wb_element_instance4 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; box-sizing: border-box; overflow: hidden; top: 380px; left: 10px; min-width: 300px; width: 300px; min-height: 300px; height: 300px; display: block; z-index: 10; } #wb_element_instance4 img { width: 300px; height: 300px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance5 .wb-blog { background-color: transparent; } #wb_element_instance5 .wb-blog-paging { text-align: center; } #wb_element_instance5 .wb-blog-list { text-align: center; margin: -10px; } #wb_element_instance5 .wb-blog-item { margin: 10px; padding-right: 20px; background-color: rgba(235, 235, 235, 0.84); height: 250px; } #wb_element_instance5 .wb-blog-item .blog-item-thumbnail { width: 280px; height: 250px; } #wb_element_instance5 .wb-blog-item .caption { margin-left: -280px; padding-left: 280px; } #wb_element_instance5 .wb-blog-item .caption .title { font-size: 30px; font-style: normal bold ; font: normal bold 30px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: left; line-height: 22px; } #wb_element_instance5 .wb-blog-item .caption .date { font-size: 10px; font-style: normal normal ; font: normal normal 10px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: left; line-height: 22px; } #wb_element_instance5 .wb-blog-item .caption .description { font-size: 15px; font-style: normal normal ; font: normal normal 15px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: left; line-height: 22px; } #wb_element_instance5 .wb-blog-item .caption .caption-wrapper > div { max-height: 220px; } #wb_element_instance5 .wb-blog-item:hover .caption .title { text-decoration: underline; } #wb_element_instance5 { top: 720px; left: 0px; min-width: 320px; width: 320px; min-height: 650px; height: 650px; display: block; z-index: 11; } #wb_element_instance6 .wb-blog { background-color: transparent; } #wb_element_instance6 .wb-blog-paging { text-align: center; } #wb_element_instance6 .wb-blog-list { text-align: center; margin: -10px; } #wb_element_instance6 .wb-blog-item { width: 320px; height: 320px; padding: 10px; } #wb_element_instance6 .wb-blog-item .caption .title { font-size: 16px; font-style: normal bold ; font: normal bold 16px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: center; line-height: 22px; } #wb_element_instance6 .wb-blog-item .caption .description { font-size: 14px; font-style: normal normal ; font: normal normal 14px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: center; line-height: 22px; height: 44px; } #wb_element_instance6 .wb-blog-item .caption .date { font-size: 10px; font-style: normal normal ; font: normal normal 10px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; text-align: center; line-height: 32px; } #wb_element_instance6 .wb-blog-item .caption { height: 108px; background-color: rgba(235, 235, 235, 0.86); } #wb_element_instance6 .wb-blog-item .blog-item-thumbnail { padding-bottom: 108px; } #wb_element_instance6 .wb-blog-item.no-thumbnail .caption { padding-top: 96px; } #wb_element_instance6 .wb-blog-item:hover .caption .title { text-decoration: underline; } #wb_element_instance6 { top: 1828px; left: 10px; min-width: 300px; width: 300px; min-height: 670px; height: 670px; display: block; z-index: 12; } #wb_element_instance7 { top: 1418px; left: 0px; min-width: 320px; width: 320px; min-height: 330px; height: 330px; display: block; z-index: 13; } #wb_element_instance8 { top: 2530px; left: 0px; min-width: 320px; width: 320px; min-height: 314px; height: 314px; display: block; z-index: 14; } #wb_element_instance8 iframe { width: 320px; height: 314px; } #wb_element_instance9 { top: 10px; left: 0; right: 0; min-height: 361px; height: 361px; display: block; z-index: 7; } #wb_element_instance9 > .wb_shp { display: block; background-color: rgba(199, 199, 199, 0.42); border-top: 1px none #000000; border-right: 0px solid #c0c0c0; border-bottom: 5px solid #c0c0c0; border-left: 0px solid #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 361px; } #wb_element_instance9 > .wb_shp:before { background: transparent none repeat scroll center center; background-size: auto auto; opacity: 1; } #wb_element_instance10 { top: 10px; left: 0; right: 0; min-height: 1690px; height: 1690px; display: block; z-index: 8; } #wb_element_instance10 > .wb_shp { display: block; background-color: rgba(199, 199, 199, 0.08); border: 1px none #000000; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; width: 100%; height: 1690px; } #wb_element_instance10 > .wb_shp:before { background: transparent none repeat scroll center center; background-size: auto auto; opacity: 1; } #wb_element_instance11 { top: 0px; left: 0; right: 0; min-height: 10px; height: 10px; display: block; z-index: 15; } #wb_element_instance11 > .wb_shp { display: block; background-color: rgba(4, 28, 23, 0.73); border: 1px none #000000; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 10px; } #wb_element_instance11 > .wb_shp:before { background: transparent none repeat scroll center center; background-size: auto auto; opacity: 1; } #wb_element_instance12 { top: -274px; left: 0; right: 0; min-height: 284px; height: 284px; display: block; z-index: 17; } #wb_element_instance12 > .wb_shp { display: block; background-color: rgba(11, 64, 53, 0.73); border: 1px none #000000; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 284px; } #wb_element_instance12 > .wb_shp:before { background: transparent none repeat scroll center center; background-size: auto auto; opacity: 1; } #wb_element_instance13 { top: 20px; left: 0px; display: block; z-index: 9999; } @media (min-width: 768px) { #wb_header { height: 1px; } #wb_main { height: 1994px; } #wb_footer { height: 1px; } body, .wb_sbg { min-width: 768px; min-height: 1996px; } .wb_cont_inner { width: 768px; } .wb_cont_bg { width: 768px; margin-left: -384px; } .root { height: 1996px; min-height: 1996px; } #wb_element_instance0 { top: 30px; left: 770px; min-width: 430px; width: 430px; min-height: 34px; height: 34px; display: block; } #wb_element_instance0 ul { background: transparent none repeat right top; } #wb_element_instance0 .btn-collapser { display: none; } #wb_element_instance0 > ul { display: block; } #wb_element_instance1 { top: 2px; left: 72px; min-width: 186px; width: 186px; min-height: 181px; height: 181px; display: block; overflow: hidden; } #wb_element_instance1 img { width: 185px; height: 181px; display: block; position: relative; left: 0px; top: 0px; max-width: inherit; } #wb_element_instance2 { top: 2px; left: 45px; min-width: 230px; width: 230px; min-height: 220px; height: 220px; display: block; } #wb_element_instance2 > .wb_shp { width: 230px; height: 220px; } #wb_element_instance3 { top: 236px; left: 10px; min-width: 720px; width: 720px; min-height: 158px; height: 158px; display: block; } #wb_element_instance4 { top: 426px; left: 10px; min-width: 300px; width: 300px; min-height: 300px; height: 300px; display: block; } #wb_element_instance4 img { width: 300px; height: 300px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance5 { top: 426px; left: 410px; min-width: 320px; width: 320px; min-height: 650px; height: 650px; display: block; } #wb_element_instance6 { top: 756px; left: 10px; min-width: 300px; width: 300px; min-height: 670px; height: 670px; display: block; } #wb_element_instance7 { top: 1524px; left: 0px; min-width: 320px; width: 320px; min-height: 330px; height: 330px; display: block; } #wb_element_instance8 { top: 1106px; left: 410px; min-width: 320px; width: 320px; min-height: 314px; height: 314px; display: block; } #wb_element_instance8 iframe { width: 320px; height: 314px; } #wb_element_instance9 { top: 1px; left: 0; right: 0; min-height: 396px; height: 396px; display: block; } #wb_element_instance9 > .wb_shp { width: 100%; height: 396px; } #wb_element_instance10 { top: 230px; left: 0; right: 0; min-height: 1764px; height: 1764px; display: block; } #wb_element_instance10 > .wb_shp { width: 100%; height: 1764px; } #wb_element_instance11 { top: 397px; left: 0; right: 0; min-height: 18px; height: 18px; display: block; } #wb_element_instance11 > .wb_shp { width: 100%; height: 18px; } #wb_element_instance12 { top: 0px; left: 0; right: 0; min-height: 231px; height: 231px; display: block; } #wb_element_instance12 > .wb_shp { width: 100%; height: 231px; } #wb_element_instance13 { top: 20px; left: 0px; display: block; } } @media (min-width: 992px) { #wb_header { height: 1px; } #wb_main { height: 1994px; } #wb_footer { height: 1px; } body, .wb_sbg { min-width: 992px; min-height: 1996px; } .wb_cont_inner { width: 992px; } .wb_cont_bg { width: 992px; margin-left: -496px; } .root { height: 1996px; min-height: 1996px; } #wb_element_instance0 { top: 30px; left: 770px; min-width: 430px; width: 430px; min-height: 34px; height: 34px; display: block; } #wb_element_instance0 ul { background: transparent none repeat right top; } #wb_element_instance0 .btn-collapser { display: none; } #wb_element_instance0 > ul { display: block; } #wb_element_instance1 { top: 2px; left: 72px; min-width: 186px; width: 186px; min-height: 181px; height: 181px; display: block; overflow: hidden; } #wb_element_instance1 img { width: 185px; height: 181px; display: block; position: relative; left: 0px; top: 0px; max-width: inherit; } #wb_element_instance2 { top: 2px; left: 45px; min-width: 230px; width: 230px; min-height: 220px; height: 220px; display: block; } #wb_element_instance2 > .wb_shp { width: 230px; height: 220px; } #wb_element_instance3 { top: 120px; left: 10px; min-width: 940px; width: 940px; min-height: 106px; height: 106px; display: block; } #wb_element_instance4 { top: 290px; left: 136px; min-width: 300px; width: 300px; min-height: 300px; height: 300px; display: block; } #wb_element_instance4 img { width: 300px; height: 300px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance5 { top: 290px; left: 536px; min-width: 320px; width: 320px; min-height: 650px; height: 650px; display: block; } #wb_element_instance6 { top: 632px; left: 136px; min-width: 300px; width: 300px; min-height: 670px; height: 670px; display: block; } #wb_element_instance7 { top: 1380px; left: 136px; min-width: 320px; width: 320px; min-height: 330px; height: 330px; display: block; } #wb_element_instance8 { top: 1000px; left: 536px; min-width: 320px; width: 320px; min-height: 314px; height: 314px; display: block; } #wb_element_instance8 iframe { width: 320px; height: 314px; } #wb_element_instance9 { top: 98px; left: 0; right: 0; min-height: 142px; height: 142px; display: block; } #wb_element_instance9 > .wb_shp { width: 100%; height: 142px; } #wb_element_instance10 { top: 230px; left: 0; right: 0; min-height: 1764px; height: 1764px; display: block; } #wb_element_instance10 > .wb_shp { width: 100%; height: 1764px; } #wb_element_instance11 { top: 49px; left: 0; right: 0; min-height: 100px; height: 100px; display: block; } #wb_element_instance11 > .wb_shp { width: 100%; height: 100px; } #wb_element_instance12 { top: -1px; left: 0; right: 0; min-height: 100px; height: 100px; display: block; } #wb_element_instance12 > .wb_shp { width: 100%; height: 100px; } #wb_element_instance13 { top: 20px; left: 0px; display: block; } } @media (min-width: 1200px) { #wb_header { height: 1px; } #wb_main { height: 1680px; } #wb_footer { height: 1px; } body, .wb_sbg { min-width: 1200px; min-height: 1682px; } .wb_cont_inner { width: 1200px; } .wb_cont_bg { width: 1200px; margin-left: -600px; } .root { height: 1683px; min-height: 1682px; } #wb_element_instance0 { top: 30px; left: 770px; min-width: 430px; width: 430px; min-height: 34px; height: 34px; display: block; } #wb_element_instance0 ul { background: transparent none repeat right top; } #wb_element_instance0 .btn-collapser { display: none; } #wb_element_instance0 > ul { display: block; } #wb_element_instance1 { top: -1px; left: -73px; min-width: 185px; width: 185px; min-height: 181px; height: 181px; display: block; } #wb_element_instance1 img { width: 185px; height: 181px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance2 { top: 0px; left: -100px; min-width: 230px; width: 230px; min-height: 217px; height: 217px; display: block; } #wb_element_instance2 > .wb_shp { width: 230px; height: 217px; } #wb_element_instance3 { top: 110px; left: 140px; min-width: 1060px; width: 1060px; min-height: 106px; height: 106px; display: block; } #wb_element_instance4 { top: 280px; left: 80px; min-width: 300px; width: 300px; min-height: 300px; height: 300px; display: block; } #wb_element_instance4 img { width: 300px; height: 300px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance5 { top: 270px; left: 470px; min-width: 730px; width: 730px; min-height: 650px; height: 650px; display: block; } #wb_element_instance6 { top: 624px; left: 60px; min-width: 300px; width: 300px; min-height: 670px; height: 670px; display: block; } #wb_element_instance7 { top: 970px; left: 470px; min-width: 725px; width: 725px; min-height: 340px; height: 340px; display: block; } #wb_element_instance8 { top: 1360px; left: 50px; min-width: 320px; width: 320px; min-height: 314px; height: 314px; display: block; } #wb_element_instance8 iframe { width: 320px; height: 314px; } #wb_element_instance9 { top: 100px; left: 0; right: 0; min-height: 130px; height: 130px; display: block; } #wb_element_instance9 > .wb_shp { width: 100%; height: 130px; } #wb_element_instance10 { top: 240px; left: 0; right: 0; min-height: 1440px; height: 1440px; display: block; } #wb_element_instance10 > .wb_shp { width: 100%; height: 1440px; } #wb_element_instance11 { top: 220px; left: 0; right: 0; min-height: 20px; height: 20px; display: block; } #wb_element_instance11 > .wb_shp { width: 100%; height: 20px; } #wb_element_instance12 { top: 0px; left: 0; right: 0; min-height: 100px; height: 100px; display: block; } #wb_element_instance12 > .wb_shp { width: 100%; height: 100px; } #wb_element_instance13 { top: 20px; left: 0px; display: block; } } @media (max-width: 767px) { }