/**
Package			Template Empty for Elxis CMS
Author			Ioannis Sannos ( https://www.isopensource.com )
Copyleft		(c) 2021 Is Open Source (https://www.isopensource.com).
License			Elxis Public License ( https://www.elxis.org/elxis-public-license.html )
Date			2021-09-21 18:47:00
Description 	CSS stylesheet for template Five
*/

/* LOAD FONTS */
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 100;
	src: local('Roboto'), local('Roboto-Thin'), url(fonts/roboto-thin.woff2) format('woff2'), url(fonts/roboto-thin.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 300;
	src: local('Roboto'), local('Roboto-Light'), url(fonts/roboto-light.woff2) format('woff2'), url(fonts/roboto-light.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto-regular.woff2) format('woff2'), url(fonts/roboto-regular.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/roboto-bold.woff2) format('woff2'), url(fonts/roboto-bold.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: italic; font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/roboto-italic.woff2) format('woff2'), url(fonts/roboto-italic.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: italic; font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/roboto-bold-italic.woff2) format('woff2'), url(fonts/roboto-bold-italic.woff) format('woff');
}

/* GENERIC RULES */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin:0; padding:0; min-height:100%; background:#FFFFFF; font:normal 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#272727; 
	-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;	-webkit-font-smoothing: antialiased;
}
body.innerpage { margin:0; padding:5px; min-height:auto; overflow-x:hidden; background:#FFFFFF; }
a { color:#1B6DD4; text-decoration: none; outline:none; border:none; }
a:hover { color:#272727; text-decoration: none; outline:none; border:none; }

img { border:none; max-width:100%; height:auto; }
h1 { margin:0 0 20px 0; padding:0; font:normal 33px/40px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color:#272727; letter-spacing:0px; }
h2 { margin:0 0 20px 0; padding:0; font:normal 28px/34px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color:#272727; letter-spacing:0px; }
h3 { margin:0 0 15px 0; padding:0; font:normal 22px/27px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color:#272727; letter-spacing:0px; }
h4 { margin:0 0 15px 0; padding:0; font:normal 18px/23px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color:#272727; letter-spacing:0px; }
h5 { margin:0 0 15px 0; padding:0; font:bold 15px/19px Roboto, Helvetica, Arial, sans-serif; font-weight: 700; color:#272727; letter-spacing:0px; }
h6 { margin:0 0 15px 0; padding:0; font:bold 15px/19px Roboto, Helvetica, Arial, sans-serif; font-weight: 700; color:#272727; letter-spacing:0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1B6DD4; }
p { margin:0 0 23px 0; font:normal 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#272727; }
blockquote { margin: 10px 0 20px 0; padding:0; border:none; font:normal 15px/23px Roboto, Helvetica, Arial, sans-serif; }
blockquote p { margin:0 0 20px 0; padding:0; }
blockquote:first-line, blockquote p:first-line { font-size:18px; }
code, pre {
	margin:20px 0; padding:12px; white-space:pre-wrap; word-wrap: break-word; overflow:hidden; border:1px solid #D2D2D2; font-family:monospace, serif; font-size:14px; line-height:23px;
	background-color: #fbfdfc; background: linear-gradient(to top,  #fbfdfc 0%,#f6f5f5 100%);
}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { margin:0; padding:0; text-indent:0; list-style:disc; list-style-position:inside; }
ol { list-style: decimal; }

/* LAYOUT */
body.tmplem_blue { background:#2881DC; color:#FFFFFF; }
body.tmplem_red { background:#C23720; color:#FFFFFF; }
body.tmplem_green { background:#4D8D2D; color:#FFFFFF; }
body.tmplem_black { background:#222222; color:#FFFFFF;}
body.tmplem_gray { background:#555555; color:#FFFFFF; }
body.tmplem_orange { background:#EF6910; color:#FFFFFF; }
body.tmplem_purple { background:#9E38E6; color:#FFFFFF; }
body.tmplem_pink { background:#EE37DB; color:#FFFFFF; }
body.tmplem_tilt { background:#2DBDBB; color:#FFFFFF; }
div.tmplem_wrap { position: fixed; top: 40%; left: 50%; transform: translate(-50%, -40%); width:500px; text-align:center; }
h1.tmplem_title { margin-bottom:10px; font-size:40px; line-height:42px; color:#FFFFFF; }
.tmplem_subtitle { margin:0; font:normal 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#FFFFFF; text-align:center; }
.tmplem_copyright {
	margin:0; padding:0 0 40px 0; position:fixed; left:0; bottom:0; width: 100%;
	text-align:center; font: normal 12px/15px tahoma, arial-sans-serif; color:#DADADA;
}
.tmplem_wrap img { margin: 0; padding: 0; max-width: 100%; height: auto; }
@media only screen and (max-width:560px) {
	div.tmplem_wrap { top: 30%; width:100%; }
}

/* TABLE LIST(elxis 4.x) */
div.elx_tbl_wrapper { margin:0 0 20px 0; padding:4px; border:1px solid #DDDDDD; background-color:#FFFFFF; }
table.elx_tbl_list { margin:0; padding:0; width:100%; border:1px solid #E0E0E0; background-color:#FFFFFF; border-collapse:collapse; vertical-align: baseline; }
table.elx_tbl_list tr {}
table.elx_tbl_list tr th, table.elx_tbl_list tr th.elx_th_center {
	margin:0; padding:10px 6px; border:1px solid #FFFFFF; background-color:#4396ff; 
	font:bold 14px/23px "Open Sans",sans-serif; text-align:left; color:#FFFFFF;
}
table.elx_tbl_list tr th.elx_th_center { text-align: center; }
table.elx_tbl_list tr th.elx_th_sub, table.elx_tbl_list tr th.elx_th_subcenter, table.elx_tbl_list tr th.elx_th_subcur {
	margin:0; padding:6px 4px; border:1px solid #FFFFFF; background-color:#666666; 
	font:normal 14px/23px "Open Sans",sans-serif; text-align:left; color:#E2E2E2;
}
table.elx_tbl_list tr th.elx_th_subcenter { text-align:center; }
table.elx_tbl_list tr th.elx_th_subcur { background-color:#444444; border:1px solid #FFFFFF; color:#fff;  }
th.elx_th_sub a, th.elx_th_subcenter a { display:block; color:#fff; text-decoration:none; }
th.elx_th_sub a:hover, th.elx_th_subcenter a:hover { color:#f7f884; text-decoration:none; }
th.elx_th_subcur a { display:block; color:#FFFFFF; text-decoration:none; }
th.elx_th_subcur a:hover { color:#f7f884; text-decoration:none; }
table.elx_tbl_list tr td, table.elx_tbl_list tr td.elx_td_center, table.elx_tbl_list tr.elx_tr0 td, table.elx_tbl_list tr.elx_tr0 td.elx_td_center, table.elx_tbl_list tr.elx_tr1 td, table.elx_tbl_list tr.elx_tr1 td.elx_td_center {
	padding:6px 4px; background-color:#F5F5F5; color:#333333; font:normal 14px/23px "Open Sans",sans-serif; text-align:left; border:1px solid #cccccc;
}
table.elx_tbl_list tr td.elx_td_center, table.elx_tbl_list tr.elx_tr0 td.elx_td_center, table.elx_tbl_list tr.elx_tr1 td.elx_td_center { text-align:center; }
table.elx_tbl_list tr.elx_tr0:hover td, table.elx_tbl_list tr.elx_tr1:hover td { background-color:#FFFFFF; }
table.elx_tbl_list tr.elx_trx td, table.elx_tbl_list tr.elx_trx td.elx_td_center {
	padding:6px 4px; background-color:#fde5e5; color:#222; font:normal 14px/23px "Open Sans",sans-serif; text-align:left; border:1px solid #cccccc;
}
table.elx_tbl_list tr.elx_trx td.elx_td_center { text-align:center; }
table.elx_tbl_list tr.elx_trx:hover td { background-color:#f9fbc1; }
/* LISTS */
ul.elx_stdul { margin:0 0 30px 0; padding:0; list-style:none; }
ul.elx_stdul li { margin:0 0 6px 0; padding:0; list-style:none; border:none; text-indent:0; font:normal 15px/19px "Roboto", sans-serif; color:#333333; }
ul.elx_stdul li:hover { color:#000000; }
ul.elx_stdul li:before { content:'\f0da'; font-family: 'Font Awesome 5 Free'; vertical-align: middle; font-weight: 900; font-size:15px; display:inline-block; margin-right:6px; color:#4396ff; }
ol.elx_stdol { margin:0 0 30px 0; padding:0; list-style:none; list-style-position:inside; counter-reset:li; position: relative; }
ol.elx_stdol li, ol.elx_stdol > li {
	position: relative; margin:0 0 8px 0; padding:0 0 0 35px; border:none; text-indent:0; list-style:none; 
	font:normal 15px/19px "Roboto",sans-serif; color:#333333;
}
ol.elx_stdol > li:before {
	content:counter(li); counter-increment:li; position:absolute; top:0; left:0; width:30px; height:19px; padding:0;
	font:normal 14px/19px "Roboto",sans-serif; color:#FFFFFF; text-align:center; background-color:#4396FF;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:4px;
}
ol.elx_stdol li:hover { color:#000000; }

/******************* message boxes **********************/
.elx5_sminfo:before, .elx_sminfo:before {
	content:'\f05a'; display:inline-block; background:none; margin:0 5px 0 0; padding:0;
	font:normal 17px/17px 'Font Awesome 5 Free'; color: #48ABFF; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smwarning:before, .elx_smwarning:before {
	content:'\f071'; display:inline-block; margin:0 5px 0 0; padding:0;
	font:normal 17px/17px 'Font Awesome 5 Free'; color: #f39c12; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smsuccess:before, .elx_smsuccess:before, .elx_smnotice:before {
	content:'\f058'; display:inline-block; margin:0 5px 0 0; padding:0;
	font:normal 17px/17px 'Font Awesome 5 Free'; color: #519C0D; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smerror:before, .elx_smerror:before {
	content:'\f06a'; display:inline-block; margin:0 5px 0 0; padding:0;
	font:normal 17px/17px 'Font Awesome 5 Free'; color: #dd4b39; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
/* tabs (elxis 4.x) */
ul.tabs {
	margin:0; padding:0; display:block; list-style:none; height:53px; background-color: #eee; border:none; 
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e0e0e0 #e0e0e0;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
ul.tabs li { margin:0; padding:0; width:auto; float:left; height:52px; line-height:52px; border:none; margin-bottom:-1px; overflow:hidden; position:relative; background:none; background-color:#eee; }
ul.tabs li a { text-decoration: none; color:#272727; display:block; padding:0 20px; border:none; border-right: 1px solid #fff; outline:none; font:normal 14px/50px 'Roboto', sans-serif; }
ul.tabs li a:hover { background:inherit; color:#13afeb; }
ul.tabs li.active, ul.tabs li.active a:hover { background-color: #FFFFFF; font-weight:normal; color:#13afeb; border-bottom:1px solid #fff; }
ul.tabs li.active { border-top:none; background-color: #FFFFFF; }
.tab_container { margin-bottom:10px; border:1px solid #e0e0e0; border-top:none; overflow:hidden; display:block; background: #fff; padding:0 !important; }
.tab_content{ padding:10px; }

/* component content & module article */ 
.elx5_artbox { margin:0 0 40px 0; padding:0; }
.elx5_artboxvt { margin:0 0 40px 0; padding-bottom:15px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border-radius: 3px;  border: 1px solid #e9e9e9; overflow:hidden; }
.elx5_artboxvt figure.elx5_content_imageboxlt img { padding:0; border:none; }
.elx5_artboxvt .elx5_artbox_inner { margin:0; padding:0 12px; }
.elx5_artbox h3 { margin: 0 0 5px 0; padding: 0; font: normal 22px/25px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color: #272727; letter-spacing: 0px; }
div.elx5_dateauthor { margin:0 0 8px 0; padding:0; font:normal 13px/17px Tahoma, arial, sans-serif; color:#888888; }
div.elx5_dateauthor time { padding:0; background:transparent; color:#888888; }
.elx5_artbox p { margin:0 0 18px 0; padding:0; text-align:justify; font:normal 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#555555; text-align:justify; }
p.elx5_content_subtitle { margin: 0 0 18px 0; padding: 0; font:bold 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#333333; text-align:left; }
.elx5_artbox p.elx5_content_subtitle { margin: 0 0 18px 0; padding: 0; font:bold 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#333333; text-align:left; }
figure.elx5_content_imagebox a { display:block; }
figure.elx5_content_imagebox a:hover { background:#FFFFFF url(link24.png) 50% 50% no-repeat; background-size: 48px; }
figure.elx5_content_imagebox a:hover img { opacity:0.6; }
h3.elx_subcategories_title { margin:0 0 18px 0; padding:0; border-bottom:1px solid #C0C0C0; color:#777777; }
ul.elx_subcategories { margin:0 0 20px 0; text-indent:0; padding:0; list-style:none; }
ul.elx_subcategories li { list-style:none; text-indent:0; margin:0 0 3px 0; padding:0; font:normal 16px/24px "Open Sans", sans-serif; }
ul.elx_subcategories li a { text-decoration:none; color:#1B6DD4; display:block; }
ul.elx_subcategories li a:hover { text-decoration:none; color:#222; }
ul.elx_subcategories li a:before { content: '\f07c'; font-family: 'Font Awesome 5 Free'; display: inline-block; margin-right: 4px; vertical-align: middle; font-weight: 900; }
div.elx_dateauthor { margin:0 0 6px 0; padding:0; font:normal 13px/17px Tahoma, arial, sans-serif; color:#666666; }
div.elx_dateauthor time { padding:0 4px; background:transparent; color:#666666; border-radius:0; }
div.elx_dateauthor time:before { content:'\f073'; font-family: 'Font Awesome 5 Free'; font-size:13px; display:inline-block; margin-right:4px; vertical-align: middle; font-weight: 900; }
.elx_datetime {
	margin:0; padding:0; display:inline-block; text-align:center; font:normal 12px/16px arial, helvetica, sans-serif; overflow:hidden; color:#666666; 
	border:1px solid #BBB; border-radius:4px; text-shadow: 0 1px 0 #FFFFFF; box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ffffff; background:linear-gradient(to bottom, #ffffff 5%, #E2E2E2 100%);
}
.elx_datetime .wday, .elx_datetime .month, .elx_datetime .year, .elx_datetime .day, .elx_datetime .time {
	margin:0; padding:2px 5px 2px 5px; display:block; float:left; font:normal 12px/16px arial, helvetica, sans-serif;
}
.elx_datetime .day, .elx_datetime .time {
	padding:2px 8px 2px 8px; font-weight:bold; color:#444444; background-color:#E2E2E2; 
	background:linear-gradient(to bottom, #E2E2E2 5%, #C0C0C0 100%);
}
div.elx_article_page { margin:0 0 20px 0; padding:0; }
.elx5_article_header h1, .elx5_category_header h1 { margin:0; padding:0; color: #444444; font-size: 35px; font-weight: 300; }
div.elx_article_page > div.elx_dateauthor { margin:7px 0 16px 0; }
div.elx_article_page p { text-align:justify; }
div.elx_hits_box { margin:12px 0; padding:0; font:normal 13px/18px 'Roboto', sans-serif; color:#666666; }
div.elx_hits_box span { font-weight:bold;  }

h3.elx_links_box_title { margin:22px 0 16px 0; padding:0; color:#272727; }
ul.elx5_links_box { margin:0 0 30px 0; }
ul.elx5_links_box li { margin:0 0 6px 0; padding:0; font:normal 15px/19px "Roboto", sans-serif; color:#333333; }
ul.elx5_links_box li a { display:block; text-decoration:none; border:none; background:none; }
ul.elx5_links_box li a:before { content:'\f0da'; font-family:'Font Awesome 5 Free'; font-size:15px; display:inline-block; margin-right:6px; color:#555555; vertical-align: middle; font-weight: 900; }

div.elx_tags_box { margin:25px 0 40px 0; padding:0; font:normal 14px/23px "Open Sans", sans-serif; }
div.elx_tags_box span { font-weight:normal; padding:0 15px 0 0; color:#727272; }
div.elx_tags_box a { margin:0 10px 5px 0; padding:0; outline:none; text-decoration:underline; color:#333; }
div.elx_tags_box a:hover { color:#1B6DD4; }
.elx_back { margin:15px 0; padding:0; }
.elx_back a, .elx_back a:visited, .elx_back a:hover {
	font: 400 14px/23px "Roboto",sans-serif; color:#444; text-decoration:none; background:#E2E2E2; margin:0; padding:6px 10px; border:none; text-align:center; border-radius:0;
}
.elx_back a:hover { background-color:#1B6DD4; color:#FFFFFF; }
.elx_back a:before { content:'\f053'; font-family:'Font Awesome 5 Free'; margin-right:4px; display: inline-block; vertical-align: middle; font-weight: 900; }
.elx_chain_previous { margin:0 0 5px 0; padding:0; text-align:left; }
.elx_chain_next { margin:0 0 5px 0; padding:0; text-align:right; }
.elx_chain_previous img, .elx_chain_next img { margin:0 0 2px 0; padding:4px; float:none; border:1px solid #CCCCCC; background-color:#FFFFFF; width: 120px; height:auto; }
.elx_chain_previous a:hover img, .elx_chain_next a:hover img { border-color:#888888; }
.elx_chain_previous .elx_chain_title { margin:0 0 2px 0; padding:0; text-align:left; font:normal 13px/16px "Roboto", "Open Sans", sans-serif; color:#888888; }
.elx_chain_next .elx_chain_title { margin:0 0 2px 0; padding:0; text-align:right; font:normal 13px/16px "Roboto", "Open Sans", sans-serif; color:#888888; }
.elx_chain_previous a, .elx_chain_next a { font:normal 15px/18px "Roboto", "Open Sans", sans-serif; text-decoration:none; }
/* COMPONENT USER */
#elx5_user_languagebox h3, #elx5_user_timezonebox h3 { margin:0 0 8px 0; }
#elx5_user_languagebox p, #elx5_user_timezonebox p { margin:0 0 8px 0; color:#666666; }
/* COMPONENT SEARCH */
.elx_engines_box { margin:5px 0 20px 0; padding:0; font:normal 13px/18px "Open Sans", sans-serif; color:#666; }
.elx_engines_box span { color:#666; padding:0 10px 0 0; }
span.elx_engine_current { margin:0 10px 0 0; padding:2px 6px; font-weight:normal; background-color:#666666; color:#FFF; }
.elx_engines_box a { margin:0 10px 0 0; padding:0; outline:none; text-decoration:underline; color:#272727; }
.elx_engines_box a:hover { margin:0 10px 0 0; padding:0; outline:none; text-decoration:underline; color:#1B6DD4; }
.elx_search_summary { margin:5px 0 14px 0; padding:0; font:normal 13px/18px "Open Sans", sans-serif; color:#444; }
#elx_addsearchengine { font:normal 13px/18px "Open Sans", sans-serif; }
#elx_addsearchengine img { vertical-align:bottom; }

/* HORIZONTAL MENU */
.elx_menu { margin:0; padding:0; display:block; list-style:none; font:normal 14px/24px "Open Sans", sans-serif; color:#FFFFFF; }
.elx_menu li { margin:0; padding:0; display:inline-block; list-style:none; position:relative; z-index:100; }
.elx_menu li a { margin:0; padding:18px; border:none; display:block; font:bold 13px/24px "Open Sans", sans-serif; color:#DDDDDD; text-decoration:none; outline:none; }
.elx_menu > li > a { margin:0 1px 0 -4px; text-transform: uppercase; }
.elx_menu li.menu_active > a { background:#3b8dd8; color: #FFFFFF; }
.elx_menu > li.menu_active > a { background:#3b8dd8; background:rgba(59,141,216, 0.5); color: #FFFFFF; }
.elx_menu li a:hover, .elx_menu li:hover > a { background:#3b8dd8; background:rgba(59,141,216, 0.5); color: #FFFFFF; }
.elx_menu > li[data-level0="subs"] > a:after { display:inline-block; font-family:'Font Awesome 5 Free'; content: '\f107'; margin-left:4px; vertical-align: middle; font-weight: 900; }
.elx_menu li[data-level1="subs"] a:after { display:inline-block; font-family:'Font Awesome 5 Free'; content: '\f105'; margin-left:4px; vertical-align: middle; font-weight: 900; }
.elx_menu ul { display:none; margin:0 0 0 -4px; padding:0; list-style:none; width:200px; position:absolute; top:60px; left:0px; background:#FFFFFF; border:1px solid #E2E2E2; }
.elx_menu li:hover > ul { display: block; }
.elx_menu ul li { display:block; float:none; background:none; }
.elx_menu ul li a {
	background-color:#FFFFFF; margin:0; padding:10px 18px; border:none; border-bottom:1px solid #E2E2E2; display:block; font:normal 13px/18px "Open Sans", sans-serif; color:#575757; text-decoration:none; outline:none; border-collapse: collapse;
}
.elx_menu ul li a:hover, .elx_menu ul li:hover > a {
	background-color:#3b8dd8; margin:0; padding:10px 18px; border:none; border-bottom:1px solid #E2E2E2; display:block; font:normal 13px/18px "Open Sans", sans-serif; color:#FFFFFF; text-decoration:none; outline:none; border-collapse: collapse;
}
.elx_menu ul ul { left:202px; top:-1px; }

/* VERTICAL MENU */
.elx_vmenu, .elx_vmenu li, .elx_vmenu ul { margin:0; padding:0; list-style:none; border:none; font:normal 14px/24px "Open Sans", sans-serif; color:#575757; }
.elx_vmenu { margin-bottom:10px; }
.elx_vmenu li { display:block; width:100%;}
.elx_vmenu li a, .elx_vmenu li a:hover, .elx_vmenu li a:visited, .elx_vmenu li a:active {
	margin:0 0 3px 0; padding:3px 8px; display:block; outline:none; text-decoration:none; background:none; color:#272727; border:none;
}
.elx_vmenu li a:before { content: '\f0da'; font-family:'Font Awesome 5 Free'; display:inline-block; margin-right:5px; vertical-align: middle; font-weight: 900; }
.elx_vmenu li a:hover { background-color:#E2E2E2; color:#000000; }
.elx_vmenu > li > ul > li a, .elx_vmenu > li > ul > li a:hover, .elx_vmenu > li > ul > li a:visited { background:none; padding:3px 8px 3px 22px; }
.elx_vmenu > li > ul > li a:before { content: '\f105'; }
.elx_vmenu > li > ul > li a:hover { background-color:#E2E2E2; color:#000000; }
.elx_vmenu > li > ul > li > ul > li a, .elx_vmenu > li > ul > li > ul > li a:hover, .elx_vmenu > li > ul > li > ul > li a:visited { background:none; padding:3px 8px 3px 39px; }
.elx_vmenu > li > ul > li > ul > li a:before { content: '\f105'; }
.elx_vmenu > li > ul > li > ul > li a:hover { background-color:#E2E2E2; color:#000000; }
.elx_vmenu > li > ul > li > ul > li > ul > li a, .elx_vmenu > li > ul > li > ul > li > ul > li a:hover, .elx_vmenu > li > ul > li > ul > li > ul > li a:visited {
	background:none; padding:3px 8px 3px 56px;
}
.elx_vmenu > li > ul > li > ul > li > ul > li a:before { content: '\f105'; }
.elx_vmenu > li > ul > li > ul > li > ul > li a:hover { background-color:#E2E2E2; color:#000000; }
.elx_vmenu li.menu_active > a { background-color:#142E46; color:#FFFFFF; border:none; }
/***** MODULES & PLUGINS **********/
/** generic modules **/
.module { margin:0; padding:0; }
.gridccol .module { margin-bottom:10px; }
.module h3 { margin:0 0 15px 0; padding:0; font:normal 22px/25px Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color:#272727; letter-spacing:0px; }
.elx5_artbox h3 { margin:0 0 5px 0; }

/***** module login *****/
input.elx5_modlogin_uname, input[type="text"].elx5_modlogin_uname { background: #FFFFFF url('user.png') 2px -7px no-repeat; padding-left:22px; }
input.elx5_modlogin_uname:focus, input[type="text"].elx5_modlogin_uname:focus { background: #FFFFFF url('user.png') 2px -47px no-repeat; padding-left:22px; }
input.elx5_modlogin_pword, input[type="password"].elx5_modlogin_pword { background: #FFFFFF url('lock.png') 2px -7px no-repeat; padding-left:22px; }
input.elx5_modlogin_pword:focus, input[type="password"].elx5_modlogin_pword:focus { background: #FFFFFF url('lock.png') 2px -47px no-repeat; padding-left:22px; }
.elx5_modlogin_linksbox { margin:15px 0; padding:0; }
.elx5_modlogin_linksbox a, .elx5_modlogin_linksbox a:visited, .elx5_modlogin_linksbox a:hover {
	display:block; margin:0 0 7px 0; padding:2px 10px; border:none; background: #E2E2E2; border-radius: 3px; color:#666666; font:normal 13px/17px tahoma, arial, sans-serif;
}
.elx5_modlogin_linksbox a:hover { background: #1B6DD4; color:#FFFFFF; }
.elx5_modlogin_authbox { margin:5px 0; padding:0; }
.elx5_modlogin_authbox p { margin:0 0 10px 0; padding:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#666666; }
a.elx5_modlogin_profile, a.elx5_modlogin_profile:visited, a.elx5_modlogin_profile:hover, a.elx5_modlogin_profile:link, a.elx5_modlogin_profile:active {
	margin:0 0 3px 0; padding:0; border:none; text-decoration:none; color:#555555; font:bold 16px/20px Roboto, Helvetica, Arial, sans-serif; text-align:left;
}
a.elx5_modlogin_profile:hover{ color:#2971CC; }
.elx5_modlogin_group, .elx5_modlogin_online, .elx5_modlogin_method { margin:0 0 1px 0; font:normal 13px/16px "Open Sans", Helvetica, sans-serif; color:#727272; display:block; }
a.elx5_modlogin_logout, a.elx5_modlogin_logout:visited, a.elx5_modlogin_logout:hover {
	display:inline-block; margin:5px 0; padding:3px 10px; border:none; text-decoration:none; font:normal 14px/19px Roboto, Helvetica, Arial, sans-serif; color:#FFFFFF; background:#444444;
	border-radius:3px; text-align:center;
}
a.elx5_modlogin_logout:hover { background-color:#2971CC; }
a.elx5_modlogin_logout:before { content:'\f08b'; font-family:'Font Awesome 5 Free'; display:inline-block; margin-right:4px; vertical-align: middle; font-weight: 900; }
.elx5_modlogin_pretext, .elx5_modlogin_posttext { margin:0 0 10px 0; padding:0; font:normal 14px/18px Roboto, Helvetica, Arial, sans-serif; color:#727272; }
/***** module categories *****/
ul.elx5_modcateg li a, ul.elx5_modcateg-rtl li a { font:normal 15px/20px "Open Sans", Helvetica, Arial, sans-serif; color:#444444; }
ul.elx5_modcateg li.elx5_modcateg_sub a, ul.elx5_modcateg-rtl li.elx5_modcateg_sub a { color:#777777; }
ul.elx5_modcateg li a:hover, ul.elx5_modcateg-rtl li a:hover { color:#2971CC; }
ul.elx5_modcateg li a:before { content:'\f07c'; font-family:'Font Awesome 5 Free'; display:inline-block; margin-right:4px; vertical-align: middle; font-weight: 900; }
ul.elx5_modcateg-rtl li a:before { content:'\f07c'; font-family:'Font Awesome 5 Free'; display:inline-block; margin-left:4px; vertical-align: middle; font-weight: 900; }
/***** module gallery *****/
.mod_gallery_box { margin:5px 0 10px 0; padding:0; }
.mod_gallery_box p { text-align:left; padding:0; margin:5px 0 8px 0; font:normal 13px/17px tahoma, arial, sans-serif; color:#272727; }
.mod_gallery_images a:hover { background:#FFFFFF url(link24.png) 50% 50% no-repeat; }
.mod_gallery_images a:hover img { opacity:0.6; }
.mod_gallery_more { margin:6px 0 0 0; padding:0; text-align:center; }
.mod_gallery_more a { margin:0; padding:0; display:block; background:none; border:none; font:normal 12px/16px tahoma, arial, sans-serif; color:#666; text-decoration:none; outline:none; }
.mod_gallery_more a:hover { color:#000000; }
.mod_gallery_more a:after { content: ' >'; }
/***** module who is online *****/
.elx5_modwhoison p { font:normal 14px/18px "Open Sans", sans-serif; color:#555555; }
.elx5_modwhoison_thumbs img { border:none; padding:0; margin:0 5px 5px 0; background-color: #E2E2E2; width:40px; height:40px; border-radius: 50%; }
.elx5_modwhoison_thumbs a:hover img { background-color: #555555; }
/***** module archive *****/
a.mod_arc_month, a.mod_arc_month:visited, a.mod_arc_month:active, a.mod_arc_month:hover, a.mod_arc_month:link,
a.mod_arc_monthact, a.mod_arc_monthact:visited, a.mod_arc_monthact:active, a.mod_arc_monthact:hover, a.mod_arc_monthact:link { height:48px; padding:4px 4px 4px 4px; }
a.mod_arc_monthact, a.mod_arc_monthact:visited, a.mod_arc_monthact:active, a.mod_arc_monthact:hover, a.mod_arc_monthact:link {
	background: #4396ff; background: linear-gradient(to bottom, #4396ff 5%, #598df9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 0 0 #9FEF00 inset; border: 1px solid #5F8E00; color: #ffffff; text-shadow: 0 1px 0 #4A7000;
}
a.mod_arc_monthact:hover { background: linear-gradient(to bottom, #598df9 5%, #4396ff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
#shopbottom .elx_cols_wrapper { border:1px solid #E2E2E2; background-color:#F5F5F5; }
#shopbottom div.elx_2spcolumns { padding:15px; }
#shopbottom div.elx_2columns { padding:15px; }
/* ADDONS AND SPECIAL */
ul.glide__slides, ul.glide__slides li { margin: 0; padding: 0; text-indent:0; box-sizing: border-box; }
ul.glide__slides div { margin: 0; padding: 0; box-sizing: border-box; }
li.glide__slide > a { margin: 0; padding: 0; display: block; width: 100%; text-indent: 0; box-sizing: border-box; }
li.glide__slide > a img { margin: 0; padding: 0; display: block; width: 100%; height:auto; border: 0; box-sizing: border-box; }
li.glide__slide { position:relative; }
::-moz-selection { background: #4396ff; color:#FFFFFF; }
#cboxNext, #cboxPrevious, #cboxClose, #cboxSlideshow { display:none !important; visibility:hidden !important; } /* hide lightbox buttons */

/* MEDIA RULES */
@media only screen and (max-width:920px) {
	.glide__arrows { display:none; }
}
@media only screen and (max-width:850px) {
	legend.elx_form_legend { display:none; }
	label.elx_form_label { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	label.elx_form_label_top { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	div.elx_form_nolabel { margin:0; padding:0; width:0; display:none; visibility:hidden; }
	div.elx_form_field_box { margin:0 0 0 0 !important; }
	span.elx_form_tip { display:none; }
	.inputbox, .filebox, .selectbox, .textbox, textarea.textbox, input[type=text].inputbox, select.selectbox { display:block; width:100%; margin:3px 0; padding:5px 8px;}
	input[type=submit].elxbutton, input[type=button].elxbutton, button[type=submit].elxbutton, button[type=button].elxbutton, input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search {
		display:block; width:100%; margin:8px 0; padding:6px 12px;
	}
	div.elx_form_cell { float:none !important; width:100% !important; margin:0; padding:0; }
	div.elx_2columns, div.elx_3columns, div.elx_4columns, div.elx_2spcolumns, div.elx_3spcolumns, div.elx_4spcolumns { margin:0 0 10px 0; padding:0; width:100%; float:none !important; }
	div.elx_hits_box, div.elx_tags_box span { display:none; visibility:hidden; }
	.elx_2columns { float:none !important; clear:both; width:100%; margin-bottom:8px; }
	.elx_2columns:after { content:' '; display:block; clear:both; }
	.elx_chain_previous, .elx_chain_next { margin:0; padding:0; text-align:left; }
	.elx_chain_previous img, .elx_chain_next img { margin:0; padding:0; display:none; }
	.elx_chain_next .elx_chain_title { text-align:left; }
	.elx_engines_box span, .elx_search_summary, #elx_addsearchengine { display:none; visibility:hidden; }
	.elx_engines_box span.elx_engine_current { display:inline; visibility:visible; }
	.elx_modsearchform, form.elx_modsearchform { display:block; width:98%; }
	select.elx_modsearch_eng { margin:0; padding:0; width:0; float:none; display:none; visibility:hidden; }
	input.elx_modsearch_input, input.elx_modsearch_input:focus, input.elx_modsearch_input:hover { margin:0 1% 0 0; padding:5px 8px; float:none; display:inline-block; width:63%; }
	button.elx_modsearch_btn, button.elx_modsearch_btn:hover, button.elx_modsearch_btn:focus { margin:0; padding:5px 8px; float:none; display:inline-block; width:33%; }
	/* horizontal top menu */
	.elx_menu li { display:block; width:100%; }
	.elx_menu li a { padding:10px 18px; border-top:1px solid #CCCCCC; display:block; color:#444444; }
	.elx_menu > li > a { margin:0; color:#272727; }
	.elx_menu li.menu_active > a { background:#3B8DD8; color: #FFFFFF; }
	.elx_menu > li.menu_active > a { background:#3B8DD8; color: #FFFFFF; }
	.elx_menu li:hover > a, .elx_menu ul li:hover > a { background:initial; color:initial; }
	.elx_menu li a:hover, .elx_menu ul li a:hover { background:#444444; color:#FFFFFF; }
	.elx_menu ul { display:block; margin:0; position:relative; top:0; left:0; width:100%; border:none; background:none; }
	.elx_menu ul li a {	background-color:initial; border-bottom: none; border-top:1px solid #CCCCCC; margin:0; padding:10px 18px; display:block; color:#444444; }
	.elx_menu > li > ul > li > a, .elx_menu > li > ul > li:hover > a { padding-left:40px; }
	.elx_menu > li > ul > li > ul > li > a, .elx_menu > li > ul > li > ul > li:hover > a { padding-left:70px; }
	.elx_menu ul ul { left:0; top:0; }
}