
/* phone */
html { scroll-behavior: smooth; }
body { background-color: #e5eeef; }
body.site:before { background: transparent url("gallery/fon.jpg") repeat-x scroll center top; }
.wb_sbg { background: transparent none repeat-x scroll left top; }
.site-lang-en .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-en .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-en .root { min-height: 100%; height: auto; }
#wb_element_instance1_1 .btn-collapser { display: inline-block; background-color: #0083db; border-color: #000000; }
#wb_element_instance1_1 .btn-collapser > .icon-bar { background-color: #000000; }
#wb_element_instance1_1 .btn-collapser:hover { background-color: #000000; border-color: #ffffff; }
#wb_element_instance1_1 .btn-collapser:hover > .icon-bar { background-color: #ffffff; }
#wb_element_instance1_1 { left: 59px; top: 18px; z-index: 213; width: 807.390625px; height: 56px; }
#wb_element_instance1_1 ul { background: #0083db none repeat left top; border: 1px none #000000; }
#wb_element_instance1_1 > ul { display: none; }
#wb_element_instance1_1.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; }
#wb_element_instance1_1.collapse-expanded > ul > li { display: block; }
#wb_element_instance1_1.collapse-expanded li > ul { position: static; }
#wb_element_instance1_1.collapse-expanded li.active > ul { display: block!important; }
#wb_element_instance1_1.collapse-expanded li.over > ul { display: block!important; }
#wb_element_instance1_1, #wb_element_instance1_1 ul { text-align: center; }
#wb_element_instance1_1 ul ul { background: #ffffff none repeat right top; }
#wb_element_instance1_1 li { margin: 0px 20px 0px 20px; }
#wb_element_instance1_1 li a { text-transform: none; border-top: 2px solid #000000; border-right: 0px none #000000; border-bottom: 2px solid #000000; border-left: 0px none #000000; padding: 15px 15px 15px 15px; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #000000; line-height: 18px; background: transparent none no-repeat center top; }
#wb_element_instance1_1 li.over > a, #wb_element_instance1_1 li:focus > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #ffffff; line-height: 18px; background: #000000 none no-repeat center top; }
#wb_element_instance1_1 li.active > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #ffffff; line-height: 18px; background: #000000 none no-repeat center center; }
#wb_element_instance1_1:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance1_1:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; }
#wb_element_instance1_1:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; }
#wb_element_instance2_1 > .wb-elm-line { margin: 0 0 0 -7px; width: 1px; height: 100%; left: 50%; top: 0; border-left: 7px dashed #d60047;; }
#wb_element_instance2_1 { left: 440px; top: 239px; z-index: 15; width: 30px; height: 150px; }
#wb_element_instance2_1 > .wb_content { width: 100%; height: 100%; }
#wb_element_instance3_1 .langs_flags > a { width: 70px; height: 70px; }
#wb_element_instance3_1 .langs_flags > a > i { left: 5px; top: 5px; width: 60px; height: 60px; border: 1px none #ffffff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#wb_element_instance3_1 .langs_flags > a.active > i { left: 3px; top: 3px; width: 64px; height: 64px; border: 2px double #949494; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#wb_element_instance3_1 { left: 231px; top: 135px; z-index: 17; width: 560px; height: 70px; }
#wb_main_1 { left: 0px; top: 0px; width: auto; height: 389.5px; min-width: 20px; flex: 0 0 auto; }
#wb_main_1 > .wb_content { border: 0px none #000000; min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_footer_c_0 { left: 0px; top: 20px; z-index: 9999; width: 0px; height: 0px; }
#wb_footer_c_0 > .wb_content { width: 100%; height: 100%; }
.site-lang-it .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-it .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-it .root { min-height: 100%; height: auto; }
.site-lang-fr .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-fr .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-fr .root { min-height: 100%; height: auto; }
.site-lang-de .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-de .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-de .root { min-height: 100%; height: auto; }
.site-lang-ar .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-ar .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-ar .root { min-height: 100%; height: auto; }
.site-lang-nl .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-nl .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-nl .root { min-height: 100%; height: auto; }
.site-lang-pl .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-pl .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-pl .root { min-height: 100%; height: auto; }
.site-lang-lb .wb_cont_inner { width: 320px; height: 100%; }
.site-lang-lb .wb_cont_bg { width: 320px; margin-left: -160px; }
.site-lang-lb .root { min-height: 100%; height: auto; }


/* tablet */
@media (min-width: 768px) {
	#wb_element_instance1_1 ul { background: transparent none repeat right top; }
	#wb_element_instance1_1 .btn-collapser { display: none; }
	#wb_element_instance1_1 > ul { display: block; }
}

/* desktop */
@media (min-width: 992px) {
}

/* tv */
@media (min-width: 1200px) {
}

/* desktop_and_smaller */
@media (max-width: 1199px) {
}

/* tablet_and_smaller */
@media (max-width: 991px) {
}

/* phone_only */
@media (max-width: 767px) {
	#wb_element_instance1_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 */

