/* phone */
body { background-color: #b3e095; }
body.site:before { background: transparent none repeat-x scroll center top; background-size: auto 100px; min-width: 1200px; }
.wb_sbg { background: transparent none repeat-x left top; min-width: 1200px; }
.site-lang-af .wb_cont_inner { width: 360px; height: 100%; }
.site-lang-af .wb_cont_bg { width: 360px; margin-left: -180px; }
.site-lang-af .root { min-height: 100%; height: auto; }
#a18ae17056662d09dc006562830ff866 > .wb_content { width: 100%; height: 100%; }
#a18ae17056662d09dc006562830ff866 { width: 100%; height: 20px; max-width: 100px; flex: 0 0 auto; }
#a18ae17056662d09dc006562830ff866 > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae17056662d09dc006562830ff866 > .wb_shp { background-color: rgba(255, 255, 255, 0.95); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae17056662e5a24b92b1699234170 > .wb_content { width: 100%; height: 100%; }
#a18ae17056662e5a24b92b1699234170 { width: 100%; height: 20px; max-width: 100px; flex: 0 0 auto; }
#a18ae17056662e5a24b92b1699234170 > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae17056662e5a24b92b1699234170 > .wb_shp { background-color: rgba(179, 224, 149, 0.95); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae17056662fb2c4b8eb1eeeb91e3f > .wb_content { width: 100%; height: 100%; }
#a18ae17056662fb2c4b8eb1eeeb91e3f { width: 100%; height: 20px; max-width: 100px; flex: 0 0 auto; }
#a18ae17056662fb2c4b8eb1eeeb91e3f > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae17056662fb2c4b8eb1eeeb91e3f > .wb_shp { background-color: rgba(0, 57, 37, 0.95); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae170566630f0e3e303d11fc03191 > .wb_content { width: 100%; height: 100%; }
#a18ae170566630f0e3e303d11fc03191 { width: 100%; height: 20px; max-width: 100px; flex: 0 0 auto; }
#a18ae170566630f0e3e303d11fc03191 > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.95; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae170566630f0e3e303d11fc03191 > .wb_shp { background-color: rgba(0, 0, 0, 0.95); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae1705665038900142e0e3b3428f6 { width: 100%; height: auto; max-width: 490px; margin: 5px 5px 25px 35px; flex: 1 1 auto; }
#a18ae1705665038900142e0e3b3428f6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; justify-items: center; align-items: center; justify-content: space-between; align-content: space-around; flex-wrap: wrap; text-shadow: none; box-shadow: none; }
#a18ae1705665044a6579d5cf80950ca5 p:last-child { margin-bottom: 0; }
#a18ae1705665044a6579d5cf80950ca5 { opacity: 1; width: auto; height: auto; max-width: 1150px; margin: 5px 5px 5px 15px; flex: 1 1 auto; text-shadow: none; box-shadow: none; }
#a18ae170566502edd6c7f56f70297c49 { width: 100%; height: auto; max-width: 1200px; margin: 0px 0px 16px 0px; flex: 1 1 auto; }
#a18ae170566502edd6c7f56f70297c49 > .wb_content { min-width: 20px; min-height: 20px; padding: 15px 35px 5px 5px; border: 0px none #C0C0C0; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #5A9532 none repeat scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a18ae170566634a51ceca8906b875bd7 > .wb_content { width: 100%; height: 100%; }
#a18ae170566634a51ceca8906b875bd7 { width: 100%; height: 15px; max-width: 15px; margin: 0px 280px 0px 0px; flex: 0 0 auto; }
#a18ae170566634a51ceca8906b875bd7 > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.5; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae170566634a51ceca8906b875bd7 > .wb_shp { background-color: rgba(38, 114, 87, 0.5); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae17056663597ccf4bdfcc5fec1af > .wb_content { width: 100%; height: 100%; }
#a18ae17056663597ccf4bdfcc5fec1af { width: 100%; height: 15px; max-width: 15px; margin: 0px 310px 0px 0px; flex: 0 0 auto; }
#a18ae17056663597ccf4bdfcc5fec1af > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.5; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae17056663597ccf4bdfcc5fec1af > .wb_shp { background-color: rgba(38, 114, 87, 0.5); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae170566636e580424e995c1d6c7c > .wb_content { width: 100%; height: 100%; }
#a18ae170566636e580424e995c1d6c7c { width: 100%; height: 15px; max-width: 15px; flex: 0 0 auto; }
#a18ae170566636e580424e995c1d6c7c > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 0.5; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#a18ae170566636e580424e995c1d6c7c > .wb_shp { background-color: rgba(38, 114, 87, 0.5); border: 0px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; }
#a18ae1705665056e449616b7c0d4947e { width: 100%; height: auto; max-width: 635px; margin: 0px 0px 0px 135px; flex: 1 1 auto; }
#a18ae1705665056e449616b7c0d4947e > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; justify-items: center; align-items: center; justify-content: space-around; align-content: space-around; flex-wrap: wrap; text-shadow: none; box-shadow: none; }
#a18ae17056650143faf2382a25185901 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; }
#a18ae17056650143faf2382a25185901 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_header_a18ae1706691018e07e9336f3082f56b { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; }
#wb_header_a18ae1706691018e07e9336f3082f56b > .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; text-shadow: none; box-shadow: none; }
#a18ae17056650838ce8a15b1f4a5a7d4 { width: auto; height: auto; max-width: 1080px; margin: 0px 5px 0px 99px; flex: 1 1 auto; text-shadow: none; box-shadow: none; }
#a18ae17056650838ce8a15b1f4a5a7d4 > ul { display: none; }
#a18ae17056650838ce8a15b1f4a5a7d4 ul { background: transparent none repeat left top; }
#a18ae17056650838ce8a15b1f4a5a7d4 ul, #a18ae17056650838ce8a15b1f4a5a7d4-det ul { border: 0px solid #1e4b00; }
#a18ae17056650838ce8a15b1f4a5a7d4, #a18ae17056650838ce8a15b1f4a5a7d4 ul, #a18ae17056650838ce8a15b1f4a5a7d4-det ul { text-align: justify; }
#a18ae17056650838ce8a15b1f4a5a7d4 ul ul, #a18ae17056650838ce8a15b1f4a5a7d4-det ul { background: #2e2e2e none repeat left top; }
#a18ae17056650838ce8a15b1f4a5a7d4 li, #a18ae17056650838ce8a15b1f4a5a7d4-det li { margin: 10px 10px 10px 10px; }
#a18ae17056650838ce8a15b1f4a5a7d4 li a, #a18ae17056650838ce8a15b1f4a5a7d4-det li a { padding: 10px 50px 10px 50px; text-transform: uppercase; border: 0px solid #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #003925; line-height: 22px; background: transparent none repeat center center; }
#a18ae17056650838ce8a15b1f4a5a7d4 li.over > a, #a18ae17056650838ce8a15b1f4a5a7d4 li:focus > a, #a18ae17056650838ce8a15b1f4a5a7d4-det li.over > a, #a18ae17056650838ce8a15b1f4a5a7d4-det li:focus > a { border: 0px none #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #ffffff; line-height: 22px; background: rgba(0, 57, 37, 0.52) none repeat left top; }
#a18ae17056650838ce8a15b1f4a5a7d4 li.active > a, #a18ae17056650838ce8a15b1f4a5a7d4-det li.active > a { border: 0px none #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #ffffff; line-height: 22px; background: #003925 none repeat left top; }
#a18ae17056650838ce8a15b1f4a5a7d4:not(.collapse-expanded) .vmenu ul.open-left,#a18ae17056650838ce8a15b1f4a5a7d4:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; }
#a18ae17056650838ce8a15b1f4a5a7d4:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; }
#a18ae17056650aa4d989f140cc048c5b p:last-child { margin-bottom: 0; }
#a18ae17056650aa4d989f140cc048c5b { opacity: 1; width: auto; height: auto; max-width: 330px; margin: 5px 5px 31px 15px; flex: 1 1 auto; text-shadow: none; box-shadow: none; }
#a18ae17056650b98a3959eda737acb64 p:last-child { margin-bottom: 0; }
#a18ae17056650b98a3959eda737acb64 { opacity: 1; width: auto; height: auto; max-width: 1030px; margin: 5px 5px 5px 75px; flex: 1 1 auto; text-shadow: none; box-shadow: none; }
#a18ae1705665095a7cca20dd80f64ef2 { width: 100%; height: auto; max-width: 1120px; margin: 0px 5px 0px 35px; flex: 1 1 auto; }
#a18ae1705665095a7cca20dd80f64ef2 > .wb_content { min-width: 20px; min-height: 20px; padding: 25px 15px 21px 5px; border: 1px solid #003925; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: rgba(229, 245, 163, 0.49) none repeat scroll left top; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a18ae1705665071a4e4b2067ed521b9c { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; }
#a18ae1705665071a4e4b2067ed521b9c > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 21px 80px 25px; border: 1px 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; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_main_a18ae1706691018e07e9336f3082f56b { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; }
#wb_main_a18ae1706691018e07e9336f3082f56b > .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; text-shadow: none; box-shadow: none; }
#a18ae17056650e08bb9998e4efe69300 p:last-child { margin-bottom: 0; }
#a18ae17056650e08bb9998e4efe69300 { opacity: 1; width: auto; height: auto; max-width: 460px; margin: 5px 5px 0px 5px; flex: 1 1 auto; text-shadow: none; box-shadow: none; }
#a18ae17056650fac71e45472281e7c42 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 56px; min-height: 23px; max-width: 112px; max-height: 45px; margin: 30px 5px 0px 5px; flex: 1 1 auto; }
#a18ae17056650fac71e45472281e7c42 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; }
#a18ae17056650fac71e45472281e7c42 img { width: 100%; height: auto; }
#a18ae17056650fac71e45472281e7c42 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; }
#a18ae17056650d184c61d8fb77fd9bfd { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; }
#a18ae17056650d184c61d8fb77fd9bfd > .wb_content { min-width: 20px; min-height: 20px; padding: 5px 543px 0px 25px; border: 1px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ededed none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_footer_a18ae1706691018e07e9336f3082f56b { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; }
#wb_footer_a18ae1706691018e07e9336f3082f56b > .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; 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; }
.site-lang-ar .wb_cont_inner { width: 360px; height: 100%; }
.site-lang-ar .wb_cont_bg { width: 360px; margin-left: -180px; }
.site-lang-ar .root { min-height: 100%; height: auto; }
.site-lang-ar2 .wb_cont_inner { width: 360px; height: 100%; }
.site-lang-ar2 .wb_cont_bg { width: 360px; margin-left: -180px; }
.site-lang-ar2 .root { min-height: 100%; height: auto; }


/* tablet */
@media (min-width: 768px) {
	#a18ae17056650838ce8a15b1f4a5a7d4 > ul { display: flex; justify-content: space-between; }
}

/* 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) {
}

/* 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) {
}