@import url(/joomla/cache/jsn_metro_pro/d380d1e7079324d8f05ad1219f4e2a91.css);
@import url(/joomla/cache/jsn_metro_pro/87c0aecc7131c9690bdc5a04fc28ac6f.css);
@import url(/joomla/cache/jsn_metro_pro/86f1af8fa26e8b4baed8dc4011481fa7.css);
@import url(/joomla/cache/jsn_metro_pro/69c1e6896641049172667bfe497738fe.css);
@import url(/joomla/cache/jsn_metro_pro/75e8875735973c0a8386be6585ac693f.css);

/* FILE: /templates/jsn_metro_pro/css/layouts/jsn_mobile.css */
/*** @author    JoomlaShine.com http://www.joomlashine.com* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.* @license   JoomlaShine.com Proprietary License*//************************************************************************************ mobile layout (240 - 960): common settings for both smartphone and tablet *************************************************************************************/ @media only screen and (max-width: 960px), (max-device-width: 960px) { body { font-size: 14px !important; -webkit-text-size-adjust: none; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } #jsn-master #jsn-page { width: auto; min-width: inherit; overflow: hidden !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jsn-header-top, #jsn-header-bottom-inner, #jsn-content, #jsn-content-top-over, #jsn-promo-inner, #jsn-content-top, #jsn-pos-content-top, #jsn-pos-promo_inner, #jsn-content-bottom-inner, #jsn-footer-inner { width: auto !important; margin: 0 10px 10px; } #jsn-promo-inner { margin-bottom: 0; } #jsn-header-top, #jsn-header-bottom-inner, #jsn-pos-content-top { margin: 0; } div.jsn-modulecontainer { margin-top: 10px; } /* =============== HEADER =============== */ #jsn-header-bottom.jsn-menu-sticky { position: inherit; } #jsn-header-bottom.jsn-menu-sticky #jsn-header-bottom-inner { width: auto; } #jsn-logo { margin-bottom: 10px; position: relative; left: 10px; float: none; } #jsn-logo #jsn-logo-mobile { display: block; margin: 0 auto; } #jsn-logo #jsn-logo-mobile + #jsn-logo-desktop { display: none; } body.jsn-direction-rtl #jsn-logo { left: auto; } #jsn-tool { right: 0; left: auto; } body.jsn-direction-rtl #jsn-tool { right: auto; left: 0; } /* =============== MAIN MENU =============== */ #jsn-menu { background: #000; width: 100%; display: inline-block; } #jsn-menu.jsn-menu-sticky { position: fixed; top: 0; width: 100%; background: none; background: #000; left: 0 !important; } .jsn-menu-sticky ul#jsn-sitetools-menu > li > ul{ opacity: 0; } .jsn-menu-sticky ul#jsn-sitetools-menu > li.active > ul{ opacity: 1; } .jsn-menu-sticky ul#jsn-sitetools-menu ul{ margin-right: 0; } #jsn-pos-mainmenu, body.jsn-direction-rtl #jsn-pos-mainmenu { float: none; } body.jsn-direction-rtl #jsn-pos-mainmenu { float: right; } #jsn-pos-mainmenu.jsn-hasMegamenu .jsn-modulecontainer {    display: block;} body:not(.jsn-desktop-on-mobile) #jsn-pos-mainmenu.jsn-hasMegamenu .jsn-megamenu {    display: none;} /* ----- MAIN TOGGLE ----- */ #jsn-menu .jsn-menu-toggle,#jsn-menu .jsn-menu-mobile-control { cursor: pointer; display: inline-block; line-height: 1.1em; } ul:not(.jsn-menu-mobile-slide) .jsn-menu-mobile-control {display: none;} #jsn-menu .jsn-modulecontent > .jsn-menu-toggle { background: #191919 url(/joomla/templates/jsn_metro_pro/images/icons/icon-toggle.png) center center no-repeat; height: 20px; width: 20px; padding: 17px; color: transparent; } #jsn-menu .jsn-menu-toggle.active { color: transparent; } #jsn-menu ul.jsn-menu-mobile:not(.jsn-menu-mobile-slide):not(.jsn-menu-mobile-push) { position: absolute; width: 100%; } #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile:not[class*="jsn-menu-mobile-"] { left: 0; } #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile:not[class*="jsn-menu-mobile-"] { right: 0; } #jsn-menu .jsn-modulecontent > .jsn-menu-toggle + ul:not(.jsn-menu-mobile-left):not(.jsn-menu-mobile-right) { display: none; } #jsn-menu .jsn-modulecontent > .jsn-menu-toggle + ul.jsn-menu-mobile:not(.jsn-menu-mobile-left):not(.jsn-menu-mobile-right) { display: block; } #jsn-menu ul .jsn-menu-toggle + ul {display: none;}#jsn-menu ul .jsn-menu-toggle + ul.jsn-menu-mobile {display: block;}#jsn-menu .jsn-modulecontent > .jsn-menu-toggle + ul[class*="jsn-menu-mobile-"] {display: none; /* change visibility => display for sticky menu*/overflow: auto;height: 100%;}#jsn-menu .jsn-modulecontent > .jsn-menu-toggle + ul.jsn-menu-mobile[class*="jsn-menu-mobile-"] {display: block;} #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover h3.jsn-moduletitle { background: none; } #jsn-menu div[class*="display-"][class*="icon-"].jsn-modulecontainer .jsn-modulecontainer_inner:hover h3.jsn-moduletitle span.jsn-moduleicon { background-image: url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni.png); } #jsn-menu div[class*="display-"][class*="icon-"].jsn-dropdown-active.jsn-modulecontainer .jsn-modulecontainer_inner:hover h3.jsn-moduletitle span.jsn-moduleicon { background-image: url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni-white.png); } #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle { font-size: 1.2em; cursor: pointer; } #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { color: #FFFFFF; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span { padding: 6px 10px 3px; } #jsn-menu #jsn-pos-mainmenu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { left: 0; } body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { right: 0; left: auto; } #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle > span { background: transparent; } #jsn-menu .jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle, #jsn-menu .jsn-modulecontainer .jsn-modulecontainer_inner:hover h3.jsn-moduletitle { border: none; } body.jsn-color-red #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #8E0033; } body.jsn-color-green #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #4C7703; } body.jsn-color-blue #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #10477E; } body.jsn-color-image #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #006DBC; } body.jsn-color-white #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #41A5D3; } body.jsn-color-violet #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { background: #65009A; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { top: 54px; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent { visibility: visible; display:none; opacity: 0; } #jsn-menu div.display-dropdown.jsn-dropdown-active.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent { display: block; opacity: 1; } body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile { right: 0; left: auto; } body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile { left: 0; right: auto; } body.jsn-direction-rtl #jsn-menu .jsn-menu-toggle + ul { right: 0; } /* ----- LEVEL 1 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li { float: none; width: auto; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li { border-top: 1px solid #444; border-bottom: 1px solid #111; border-right: none; border-left: none; margin: 0; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a, #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a:hover { border: none; background-color: #333; color: #DDD; text-decoration: none; padding: 10px 12px; background-size: 0 0; } div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a { margin: 0; } ul.menu-topmenu li { float: none; } #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu > li > a { text-align: left; } body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu > li > a { text-align: right; } div.jsn-modulecontainer ul.menu-iconmenu > li > a > i[class*="fa-"]{ display: inline-block !important; padding-right: 10px; padding-top: 0; height: auto !important; } div.jsn-modulecontainer ul.menu-mainmenu li > a > span{ display: inline-block; } div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a > span{ text-align: left; } div.jsn-modulecontainer ul.menu-iconmenu > li > a > i[class*="fa-"] + span{ padding-top: 0; display: inline-block; } #jsn-menu ul.menu-mainmenu.menu-iconmenu [class*="icon-"] > a > span, #jsn-menu div[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon { background-image: url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni-white.png); } #jsn-menu div.display-inline.jsn-modulecontainer { margin-top: 13px; } div.jsn-modulecontainer ul.menu-mainmenu > li > a { margin-top: 0; } div.jsn-modulecontainer ul.menu-mainmenu > li > a.current, div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a { background: none; } div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu.menu-richmenu > li { height: auto; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li { height: auto; } ul.menu-mainmenu.menu-iconmenu li[class*="jsn-icon-"] > a > span, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span > span { padding-top: 0px; text-align: left; padding-left: 38px; line-height: 28px; margin-top: 0; } div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a span.jsn-menutitle, div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a > span, div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a > span { line-height: 28px; } .menu-mainmenu.menu-iconmenu [class*="icon-"] > a > span { opacity: 1; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-article > a > span, #jsn-menu .jsn-icon-article h3.jsn-moduletitle span.jsn-moduleicon { background-position: left 0; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-calendar > a > span, #jsn-menu .jsn-icon-calendar h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -83px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-cart > a > span, #jsn-menu .jsn-icon-cart h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -168px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-comment > a > span, #jsn-menu .jsn-icon-comment h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -253px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-display > a > span, #jsn-menu .jsn-icon-display h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -338px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-download > a > span, #jsn-menu .jsn-icon-download h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -423px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-folder > a > span, #jsn-menu .jsn-icon-folder h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -511px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-help > a > span, #jsn-menu .jsn-icon-help h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -596px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-home > a > span, #jsn-menu .jsn-icon-home h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -682px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-image > a > span, #jsn-menu .jsn-icon-image h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -769px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-info > a > span, #jsn-menu .jsn-icon-info h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -856px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-mail > a > span, #jsn-menu .jsn-icon-mail h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -941px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-online > a > span, #jsn-menu .jsn-icon-online h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1026px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-rss > a > span, #jsn-menu .jsn-icon-rss h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1114px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-search > a > span, #jsn-menu .jsn-icon-search h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1199px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-selection > a > span, #jsn-menu .jsn-icon-selection h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1287px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-settings > a > span, #jsn-menu .jsn-icon-settings h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1370px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-star > a > span, #jsn-menu .jsn-icon-star h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1457px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-statistics > a > span, #jsn-menu .jsn-icon-statistics h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1544px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-user > a > span, #jsn-menu .jsn-icon-user h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1630px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-downarrow > a > span, #jsn-menu .jsn-icon-downarrow h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1712px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-monitor > a > span, #jsn-menu .jsn-icon-monitor h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1796px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-joomla > a > span, #jsn-menu .jsn-icon-joomla h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1890px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-window > a > span, #jsn-menu .jsn-icon-window h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -1991px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-mobile > a > span, #jsn-menu .jsn-icon-mobile h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -2094px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-doc > a > span, #jsn-menu .jsn-icon-doc h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -2201px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-mountain > a > span, #jsn-menu .jsn-icon-mountain h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -2294px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-chat > a > span, #jsn-menu .jsn-icon-chat h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -2386px; } .menu-mainmenu.menu-iconmenu > li.jsn-icon-clock > a > span, #jsn-menu .jsn-icon-clock h3.jsn-moduletitle span.jsn-moduleicon { background-position: left -2469px; } body.jsn-direction-rtl ul.menu-mainmenu.menu-iconmenu li[class*="jsn-icon-"] > a > span, body.jsn-direction-rtl #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span > span { text-align: right; padding-left: 0; padding-right: 32px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-article > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-article h3.jsn-moduletitle span.jsn-moduleicon { background-position: right 0; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-calendar > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-calendar h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -83px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-cart > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-cart h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -168px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-comment > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-comment h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -253px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-display > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-display h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -338px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-download > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-download h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -423px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-folder > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-folder h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -511px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-help > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-help h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -596px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-home > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-home h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -682px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-image > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-image h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -769px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-info > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-info h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -856px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-mail > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-mail h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -941px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-online > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-online h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1026px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-rss > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-rss h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1114px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-search > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-search h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1199px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-selection > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-selection h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1287px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-settings > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-settings h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1370px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-star > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-star h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1457px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-statistics > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-statistics h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1544px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-user > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-user h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1630px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-downarrow > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-downarrow h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1712px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-monitor > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-monitor h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1796px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-joomla > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-joomla h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1890px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-window > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-window h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -1991px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-mobile > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-mobile h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -2094px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-doc > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-doc h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -2201px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-mountain > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-mountain h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -2294px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-chat > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-chat h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -2386px; } body.jsn-direction-rtl .menu-mainmenu.menu-iconmenu > li.jsn-icon-clock > a > span, body.jsn-direction-rtl #jsn-menu .jsn-icon-clock h3.jsn-moduletitle span.jsn-moduleicon { background-position: right -2469px; } /* ----- ACTIVE STATE COLOR ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.active > a { color: #FFF; } body.jsn-color-red div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #8E0033 !important; } body.jsn-color-blue div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #10477E !important; } body.jsn-color-green div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #4C7703 !important; } body.jsn-color-violet div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #65009A !important; } body.jsn-color-white div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #41A5D3 !important; } body.jsn-color-image div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #006DBC !important; } /* ----- LEVEL 2 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul { width: auto; position: static; background-color: #444; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; margin: 0; padding: 0; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > .jsn-menu-mobile { padding: 5px 15px; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li { border: none; background: none; } #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a { border: none; background: none; color: #ccc; padding: 8px 0 8px 25px; background: url(/joomla/templates/jsn_metro_pro/images/icons/icons-base.png) left -330px no-repeat; } #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { text-align: left; } body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { text-align: right; } body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a, body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a { padding-left: 0; padding-right: 20px; background-position: right -331px; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { top: 0; padding: 0; margin: 0; width: 32px; height: 32px; cursor: pointer; position: absolute; background: rgba(0,0,0,0.3) url(/joomla/templates/jsn_metro_pro/images/icons/icon-toggle-expand.png) center center no-repeat; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#4c000000', EndColorStr='#4c000000'); } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle i {display: none;} #jsn-menu #jsn-pos-mainmenu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { right: 0; } #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { right: 0; } body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle, body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { left: 0; right: auto; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle.active { background-image: url(/joomla/templates/jsn_metro_pro/images/icons/icon-toggle-collapse.png); } body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { border: none; } /* ----- LEVEL 3 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li { margin-left: 20px; margin-right: 10px; } body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li { margin-left: 10px; margin-right: 20px; }/* =============== MOBILE SLIDE MENU =============== */#jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] {    width: 280px;    height: 100%;    top: 0;    z-index: 1000;    padding: 0;        background: #282828;    position: fixed;}#jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] .jsn-menu-mobile-control{    display: block !important;    border: none !important;    background: transparent !important;    text-align: center;    position: initial;     padding: 15px 10px 25px;}#jsn-menu .close-menu {    color: #fff;    margin: 10px 3px;    cursor: pointer;}#jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] .jsn-menu-mobile-control i[class*="fa-"] {    float: right;    font-size: 15px;    border: 2px solid #fff;    border-radius: 50%;    padding: 3px;    width: 15px;    vertical-align: middle;    color: #fff;}#jsn-menu ul.menu-mainmenu.jsn-menu-mobile-left {left: -280px;}#jsn-menu ul.menu-mainmenu.jsn-menu-mobile-right {right: -280px;}#jsn-menu span.active + ul.jsn-menu-mobile-left {    left: 0;}#jsn-menu span.active + ul.jsn-menu-mobile-right {    right: 0;}html,body {    overflow-x:hidden;}body.jsn-menu-mobile-push-left #jsn-topbar,body.jsn-menu-mobile-push-left #jsn-page {position: relative;left: 280px;}body.jsn-menu-mobile-push-right {position: relative;right: 280px;}#jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] {-webkit-transition: all .3s ease;    -moz-transition: all .3s ease;   -ms-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;}body {    -webkit-transition: margin-left .3s ease,margin-right .3s ease;    -moz-transition: margin-left .3s ease,margin-right .3s ease;    -ms-transition: margin-left .3s ease,margin-right .3s ease;    -o-transition: margin-left .3s ease,margin-right .3s ease;    transition: margin-left .3s ease,margin-right .3s ease;    }    #jsn-content-top {    overflow-x: hidden;    }#jsn-menu ul.menu-mainmenu.jsn-menu-mobile.jsn-menu-mobile-slide > li {border-top: none; }#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile-slide > li > a {background: transparent;padding: 10px 15px;font-size: 1em;}#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile-slide > li > a:hover {background: #222;}#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile.jsn-menu-mobile-slide ul {background-color: #222;}#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile-slide li span.jsn-menu-toggle {background-color: transparent;}div.jsn-modulecontainer ul.menu-mainmenu[class*="jsn-menu-mobile-"] li.jsn-submenu-flipback a {text-align: left;}#jsn-menu .jmoddiv.jmodinside{ /*fix default mobile menu when user log in*/        position: inherit;    }/* =============== MOBILE TOP MENU =============== */ul.menu-topmenu {margin: 8px 0 0;} /* =============== MOBILE SIDE MENU =============== */ body div.jsn-modulecontainer ul.menu-sidemenu ul { display: none; } /* ===============  SITETOOLS =============== */ #jsn-sitetoolspanel { display: none; position: absolute; top: -22px; } ul#jsn-sitetools-inline { height: 100%; } #jsn-sitetoolspanel.jsn-include-color { display: block; margin-left: -2px; } ul#jsn-sitetools-inline ul { margin-right: -152px; } ul#jsn-sitetools-menu ul, ul#jsn-sitetools-inline ul, ul#jsn-sitetools-inline > li > a, ul#jsn-sitetools-menu > li > a { border: none; } ul#jsn-sitetools-inline > li > a { display: block; } ul#jsn-sitetools-inline > li > a, ul#jsn-sitetools-menu > li > a { background: url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni-white.png) no-repeat 8px -1363px transparent; } ul#jsn-sitetools-inline > li.active > a, ul#jsn-sitetools-menu > li.active > a { background: #fff url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni.png) no-repeat 8px -1363px; } .jsn-direction-rtl ul#jsn-sitetools-inline ul { margin-left: -152px; margin-right: 0; } /* ===============  OTHER POSITIONS =============== */ div[id*="jsn-pos-stick-left"], div[id*="jsn-pos-stick-right"] { display: none; height: 0; } div.jsn-modulescontainer4 div.jsn-modulecontainer, div.grid-layout4 div.grid-col { width: 49%; } #jsn-content #jsn-content_inner, #jsn-content #jsn-content_inner3 { right: auto; } #jsn-content #jsn-content_inner1, #jsn-content #jsn-content_inner2 { left: auto; } div.jsn-hasinnerleft #mainbody-content-inner1, div.jsn-hasinnerright #mainbody-content-inner1 { border: none; } div.jsn-hasright #jsn-maincontent_inner { margin: 0; } #jsn-content #jsn-maincontent { float: none; left: auto; right: auto; width: 100%; display: inline-block; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6[class*="order"] > div { margin: 0; } #mainbody-content-inner { width: 100% !important; left: auto !important; margin-left: 0; } #jsn-pos-mainbody-bottom .jsn-modulecontainer { width: 100% !important; } div.jsn-hasleft #jsn-maincontent_inner, div.jsn-hasright #jsn-maincontent_inner, div.jsn-hasinnerleft #mainbody-content-inner4, div.jsn-hasinnerright #mainbody-content-inner4 { margin: 0; } #jsn-content.jsn-hasleft #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner, #jsn-content.jsn-hasright .order2 #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner { margin-left: 0; } #jsn-content.jsn-hasright #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order1 #jsn-maincontent_inner { margin-right: 0; } #jsn-content #jsn-pos-innerleft, #jsn-content #jsn-pos-innerright { width: 100%; left: auto; margin-left: 0; } #jsn-content #jsn-leftsidecontent, #jsn-content #jsn-rightsidecontent { width: 100%; left: auto; margin-left: 0; } div#jsn-content.jsn-hasleft #jsn-rightsidecontent, div#jsn-content.jsn-hasright #jsn-leftsidecontent { width: 49.95%; } div.jsn-pagination-container { padding: 10px 0; } ul.jsn-pagination li { display: block; margin: 0 0 10px 0; } ul.jsn-pagination li.navigation-page { display: inline-block; margin: 0 0 10px 0; } #jsn-leftsidecontent div.jsn-modulecontainer, #jsn-pos-innerleft div.jsn-modulecontainer, #jsn-rightsidecontent div.jsn-modulecontainer, #jsn-pos-innerright div.jsn-modulecontainer { margin-right: 0; margin-left: 0; } #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner { margin: 0; } #jsn-content.jsn-hasleft #jsn-rightsidecontent #jsn-rightsidecontent_inner { margin-left: 10px; } #jsn-content.jsn-hasright #jsn-leftsidecontent #jsn-leftsidecontent_inner { margin-right: 10px; } #jsn-pos-content-bottom, #jsn-usermodules3, #jsn-footermodules { width: auto; padding: 0; } #jsn-footermodules { padding: 10px 0; } #jsn-content-bottom .jsn-modulecontainer_inner { margin: 10px !important; } div#jsn-pos-breadcrumbs.display-mobile, div.jsn-modulecontainer.display-mobile { display: block; } div#jsn-pos-breadcrumbs.display-desktop, div.jsn-modulecontainer.display-desktop { display: none; } /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */ /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */ /* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */ .jsn-mailling-form { text-align: center; } .jsn-mailling-form p { text-align: left; } .jsn-mailling-form #contact_name, .jsn-mailling-form #contact_email, .jsn-mailling-form #contact_subject, .jsn-mailling-form #contact_text { width: 100%; padding: 3px 0; } /* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */ div.com-search #searchForm .search-phrase { margin-left: 0; } div.com-search #searchForm .search-keyword label, div.com-search #searchForm .search-ordering label, div.com-search #searchForm .search-field-title { float: none; display: inline; text-align: left; padding-bottom: 3px; } div.com-search #searchForm .search-keyword-result .search-field-title { display: inline; } div.com-search #searchForm .search-range label, div.com-search #searchForm  .search-range .search-field-title { float: left; } body.jsn-direction-rtl div.com-search #searchForm .search-range label, body.jsn-direction-rtl div.com-search #searchForm .search-range .search-field-title { float: right; } #jsn-mobileswitch, #jsn-desktopswitch { position: static; float: right; margin: 5px 40px 0 40px; } #jsn-mobileswitch a, #jsn-desktopswitch a { background-color: transparent; background-image:url(/joomla/templates/jsn_metro_pro/images/icons/icons-uni-white.png); } body.jsn-homepage #jsn-content.jsn-hasright #jsn-maincontent_inner { margin-right: 0 !important; } #jsn-pos-mainmenu { margin-top: 0; } ul#jsn-sitetools-inline > li > a, ul#jsn-sitetools-menu > li > a { top: 25px; } }@media only screen and (max-width: 767px), (max-device-width: 767px) {#jsn-pos-mainmenu.jsn-hasMegamenu .jsn-modulecontainer {display: block;}body:not(.jsn-desktop-on-mobile) #jsn-pos-mainmenu.jsn-hasMegamenu .jsn-tpl-megamenu-container {display: none;}}/************************************************************************************smartphone layout (320 - 480): everything is layout in single column*************************************************************************************/@media only screen and (max-width: 480px), (max-device-width: 480px) {#jsn-header {margin-top: 0;}#jsn-logo #jsn-logo-mobile {display: block;}#jsn-logo #jsn-logo-mobile + #jsn-logo-desktop {display: none;}#jsn-logo {width: 100%;padding-top: 10px;text-align: center;}#jsn-logo a {float: none;margin: 0 10px 10px;}#jsn-headerright {clear: both;float: none;}#jsn-headerright #jsn-pos-top {float: none;text-align: center;padding: 0;}#jsn-headerright #jsn-pos-top div.jsn-modulecontainer {float: none;left: auto;width: 100%;}div#jsn-pos-breadcrumbs.display-tablet,div.jsn-modulecontainer.display-tablet {display: none;}div#jsn-pos-breadcrumbs.display-smartphone,div.jsn-modulecontainer.display-smartphone {display: block;}div.jsn-horizontallayout div.jsn-modulecontainer:first-child {margin-top: 0;}#jsn-menu {padding-top: 0;}ul#jsn-sitetools-menu{margin-top: 6px;}.jsn-menu-sticky ul#jsn-sitetools-menu > li > a{float: right;}ul#jsn-sitetools-menu ul li{margin-right: -1px;}ul#jsn-sitetools-inline ul li.jsn-color1,ul#jsn-sitetools-inline ul li.jsn-color2,ul#jsn-sitetools-inline ul li.jsn-color3ul#jsn-sitetools-menu ul li.jsn-color1,ul#jsn-sitetools-menu ul li.jsn-color2,ul#jsn-sitetools-menu ul li.jsn-color3,{min-height: 32px;margin-right: -1px;}ul#jsn-sitetools-menu ul li.jsn-color4,ul#jsn-sitetools-menu ul li.jsn-color5,ul#jsn-sitetools-menu ul li.jsn-color6{margin-top: 12px;}ul#jsn-sitetools-inline ul{padding: 15px 0 0 1px;}#jsn-pos-mainmenu{margin-top: 0px;}#jsn-promo div[id*="jsn-pos-promo"] {float: none;left: auto;width: 100% !important;margin-bottom: 10px;margin-left: 0;}#jsn-promo #jsn-pos-promo-right {margin-bottom: 0;}#jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner {margin: 0 0 10px 0 !important;}div#jsn-content.jsn-hasleft #jsn-rightsidecontent,div#jsn-content.jsn-hasright #jsn-leftsidecontent {width: 100%;}div#jsn-content.jsn-hasright #jsn-leftsidecontent {margin-bottom: 10px;}div#jsn-content #jsn-rightsidecontent #jsn-rightsidecontent_inner,div#jsn-content #jsn-leftsidecontent #jsn-leftsidecontent_inner {margin: 0 !important;}#jsn-pos-content-bottom .jsn-modulecontainer .jsn-modulecontainer_inner,#jsn-usermodules3 .jsn-modulecontainer .jsn-modulecontainer_inner {margin: 10px !important;}#jsn-pos-content-bottom .jsn-modulecontainer:first-child .jsn-modulecontainer_inner {margin-bottom: 0 !important;}div.jsn-modulescontainer div[class*="solid-"],div.jsn-modulescontainer div[class*="box-"],div.jsn-modulescontainer2 div.jsn-modulecontainer {width: 100%;}div#jsn-content.jsn-hasright #jsn-content_inner2 {background: none;}div#jsn-content.jsn-hasleft #jsn-content_inner {background: none;}div.jsn-modulescontainer2 div.jsn-modulecontainer,div.jsn-modulescontainer3 div.jsn-modulecontainer,div.jsn-modulescontainer4 div.jsn-modulecontainer,div.jsn-modulescontainer5 div.jsn-modulecontainer,div.jsn-modulescontainer6 div.jsn-modulecontainer,[id^=jsn-pos-user],#jsn-pos-footer,#jsn-pos-bottom {float: none !important;width: 100% !important;}#jsn-pos-user1 + #jsn-pos-user2,#jsn-pos-user3 + #jsn-pos-user4 {margin-top: 15px;}#jsn-pos-user5,#jsn-pos-user6,#jsn-pos-user7 {margin: 0;margin-top: 15px;}div.jsn-horizontallayout div.jsn-modulecontainer:first-child,#jsn-usermodules3 > div:first-child {margin-top: 0;}#jsn-pos-bottom {text-align: left;}#jsn-content-bottom div.jsn-modulecontainer {padding: 1px 0;}div[class*="grid-layout"] div.grid-col {width: 100%;}div.grid-layout div.grid-col div.grid-col_inner {margin-right: 0;}body.jsn-direction-rtl div.grid-layout div.grid-col div.grid-col_inner {margin-left: 0;}/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== *//* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== *//* ----- ARTICLE DETAILS ----- */p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {word-wrap: break-word;}/* ----- SECTION / CATEGORY BLOG LAYOUT ----- *//* ARTICLE COLUMN CONTAINER */.jsn-articlecols {float: none;width: 100% !important;}.jsn-articlecols .jsn-article {padding: 0;}/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */.com-newsfeed table.jsn-infotable td.jsn-table-column-links,.com-newsfeed legend.hidelabeltxt {display: none;}.com-newsfeed div.display-limit {float: right;}.com-newsfeed table.category {width: 100%;border: none;border-collapse: collapse;}.com-newsfeed table.category thead th {padding: 10px;}.com-newsfeed table.category thead .item-title {text-align: left;}.com-newsfeed table.category thead {background-color: #999;text-shadow: 0 1px 0 rgba(0,0,0,0.5) ;}.com-newsfeed table.category thead th a {color: #FFF;}.com-newsfeed table.category .item-num-art {text-align: center;}.com-newsfeed table.category .item-link {display: none;}.com-newsfeed table.category tbody td {padding: 10px 5px;border-bottom: 1px solid #CCC;}.jsn-joomla-30 .com-newsfeed ul.category li {float: left;width: 100%;}.jsn-joomla-30 .com-newsfeed div.display-limit {float: none;}/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */.com-contact table.jsn-infotable td.jsn-table-column-country,.com-contact table.jsn-infotable td.jsn-table-column-state,.com-contact table.jsn-infotable td.jsn-table-column-suburb,.com-contact table.jsn-infotable td.jsn-table-column-position {display: none;}/* =============== JOOMLA! EXTENSIONS - COM_USER =============== *//* ----- USER FORM LAYOUT ----- */div.com-user div.default-login {width: 90%;}div.com-user div.default-login .login-fields input {display: block;width: 95%;}/* =============== OVERRIDE CUSTOM CSS =============== */.jsn-homepage #jsn-article-demo {text-align: center;height: auto;padding-top: 15px;}.jsn-homepage #jsn-article-demo img {float: none;}.jsn-homepage #jsn-article-demo .demo-caption {float: none;width: 100%;}#jsn-article-demo a.readmore {margin: 10px 15px 15px 0 !important;}p.text-tip img {display:  none;}#jsn-social-icons ul li:nth-child(4n+1) {margin-left: 10px !important;}}/************************************************************************************ tablet wide layout (481 - 960): arrange modules in 3 columns and 1 side bar *************************************************************************************/ @media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) { #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-left, #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-right, #jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent, #jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent, #jsn-content.jsn-hasinnerright #jsn-pos-innerleft, #jsn-content.jsn-hasinnerleft #jsn-pos-innerright { width: 49.95%; float: left; } #jsn-maincontent, #jsn-leftsidecontent, #jsn-rightsidecontent, #jsn-pos-innerleft, #jsn-pos-innerright { margin: 0; } #jsn-maincontent { padding: 0 !important; } #jsn-pos-promo-left[class*="order"] div.jsn-modulecontainer, #jsn-pos-promo-right[class*="order"] div.jsn-modulecontainer { margin: 20px 10px; } #jsn-leftsidecontent div.jsn-modulecontainer, #jsn-rightsidecontent div.jsn-modulecontainer { margin-top: 20px; } #jsn-leftsidecontent div.jsn-modulecontainer:first-child, #jsn-rightsidecontent div.jsn-modulecontainer:first-child { margin-top: 0; } #jsn-pos-content-top, #jsn-pos-content-bottom, #jsn-pos-user-top, #jsn-pos-user-bottom, #jsn-pos-mainbody-top, #jsn-pos-mainbody-bottom { padding-top: 0 !important; } div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone { display: none; } div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet { display: block; } body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer:first-child + div.jsn-modulecontainer div.jsn-modulecontainer_inner, body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer:first-child + div.jsn-modulecontainer + div.jsn-modulecontainer + div.jsn-modulecontainer div.jsn-modulecontainer_inner { margin-right: 0; } div.grid-layout4 div.grid-col, div.grid-layout5 div.grid-col, div.grid-layout6 div.grid-col { width: 33.3%; } #jsn-content #jsn-content_inner, #jsn-content #jsn-content_inner3 { right: auto; } #jsn-content #jsn-content_inner1, #jsn-content #jsn-content_inner2 { left: auto; } #jsn-content #jsn-maincontent { float: none; left: auto; width: 100%; display: inline-block; } #jsn-content #jsn-centercol { width: 100%; left: auto; } #jsn-content.jsn-hasinnerleft.jsn-hasinnerright #jsn-pos-innerleft { float: left; width: 49.95%; } #jsn-content.jsn-hasinnerleft.jsn-hasinnerright #jsn-pos-innerright { float: right; width: 49.95%; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent { float: left; width: 49.95%; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent { float: right; width: 49.95%; } div#jsn-content.jsn-hasright #jsn-content_inner2 { background: transparent; } div#jsn-content.jsn-hasleft #jsn-content_inner { background: transparent; } div.jsn-modulescontainer3 div.jsn-modulecontainer, div.jsn-modulescontainer3.jsn-horizontallayout div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user5, div.jsn-modulescontainer3 #jsn-pos-user6, div.jsn-modulescontainer3 #jsn-pos-user7 { width: 49.95%; } div.jsn-modulescontainer3 #jsn-pos-user5 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user6 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user7 div.jsn-modulecontainer { width: 100%; } #jsn-pos-content-top .span2, #jsn-pos-content-top .span3, #jsn-pos-content-top .span4, #jsn-pos-content-bottom .span2, #jsn-pos-content-bottom .span3, #jsn-pos-content-bottom .span4, #jsn-pos-user-top .span2, #jsn-pos-user-top .span3, #jsn-pos-user-top .span4, #jsn-pos-user-bottom .span2, #jsn-pos-user-bottom .span3, #jsn-pos-user-bottom .span4, #jsn-usermodules3 .span2, #jsn-usermodules3 .span3, #jsn-usermodules3 .span4, #jsn-pos-mainbody-top .span2, #jsn-pos-mainbody-top .span3, #jsn-pos-mainbody-top .span4, #jsn-pos-mainbody-bottom .span2, #jsn-pos-mainbody-bottom .span3, #jsn-pos-mainbody-bottom .span4 { width: 31.491712707182323%; float: left; } #jsn-pos-content-top .span2:nth-child(4), #jsn-pos-content-bottom .span2:nth-child(4), #jsn-pos-content-bottom .span3:nth-child(4), #jsn-pos-user-top .span2:nth-child(4), #jsn-pos-user-top .span3:nth-child(4), #jsn-pos-user-bototm .span2:nth-child(4), #jsn-pos-user-bottom .span3:nth-child(4), #jsn-usermodules3 .span2:nth-child(4), #jsn-usermodules3 .span3:nth-child(4), #jsn-pos-mainbody-top .span2:nth-child(4), #jsn-pos-mainbody-top .span3:nth-child(4), #jsn-pos-mainbody-bottom .span2:nth-child(4), #jsn-pos-mainbody-bottom .span3:nth-child(4) { margin-left: 0; } #jsn-pos-content-top .span3 { width: 49.5%; margin-left: 0; } #jsn-pos-content-top .span3:nth-child(2), #jsn-pos-content-top .span3:nth-child(4) { float: right; } }/************************************************************************************ samsung s3 narrow layout (720): arrange modules in 2 columns *************************************************************************************/ @media only screen and (min-width: 719px) and (max-width: 721px), (min-device-width: 719px) and (max-device-width: 721px) and (orientation:portrait) { #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-left, #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-right, #jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent, #jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent, #jsn-content.jsn-hasinnerright #jsn-pos-innerleft, #jsn-content.jsn-hasinnerleft #jsn-pos-innerright { width: 100%; float: none; } }/************************************************************************************ tablet narrow layout (481 - 767): arrange modules in 2 columns and 1 side bar *************************************************************************************/ @media only screen and (min-width: 481px) and (max-width: 768px), (min-device-width: 481px) and (max-device-width: 768px) and (orientation:portrait) { #jsn-pos-content-top [class*="span"], #jsn-pos-content-bottom [class*="span"], #jsn-pos-user-top [class*="span"], #jsn-pos-user-bottom [class*="span"], #jsn-pos-mainbody-top [class*="span"], #jsn-pos-mainbody-bottom [class*="span"], #jsn-usermodules1 [class*="span"], #jsn-usermodules2 [class*="span"], #jsn-usermodules3 [class*="span"] { width: 48.93617021276595%; margin-left: 0; float: left; } .jsn-horizontallayout .span12, #jsn-usermodules1 .span12, #jsn-usermodules2 .span12, #jsn-usermodules3 .span12 { width: 100% !important; } #jsn-pos-content-top [class*="span"]:nth-child(2), #jsn-pos-content-top [class*="span"]:nth-child(4), #jsn-pos-content-top [class*="span"]:nth-child(6), #jsn-pos-content-bottom [class*="span"]:nth-child(2), #jsn-pos-content-bottom [class*="span"]:nth-child(4), #jsn-pos-content-bottom [class*="span"]:nth-child(6), #jsn-pos-user-top [class*="span"]:nth-child(2), #jsn-pos-user-top [class*="span"]:nth-child(4), #jsn-pos-user-top [class*="span"]:nth-child(6), #jsn-pos-user-bottom [class*="span"]:nth-child(2), #jsn-pos-user-bottom [class*="span"]:nth-child(4), #jsn-pos-user-bottom [class*="span"]:nth-child(6), #jsn-pos-mainbody-top [class*="span"]:nth-child(2), #jsn-pos-mainbody-top [class*="span"]:nth-child(4), #jsn-pos-mainbody-top [class*="span"]:nth-child(6), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(2), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(4), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(6), #jsn-usermodules1 [class*="span"]:nth-child(2), #jsn-usermodules2 [class*="span"]:nth-child(2), #jsn-usermodules3 [class*="span"]:nth-child(2), #jsn-footermodules [class*="span"]:nth-child(2) { margin-left: 2.127659574468085%; } #jsn-usermodules3.jsn-modulescontainer3 .span4:last-child { margin-top: 20px; } /* =============== OVERRIDE CUSTOM CSS =============== */ .jsn-homepage #jsn-article-demo { text-align: center; height: auto; padding-top: 15px; } .jsn-homepage #jsn-article-demo img { float: none; } .jsn-homepage #jsn-article-demo .demo-caption { float: none; width: 100%; } #jsn-article-demo a.readmore { margin: 10px 15px 15px 0 !important; } #jsn-pos-mainmenu {    margin-top: 0px;} }

/* FILE: /templates/jsn_metro_pro/css/custom.css */
/*-----GENERAL LAYOUT-----*/body.jsn-homepage #jsn-mainbody-content {background:none;border:none;padding:0;}body.jsn-homepage #jsn-mainbody {padding: 0;}/*======== RIGHT MODULE =========*/.jsn-homepage #jsn-rightsidecontent.span4 {margin-left: 1.83%;}#jsn-content .custom .jsn-modulecontent {padding: 0;}#jsn-content #jsn-rightsidecontent div.jsn-modulecontainer.custom div.jsn-modulecontainer_inner {background: none;border: none;}.col-left {float: left;width: 65.7%;}.col-right {float: right;width: 31%;}#time img {float: left;}#time {text-align: right;font-size: 16px;text-align: right;padding: 21px 21px 22px;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;margin-bottom: 10px;color: #fefefe;background-image:-moz-linear-gradient(2% 98% 21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-webkit-gradient(linear,2% 98%,100% 1%,color-stop(0, rgb(123,0,70)),color-stop(1, rgb(157,0,89)));background-image:-webkit-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-o-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-ms-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7b0046,endColorstr=#ff9d0059,GradientType=1)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7b0046,endColorstr=#ff9d0059,GradientType=1);}#time span {font-size: 22px;display: block;}body.jsn-homepage #jsn-mainbody-content.jsn-hasmainbody {background: none;border: none;}div.galery {position: relative;overflow: hidden;}div.galery .caption {background: rgba(0,0,0,0.4);color: #fff;bottom: -150px;height: 70px;left: 0;width: 100%;display: inline-block;position: absolute;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}div.galery .caption h3 {line-height: 1.2;margin-top: 8px;}div.galery .caption h3,div.galery .caption p {padding: 0 15px;color: #fff;}div.galery:hover .caption {bottom: 0;}/*======== CONTENT =========*/body.jsn-homepage #jsn-pos-content-top,body.jsn-homepage #jsn-pos-content-top .jsn-modulecontainer {background: none;}body.jsn-homepage #jsn-pos-content-top div.jsn-modulecontent {padding: 0;}body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner {text-align: center;margin: 5px 0;}body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer:first-child + div + div + div div.jsn-modulecontainer_inner {margin-right: 0;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a {height:140px;display:block;text-align:center;position:inherit;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a:hover {text-decoration: none;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a img {display:inline-block;margin: 30px 0 0;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p span {display:block;text-align:left;position:absolute;bottom: 20px;padding: 0 15px;float:left;color:#FFF;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-user:hover {background:#1e63a2;border:1px solid #2b85d7;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-weather:hover {background:#7ea300;border:1px solid #9cca00;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-setting:hover {background:#e89e00;border:1px solid #ffc600;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-support:hover {background:#0096a9;border:1px solid #00b5cc;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner:hover img {margin: 30px 0 0px -30px;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner:hover span {padding-left:35px}body.jsn-homepage #jsn-content.jsn-hasright #jsn-maincontent_inner {margin-right: -8px;}#jsn-article-demo {width: 100%;position: relative;overflow: hidden;background:#243b4a;height:320px;overflow:hidden;}#jsn-article-demo img {float:left;}#jsn-article-demo .demo-caption {width: 310px;float: left;padding: 10px 0;color: #fefefe;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;}#jsn-article-demo a {text-decoration:none;}#jsn-article-demo:hover .demo-caption {bottom: 0}#jsn-article-demo .demo-caption h2,#jsn-article-demo .demo-caption p {padding: 0 10px 0 20px;margin: 5px 0 0;}#jsn-article-demo a {color: #fff;}#jsn-article-demo a.readmore {background: url(/joomla/templates/jsn_metro_pro/images/icons/narrow8.png) top left no-repeat;height: 35px;width: 35px;display: inline-block;    text-indent: -999em;float: right;margin: 20px 20px 0 0;}body.jsn-direction-rtl #jsn-article-demo a.readmore {left: 16px;right: auto;background-position: 0 -104px;}/**SLIDER**/body.jsn-homepage #jsn-promo-inner,body.jsn-homepage #jsn-promo-inner div.jsn-modulecontainer,body.jsn-homepage #jsn-pos-content-top,body.jsn-homepage .label_skitter,body.jsn-homepage .box_skitter {background:none !important;}body.jsn-homepage .jsn-themeslider-caption-title,body.jsn-homepage .jsn-themeslider-caption-description {display:inline-block;}body.jsn-homepage .jsn-gallery .container_skitter .label_skitter {float: left;width: 40% !important;max-width: 50%;background: none;top: 10%;left: 0;opacity: 1;filter: alpha(opacity=100);}body.jsn-homepage .box_skitter .next_button {right:0;}body.jsn-homepage .box_skitter .prev_button {left:0;}body.jsn-homepage .box_skitter .info_slide_dots {background: none !important;}body.jsn-homepage .box_skitter .info_slide_dots .image_number {width: 15px !important;height: 15px !important;}/************************************************************************************ mobile layout (240 - 1023): common settings for both smartphone and tablet*************************************************************************************/@media only screen and (max-width: 960px), (max-device-width: 960px) {#jsn-article-demo {width: 100%;position: relative;}}/************************************************************************************ tablet layout (481 - 1023): arrange modules in 2 columns and 1 side bar*************************************************************************************/@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {#jsn-article-demo .demo-caption {width: 48%;}.col-left,.col-right {width: 49%;}.jsn-desktop .col-left{width: 65.7%;}.jsn-desktop .col-right {width:31%;}.tiles .live-tile {margin-right: 10px;}}/************************************************************************************smartphone layout (320 - 480): everything is layout in single column*************************************************************************************/@media only screen and (max-width: 480px), (max-device-width: 480px) {div.galery {width: auto;height: auto;}.col-left {max-width: 60%;margin-right: 10px;}.col-right {margin-right: 8px;}#jsn-article-demo .demo-caption {width: 290px;}body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 45%;}div.galery img {max-width: 100%;}#jsn-article-demo {height: auto;}body.jsn-homepage .label_skitter p.jsn-themeslider-caption-title,body.jsn-homepage .label_skitter p.jsn-themeslider-caption-description {font-size: 12px !important;}body.jsn-homepage .jsn-gallery .container_skitter .label_skitter {max-width: 100%;width: 100% !important;}body.jsn-homepage .label_skitter p {font-size: 14px;}}@media only screen and (min-width: 719px) and (max-width: 960px), (min-device-width: 719px) and (max-device-width: 960px) and (orientation:portrait) {body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 43%;}}@media only screen and (min-width: 721px) and (max-width: 960px), (min-device-width: 721px) and (max-device-width: 960px) and (orientation:portrait) {body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 44%;padding: 0;}}/*fix bug k2*/.kprofileboxcnt {color: #000;}.jsn-com-mijoshop #mijoshop .dropdown-menu li a {text-align: left;}

/* FILE: /media/system/css/modal.css */
/** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, * centered and animated box. * * @version1.3 * * @licenseMIT-style license * @authorHarald Kirschner <mail [at] digitarald.de> * @authorRouven Weßling <me [at] rouvenwessling.de> * @copyrightAuthor */#sbox-overlay {position: fixed;background-color: #000;left: 0px;top: 0px;}#sbox-window {position: absolute;background-color: #fff;text-align: left;overflow: visible;padding: 10px;/* invalid values, but looks smoother! */-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}#sbox-window[aria-hidden=true],#sbox-overlay[aria-hidden=true] {display: none;}#sbox-btn-close {position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;background: url(/joomla/media/system/images/modal/closebox.png) no-repeat center;border: none;}.sbox-loading #sbox-content {background-image: url(/joomla/media/system/images/modal/spinner.gif);background-repeat: no-repeat;background-position: center;}#sbox-content {clear: both;overflow: auto;background-color: #fff;height: 100%;width: 100%;}.sbox-content-image#sbox-content {overflow: visible;}#sbox-image {display: block;}.sbox-content-image img {display: block;width: 100%;height: 100%;}.sbox-content-iframe#sbox-content {overflow: visible;}/* Hides scrollbars */.body-overlayed {overflow: hidden;}/* Hides flash (Firefox problem) and selects (IE) */.body-overlayed embed, .body-overlayed object, .body-overlayed select {visibility: hidden;}#sbox-window embed, #sbox-window object, #sbox-window select {visibility: visible;}/* Shadows */#sbox-window.shadow {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);}.sbox-bg {position: absolute;width: 33px;height: 40px;}.sbox-bg-n {left: 0;top: -40px;width: 100%;background: url(/joomla/media/system/images/modal/bg_n.png) repeat-x;}.sbox-bg-ne {right: -33px;top: -40px;background: url(/joomla/media/system/images/modal/bg_ne.png) no-repeat;}.sbox-bg-e {right: -33px;top: 0;height: 100%;background: url(/joomla/media/system/images/modal/bg_e.png) repeat-y;}.sbox-bg-se {right: -33px;bottom: -40px;background: url(/joomla/media/system/images/modal/bg_se.png) no-repeat;}.sbox-bg-s {left: 0;bottom: -40px;width: 100%;background: url(/joomla/media/system/images/modal/bg_s.png) repeat-x;}.sbox-bg-sw {left: -33px;bottom: -40px;background: url(/joomla/media/system/images/modal/bg_sw.png) no-repeat;}.sbox-bg-w {left: -33px;top: 0;height: 100%;background: url(/joomla/media/system/images/modal/bg_w.png) repeat-y;}.sbox-bg-nw {left: -33px;top: -40px;background: url(/joomla/media/system/images/modal/bg_nw.png) no-repeat;}@media (max-width: 979px) {#sbox-btn-close {right: -10px;top: -10px;}}@media (max-device-width: 979px) {#sbox-content {-webkit-overflow-scrolling: touch;}#sbox-content.sbox-content-iframe {overflow: scroll;-webkit-overflow-scrolling: touch;}}

/* FILE: /media/plg_system_eprivacy/css/definitions.min.css */
.cookietable{position:relative;margin-top:10px;width:100%;height:200px;display:block;clear:both;float:left;overflow:scroll}.cookietable table{border-collapse:collapse;margin:0 auto}.cookietable tr:nth-of-type(odd){background:#eee}.cookietable td,.cookietable th{padding:10px;border:1px solid #ccc;text-align:left}.cookietable th{position:sticky;top:0;background:#555;color:#fff;font-weight:700}.cookietable td{color:#000}