/*******************************************************************************************
TFJ YATA PREMIUM Joomla! 3 Responsive Template - August 2014
Package tpl-tfj-yata-premium-rwd-j3.zip
Version 3.0
PREMIUM VERSION!
Only in Premium Version Full Quickstart Instalation Package and footer link remove option.
What is quickstart package?
"Quickstart Package" is a TFJ YATA PREMIUM Template + Joomla 3 + all content, all modules, all components and settings used in demo site.
How to install Quickstart package?
Quickstart Package install exactly the same as a normal Joomla! installation package. (To get know more about technical requirements to run Joomla! please  /*      visit: Joomla technical requirements).
TEMPLATE FEATURES
TFJ ONE Responsive Joomla! 3 template is based on the Bootstrap Framework. The Bootstrap Framework makes it fully responsive to all screen resolutions and aspect ratios.
Joomla 3 compatible.
Based on Bootstrap.
Responsive Mobile-Friendly template for Joomla 3. A responsive layout automatically adapts to the viewing device, allowing for an optimized appearance on multiple devices, such as tablets.
Template Bundle Package.
CSS Superfish multi level dropdown menu (Only in Premium Version).
Responsive Menu.
Fully responsive jQuery slider.
Gallery plugin and modules.
Tableless design and 100% CSS based.
Lightweight and fast-loading.
Logo as Text or Image with configuration parameters.
Built-in 672 Google Fonts! (Only in Premium Version).
FlexSlider - an awesome, fully responsive jQuery slider! (Only in Premium Version).
Built-in social media icons for the popular social networking sites including Twitter, Facebook, Google Plus, Youtube, LinkedIn and more... (Only in Premium Version).
FlexSlider - an awesome, fully responsive jQuery slider! (Only in Premium Version).
4 layout options: 3 columns (left+component+right), 2 columns (left+component), 2 columns (component + right), 1 column (component).
12 Possible Module Positions. All module positions are fully collapsible
Support for Sitemap - Xmap component.
Custom 404 error page and offline message page.
Cross-Browser Support - TFJ ONE template work great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 9+.
SEF Optimised Layout.
Heading: h1, h2, h3, h4 and h5.
Optimized code for Search Engines which helps in SEO.
SEO Breadcrumbs with Microdata Google - this will give a nice category-display in the Google search results. (Only in Premium Version).
Full quickstart installation package for Joomla 3.3.3 (Only in Premium Version).
What is quickstart package? - "Quickstart Package" is a TFJ ONE Template + Joomla 3 + all content, all modules, all components and settings used in demo site.
How to install Quickstart package?
Quickstart Package install exactly the same as a normal Joomla! installation package. (To get know more about technical requirements to run Joomla! please visit: Joomla technical requirements).
Quickstart Package Extra Extensions (Components, Modules, Plugin) Included. (Only in Premium Version).
Automatic Slideshow. FlexSlider - an awesome, fully responsive jQuery slider. Supported in all major browsers. Horizontal/vertical slide and fade animations.  Hardware accelerated touch swipe support. Custom navigation options. (Only in Premium Version TFJ ONE Joomla! 3 Template).
Gallery plugin & module - Sigplus Gallery (Sigplus Image Gallery Plus is a straightforward way to add image or photo galleries to a Joomla article with a simple syntax. It takes a matter of minutes to set up a gallery but those who are looking for a powerful gallery solution will not be disappointed either: sigplus is suitable for both beginner and advanced users. (Only in quickstart package Premium Version).
Xmap - the best sitemap component. (Only in quickstart package Premium Version).
JCE editor - the best WYSiWYG editor. (Only in quickstart package Premium Version).
Extra SEO SEF plugins automatically generates description meta tags by pulling text from the content to help with SEO. It also gives you the ability to set different title configurations. (Only in quickstart package Premium Version).
Extra Cache plugin. (Only in quickstart package Premium Version).
And more...
More information on http://templatesforjoomla.eu
*******************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: 0; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
 table { border-collapse: collapse; border-spacing: 0; }
/* Main Layout */
html { height: 100%; }
body { color: #333; font: normal 13px/1.8em Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; margin: 0; padding: 0; }
.background, #error, .contentpane{ margin: 0; padding: 0; position: absolute; width: 100%; }
h1,h2,h3,h4,h5,h6,legend { color: #000; font-weight: 700; margin: 0 !important; padding: 0 0 10px 0; text-shadow: 0 1px 1px #c9c9c9; }
legend { border-bottom: 1px solid #e5e5e5; border-bottom: none!important; color: #f96150!important; font-size: 15px!important; }
.componentheading { font-size: 24px; line-height: 30px; margin: 0; padding: 0 0 15px 0; }
h1{ font-size: 35px; line-height: 35px; }
h2 { font-size: 30px; line-height: 30px; }
h3 { font-size: 25px; line-height: 25px; }
h4,h5,h6 { font-size: 20px; line-height: 20px; }
a, a.visited{ color: #f96150; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
a:hover { color: #f96150; text-decoration: underline; }
ul { margin: 0 0 0 15px; }
p { margin-bottom: 10px; margin-top: 0; }
blockquote{ background-color: #fff; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #e4e4e4 !important; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #f96150; font-size: 16px; line-height: 150%; margin: 1em 0 1.5em 0; padding: 5px; padding: .6em 1em .6em .6em !important; }
blockquote p{ margin: 2px; padding: 8px; }
blockquote blockquote{ margin: 1em 0 1em; }
element.style { height: auto; }
hr{ border: 0; border-bottom: 1px solid #ffffff; border-top: 1px solid #e4e4e4; margin: 20px 0; }
.clr { clear: both; }
.highlight { background: #f96150; color: #fff; padding: 4px; text-shadow: 0 1px 0 #f8412d; }
/* Header */
#header-w { background-color: #252525; position: relative; }
#header { height: 160px; margin: 0 auto; max-width: 960px; position: relative; }
#top { position: absolute; right: 0; top: 65px; }
#search { bottom: 5px; position: absolute; right: 0; }
.logo { left: 0; position: absolute; top: 55px; }
.logo.text { top: 35px; }
.logo a{ color: #B5B5B5; font-size: 60px; line-height: 60px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; text-align: left; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.sitename { float: left; overflow: hidden; clear: both;}
.sitedescription { width: 100%; display: block; color: #f96150; float: left; font-size: 16px; font-weight: normal; letter-spacing: 1px; line-height: normal; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.sitedescription:hover { color: #B5B5B5; text-decoration: none; }
.logo a:hover { color: #eaeaea; text-decoration: none; }
/*Social icons*/
ul.social a.social-icon { display: inline-block; font-size: 0; height: 20px; margin: 0 0 0 1px; padding: 0; text-indent: -9999px; width: 20px; }
ul.social a.social_1 { background: url(../images/social/facebook.png) 0 0 no-repeat; }
ul.social a.social_2 { background: url(../images/social/twitter.png) 0 0 no-repeat; }
ul.social a.social_3 { background: url(../images/social/google.png) 0 0 no-repeat; }
ul.social a.social_4 { background: url(../images/social/youtube.png) 0 0 no-repeat; }
ul.social a.social_5 { background: url(../images/social/vimeo.png) 0 0 no-repeat; }
ul.social a.social_6 { background: url(../images/social/flickr.png) 0 0 no-repeat; }
ul.social a.social_7 { background: url(../images/social/pinterest.png) 0 0 no-repeat; }
ul.social a.social_8 { background: url(../images/social/picasa.png) 0 0 no-repeat; }
ul.social a.social_9 { background: url(../images/social/linkedin.png) 0 0 no-repeat; }
ul.social a.social_10 { background: url(../images/social/rss.png) 0 0 no-repeat; }
ul.social a.social_11 { background: url(../images/social/contact.png) 0 0 no-repeat; }
/*Top MiniNavigation*/
#topmininav-w{ background-color: #000; color: #8f8f8f; height: auto; padding: 5px 0 7px 0; width: 100%; }
#topmininav{ height: auto; margin: 0 auto; margin-top: 20px; max-width: 960px; overflow: hidden; padding: 0; width: auto; }
#topmininav ul.menu{ float: right; margin: 5px 15px 0 0; }
#topmininav ul.social{ float: left; margin: 0; }
#topmininav ul.menu li{ display: inline-block; padding: 0 3px; }
#topmininav ul.social li{ display: inline-block; padding: 0 1px; }
#topmininav a{ color: #a5a5a5; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
#topmininav a:hover{ color: #fff; }
div.smile{ float: left; width: 400px; }
/* Top Login/Search Module */
#login,#search { float: right; margin: 7px 7px 5px 0; padding: 0; }
#search form { margin: 0; padding: 0; }
/* Login Module */
#login-form .login_label { }
#login-form .span2 { width: 150px; }
#login-form .login_remember { float: right; }
#login-form a { display: block; }
#login-form a i { margin: 0 10px 0 0; }
/* Search Component */
.only-search label{ display: inline; margin: 0 10px 5px 0; }
.search .inputbox{ width: 120px; }
/* Top Menu*/
#top-nav { position: absolute; right: 0; top: 5px; }
#top-nav ul { float: right; margin: 0; padding: 0; }
#top-nav ul li { border-right: none; display: inline-block; height: 25px; list-style: none; margin: 0 1px 0 0; padding: 0; position: relative; }
#top-nav ul li a { color: #fff; display: block; font-size: 12px; line-height: 25px; margin: 0; -moz-transition: none; -o-transition: none; padding: 0 0 0 15px; text-decoration: none; text-transform: uppercase; transition: none; -webkit-transition: none; }
#top-nav ul li a:hover { color: #000; }
/* Menu*/
#nav-w { background: black; height: 44px; margin: 0 auto; padding: 0; position: relative; width: 100%; z-index: 999; }
#nav { margin: 0 auto; max-width: 960px; min-height: 50px; padding: 0; position: relative; }
#nav ul { float: left; margin: 0; padding: 0; }
#nav ul li { border-right: none; display: inline-block; height: 44px; list-style: none; margin: 0 1px 0 0; padding: 0; position: relative; }
#nav ul li a { color: #dedede; display: block; font-size: 16px; line-height: 44px; margin: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding: 0 14px; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
#nav ul.menu > li > a { color: #dedede; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfhover > a{ background: #f96150; color: #fff; text-decoration: none; }
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover{ background: #f96150; color: #fff; text-decoration: none; }
#nav ul li a span.menutitle { }
#nav ul li a span.menudesc { display: none; }
/* SubMenu */
#nav ul li ul,
#nav ul li ul ul,
#nav ul li ul ul ul,
#nav ul li ul ul ul ul,
#nav ul li ul ul ul ul ul,
#nav ul li.sfhover ul,
#nav ul li.sfhover ul ul,
#nav ul li.sfhover ul ul ul,
#nav ul li.sfhover ul ul ul ul,
#nav ul li.sfhover ul ul ul ul ul,
#nav ul li:hover ul,
#nav ul li:hover ul li ul,
#nav ul li:hover ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul li ul { background: transparent; background-clip: padding-box; border: none; left: -999em; margin: 0; -moz-background-clip: padding; padding: 0; position: absolute; -webkit-background-clip: padding-box; width: 217px; }
#nav ul li:hover ul, #menu ul li.sfhover ul { left: 0; }
#nav ul li ul li:hover ul, #nav ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li ul li:hover ul{ left: 218px; top: 0; }
#nav ul li ul li { border-right: none; height: auto; margin: 1px 0 0 0; padding: 0; width: 217px; }
#nav ul li ul li a { font-size: 15px; font-weight: 400; line-height: 25px; margin: 0; padding: 7px 14px; text-align: left; }
#nav ul li:hover ul li { background: none; }
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{ background: #f96150; border: none; color: #fff; display: block; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ background: transparent; color: #000; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover a, 
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover a{ background: #f96150; color: #000; text-shadow: 0 1px 1px rgba(249, 97, 80, 1); }
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li a,
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li a{ background: #f96150; color: #fff; }
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li a:hover,
#nav ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li.deeper.parent.sfhover ul li a:hover{ background: #f96150; color: #000; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ background: #f96150; color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfhover > a{ background: #f96150; color: #fff; text-decoration: none; }
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover{ background: #f96150; color: #fff; text-decoration: none; }
span.menudesc { display: none; }
/*** arrows **/
#nav .menu a.sf-with-ul { min-width: 1px; padding-right: 2.25em; }
.sf-sub-indicator { background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; display: block; height: 10px; overflow: hidden; position: absolute; right: .75em; text-indent: -999em; top: 1.05em; width: 10px; }
a > .sf-sub-indicator { background-position: 0 -100px; top: 0.9em; }
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfhover > a > .sf-sub-indicator { background-position: -10px -100px; }
#nav .menu ul .sf-sub-indicator { background-position: -10px 0; }
#nav .menu ul a > .sf-sub-indicator { background-position: 0 0; }
#nav .menu ul a:focus > .sf-sub-indicator,
#nav .menu ul a:hover > .sf-sub-indicator,
#nav .menu ul a:active > .sf-sub-indicator,
#nav .menu ul li:hover > a > .sf-sub-indicator,
#nav .menu ul li.sfhover > a > .sf-sub-indicator { background-position: -10px 0; }
#menu-icon { display: none; }
@media screen and (max-width: 799px) {
#nav,#login,#search,#search button,#top-nav { display: none; }
#login,#search { clear: both; float: none; margin-left: 5px; }
#menu-icon { background: transparent url(../images/menu-icon.png) no-repeat right; color: #fff; cursor: pointer; display: block; font-size: 20px; height: 30px; line-height: 30px; padding: 5px 0; text-decoration: none; text-indent: 10px; width: 100%; }
#menu-icon:hover,#menu-icon.active { background-color: #f96150; }
/* Menu */
#nav-w { color: #fff; display: block; height: auto; padding: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); text-transform: uppercase; }
#nav { background: #000; display: none; position: relative; }
#nav ul { background: #000; border-top: 1px solid #ca0000; display: block; overflow: hidden; position: relative; width: 100%; }
#nav ul li { border-bottom: 1px solid #ca0000; border-right: none; clear: both; display: block; float: none!important; margin: 0; max-width: 100%; }
#nav ul li a { background-color: #f96150; border-bottom: 1px solid #ca0000; border-radius: 0; color: #fff !important; display: block; margin: 0; -moz-border-radius: 0; -o-border-radius: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); -webkit-border-radius: 0; }
/* SubMenu */
#nav ul li ul{ border-top: 0; left: 0; margin: 0; max-width: 100%; padding: 0; position: relative; top: 0; }
#nav ul li:hover ul, #menu ul li.sfHover ul { left: 0; position: relative; top: 0; }
#nav ul li ul li:hover ul { position: relative; }
#nav ul li ul li { border-bottom: 1px solid #ca0000; margin: 0; width: 100%; }
#nav ul li ul,
#nav ul li ul ul,
#nav ul li ul ul ul,
#nav ul li ul ul ul ul,
#nav ul li ul ul ul ul ul,
#nav ul li:hover ul,
#nav ul li:hover ul li ul,
#nav ul li:hover ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul li ul { border-top: 0; display: block; left: 0; margin: 0; padding: 0; position: relative!important; width: 100%; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ background: #f93722; color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{ background: #f93722; color: #fff; text-decoration: none; }
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover{ background: #f93722; color: #fff; text-decoration: none; }
}
/* Content */
#main { background: none; margin: 0 auto; position: relative; }
#wrapper-w { padding: 40px 0 0 0; }
#wrapper { margin: 0 auto; max-width: 960px; padding: 0; position: relative; }
#comp-w { clear: both; margin: 0 auto; min-height: 300px; padding: 0 0 40px 0; text-shadow: 0 1px 0 #fff; }
#comp { }
#comp-i { padding: 0; }
.full { clear: both; margin: 0; padding: 0; }
.contact a { text-decoration: none; }
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 { margin: 0; padding: 0; position: relative; }
/* Content styles */
#archive { margin: 0; padding: 0; }
.archive { padding: 0; }
.archive .article-count { color: #999; }
.blog-featured { }
.blog-featured .items-row{ overflow: hidden; padding: 15px 0 15px 0; }
.items-leading { clear: both; margin: 0 0 20px 0; padding: 0; position: relative; }
.leading { margin: 0 0 20px 0; position: relative; }
.items-row { clear: both; display: block; position: relative; }
div.blog .items-row { border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; padding-bottom: 20px; }
.item-separator { }
.item-page { position: relative; }
.item-page-title { margin: 0 0 10px 0; padding: 0 70px 15px 0; }
.item-page-title, .item-page-title a { font-size: 35px; line-height: 35px; text-decoration: none; }
.item-page-title a:hover { }
.buttonheading { position: absolute; right: 5px; top: 5px; }
.buttonheading .edit-icon,
.buttonheading .print-icon,
.buttonheading .email-icon { float: left; height: 20px; margin: 0; overflow: hidden; padding: 0; width: 20px; }
.iteminfo { color: #333; display: block; font-size: 11px; margin: 0 0 5px 0; }
.item-page .iteminfo { margin: 0 0 15px 0; }
.iteminfo span { margin: 0 10px 0 0; }
.iteminfo .tags span { margin: 0; }
.iteminfo .tags span.tag-list0 { margin: 0 0 0 4px; }
.iteminfo a { }
 .iteminfo a:hover { }
.iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits, .iteminfo .tags, .iteminfo .tagi { display: inline-block; }
.iteminfo .createdby { font-weight: bold; }
.items-more { clear: both; }
 h3.items-more { font-size: 14px; margin: 0; padding: 0; }
.items-more ol { margin: 0 0 0 30px; padding: 0; }
.iteminfo .tags a.label { ;background-color: transparent; color: #f96150; display: inline-block; font-size: 11px; font-weight: normal; line-height: normal; padding: 0; text-shadow: 0 1px 0 #fff; vertical-align: baseline; white-space: nowrap; }
.iteminfo .tags a.label:hover { text-decoration: underline; }
#mailto-window h2 { font-size: 20px !important; }
#mailto-window img{ border: 0; height: auto; max-width: 100% !important; -ms-interpolation-mode: bicubic; vertical-align: middle; width: auto\9; }
table.category { }
th.item-title, th.list-title { font-size: 15px; font-weight: bold; text-align: left; }
/* Module Classes */
/* light */
.light { background: #fff url(../images/light-bg.png) 0 0 repeat !important; border: 1px solid #176781 !important; color: #555 !important; }
.light .module-title{ background: none!important; border-bottom: none!important; color: #555 !important; }
.light .module-body { border-top: none !important; }
.light a{ text-decoration: underline !important; }
.light a:hover{ color: #333!important; }
/* normal */
.normal { background: #c5d6db url(../images/normal-bg.png) 0 0 repeat !important; border: 1px solid #0d617b !important; color: #111!important; text-shadow: 1px 1px #ccc!important; }
.normal .module-title{ background: none!important; border-bottom: none!important; color: #111 !important; }
.normal .module-body { border-top: none !important; }
.normal a{ color: #111!important; text-decoration: underline !important; }
.normal a:hover{ color: #111!important; }
/* dark */
.dark { background: #222 url(../images/dark-bg.png) 0 0 repeat !important; border: 1px solid #000 !important; color: #fff !important; text-shadow: 1px 1px #000!important; }
.dark .module-title{ background: none !important; border-bottom: none!important; color: #fff !important; }
.dark .module-body { border-top: none !important; }
.dark a{ color: #ccc!important; text-decoration: underline !important; }
.dark a:hover{ color: #fff!important; }
.light, .normal, .dark { border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; padding: 10px!important; -webkit-border-radius: 5px; }
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration: none!important; }
.light .module-title, .normal .module-title, .dark .module-title { border: none!important; line-height: 30px!important; padding: 0 0 0 5px!important; }
.light .module-body, .normal .module-body, .dark .module-body { padding: 0 5px !important; }
/* Page Navigation */
ul.pagenav { display: block; }
 ul.pagenav li { list-style: none; }
 ul.pagenav li a{ display: block; }
.pagenav-prev { float: left; }
.pagenav-next { float: right; }
#pagination { clear: both; padding: 0; text-align: center; }
.inputbox, input, textarea, select { background: #fff; border: 1px solid #d4d4d4; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
/* Breadcrumbs */
.breadcrumbs { color: #fff; margin: 0 0 10px 0; padding: 0; }
.breadcrumbs a { color: #000; }
.breadcrumbs .sep{ background: url(../images/arrow.png) 50% 50% no-repeat; padding: 5px; }
/* Sidebar */
#leftbar-w { }
#rightbar-w { }
#sidebar { color: #fff; padding: 0; }
#sidebar .module { background: #fff; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #333; margin-bottom: 20px; padding: 10px 15px 15px 15px; }
#sidebar .module-title { color: #000; font-size: 18px; letter-spacing: 1px; line-height: 26px; padding: 0 0 15px 0; }
#sidebar h3 { margin: 0; padding: 0 0 5px 0; }
#rightbar-w  .module-title { }
#sidebar .module-body { margin: 0; padding: 0; }
#sidebar .module-body p{ margin: 0 0 5px 0; padding: 0; }
#sidebar  ul li { margin: 0 5px; padding: 0; }
#sidebar  a{ color: #333; }
#sidebar  a:hover{ color: #f96150; }
/*Sidebar redmodule*/
#sidebar .module.redmodule { background-color: #f96150; color: #fff; text-shadow: 0 1px 0 #990000 !important; }
#sidebar .module.redmodule .module-title { color: #fff; text-shadow: 0 1px 0 #990000 !important; }
/*Sidebar blackmodule*/
#sidebar .module.blackmodule { background-color: #202020; color: #fff; text-shadow: 1px 1px #000 !important; }
#sidebar .module.blackmodule .module-title { color: #fff; text-shadow: 1px 1px #000 !important; }
/* Sidebar Menu*/
#sidebar .module ul.menu{ list-style: none; margin: 0; padding: 0; }
#sidebar .module ul.menu li{ border-bottom: 1px solid #e4e4e4; list-style: none; margin: 0; padding: 0; }
#sidebar .module ul.menu li:last-child{ border-bottom: none; }
#sidebar .module ul.menu li:hover{ }
#sidebar .module ul.menu li a { background: url(../images/li-arrow.png) 4px 9px no-repeat; color: #333; display: block; line-height: 20px; margin: 0; padding: 3px 0 5px 15px; text-decoration: none; }
#sidebar .module ul.menu li ul li a,
#sidebar .module ul.menu li ul li ul li a,
#sidebar .module ul.menu li.active ul li a,
#sidebar .module ul.menu li.active ul li.active ul li a{ background: url(../images/menu-lr-sub.png) 2px 9px no-repeat; color: #333; display: block; line-height: 20px; margin: 0; padding: 2px 0 4px 17px; text-decoration: none; }
#sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a { background: url(../images/li-arrow-hover.png) 4px 9px no-repeat; color: #f96150; text-decoration: none; }
#sidebar .module ul.menu li ul li a:hover,
#sidebar .module ul.menu li ul li.active a,
#sidebar .module ul.menu li.active ul li a:hover,
#sidebar .module ul.menu li ul li.active ul li.active a { background: url(../images/menu-lr-sub-hover.png) 2px 9px no-repeat; color: #f96150; text-decoration: none; }
#sidebar .module ul.menu li.active { }
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul { margin: 0; }
#sidebar .module ul.menu li ul li ul { margin: 0 0 2px 0; }
#sidebar .module ul.menu li ul li { background: none; border-bottom: none; margin: 0; padding: 0 0 0 10px; }
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background: none; }
#sidebar .module ul.menu li ul li a{ }
#sidebar .module ul.menu li ul li a:hover{ border: 0; }
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background: url(../images/sidebar-menu-sep.png) bottom left repeat-x; }
#sidebar .nav-list{ margin-bottom: 0; padding: 5px 0 !important; }
#sidebar form { ;margin: 0; }
/*redmodule & blackmodule styles*/
#sidebar .module.redmodule a, #sidebar .module.blackmodule a{ color: #fff; }
#sidebar .module.redmodule a:hover, #sidebar .module.blackmodule a:hover{ color: #fff; text-decoration: underline; }
#sidebar .module.redmodule ul.menu li a,
#sidebar .module.redmodule ul.menu li.active ul li a,
#sidebar .module.redmodule ul.menu li ul li.active ul li a{ color: #fff; }
#sidebar .module.redmodule ul.menu li a:hover, #sidebar .module.redmodule ul.menu li.active a,
#sidebar .module.redmodule ul.menu li ul li a:hover,
#sidebar .module.redmodule ul.menu li ul li.active a,
#sidebar .module.redmodule ul.menu li.active ul li a:hover,
#sidebar .module.redmodule ul.menu li ul li.active ul li.active a { background: url(../images/li-arrow.png) 7px 5px no-repeat; background-color: #c60000; color: #fff; }
#sidebar .module.redmodule ul.menu li{ border-bottom: 2px solid #c60000; list-style: none; margin: 0; padding: 0; }
/* User 1 - User 2 - User 3 - User 4*/
#user1w,#user4w { }
#user1w { margin: 0 auto 30px auto; max-width: 960px; }
#user1{ clear: both; margin: 0 auto; padding: 0; }
#user2{ clear: both; margin: 20px auto 0 auto; padding: 0; }
#user1 .module, #user2 .module { background: #fff; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #333; margin-bottom: 10px; padding: 10px 15px; }
#user1 .inner, #user2 .inner { padding: 0 10px; }
#user1 .module-title, #user2 .module-title { color: #333; display: block; font-size: 20px; letter-spacing: 1px; line-height: 32px; }
#user1 h3.module-title, #user2 h3.module-title { margin-bottom: 0; padding-bottom: 10px; }
#user1 .module-body, #user2 .module-body { }
#user1 a, #user2 a { }
#user1 a:hover, #user2 a:hover { color: #000; }
#user1 ul, #user2 ul { margin: 0; padding: 0; }
#user1 ul li, #user2 ul li { border-bottom: 1px solid #e4e4e4; list-style: none; }
#user1 ul li:last-child, #user2 ul li:last-child { border-bottom: none; }
#user1 ul li:hover, #user2 ul li:hover { }
#user1 ul li a, #user2 ul li a { color: #000; display: block; font-size: 12px; padding: 2px 0; }
#user1 ul li a:hover, #user2 ul li a:hover { color: #f96150; padding: 2px 0 2px 10px; text-decoration: none; }
/* User 3 */
#user3{ clear: both; margin: 0 auto; padding: 0; }
#user3 .module{ margin-bottom: 10px; }
#user3 .inner{ padding: 0 10px; }
#user3 .module-title{ color: #333; display: block; font-size: 14px; letter-spacing: 1px; line-height: 32px; text-transform: uppercase; }
#user3 h3.module-title{ margin-bottom: 0; padding-bottom: 0; }
#user3 .module-body{ }
#user3 a{ }
#user3 a:hover{ }
#user3 ul{ margin: 0; padding: 0; }
#user3 ul li{ border-bottom: none; list-style: none; }
#user3 ul li:hover{ }
#user3 ul li a{ background: url(../images/user1-arrow.png) 0 50% no-repeat; display: block; font-size: 14px; padding: 0 0 0 20px; text-decoration: none; }
#user3 ul li a:hover{ color: #eee; }
/* User 4 */
#user4w { background: #161616; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; margin: 0 auto; margin-top: 20px; max-width: 940px; padding: 10px; }
#user4 { clear: both; color: #fff; text-shadow: 1px 1px #000 !important; }
#user4 h1, #user4 h2, #user4 h3, #user4 h4, #user4 h5{ text-shadow: 1px 1px #000; }
#user4 .inner { }
#user4 .module-title { color: #fff; display: block; font-size: 14px; letter-spacing: 1px; line-height: 32px; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; }
#user4 .module-body { margin: 0; padding: 0; }
#user4 ul { margin: 0; padding: 0; }
#user4 ul li { border-bottom: 1px dotted #484a4e; list-style: none; }
#user4 ul li a { }
#user4 a { color: #f96150; text-decoration: underline; }
#user4 a:hover { color: #fff; }
#user4 ul li:hover { }
#user4 ul li a { background: url(../images/user4-arrow.png) 0 50% no-repeat; display: block; font-size: 14px; padding: 0 0 0 20px; text-decoration: none; }
#user4 ul li a:hover { }
/* Footer */
#footer-w{ overflow: hidden; }
#footer { color: #797979; margin: 0 auto; max-width: 930px; padding: 20px 15px; text-align: center; }
#footer p{ margin: 0; padding: 0; }
#footer a { color: #797979; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer ul { font-size: 16px; line-height: 170%; text-transform: uppercase; }
/* System Messages */
#system-message { }
#system-message dt { font-weight: bold; }
#system-message dd { font-weight: bold; margin: 0; }
#system-message dd ul { background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; color: #c09853; list-style: none; margin: 0 0 20px 0; -moz-border-radius: 4px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; }
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; }
/* Debug */
#system-debug { background-color: #fff; color: #ccc; margin: 10px; padding: 10px; }
#system-debug div { font-size: 11px; }
#error { padding: 20px; text-align: center; }
#error .error { color: #FF0000; display: block; font-size: 200px; font-weight: bold; line-height: 200px; padding: 0; }
#error .center { left: 50%; margin-left: -200px; position: absolute; text-align: center; top: 20%; width: 400px; }
#error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); }
#error .error > span { display: inline-block; position: relative; }
#error .error > span:before { background: url(../images/error.png) no-repeat; background-size: 100% 100%; content: ""; height: 80px; left: -30px; position: absolute; right: -30px; top: 70%; }
#error ol li{ text-align: left; }
/* Offline */
.error-offline .error > span:before { top: 65%; }
.error-offline .message { width: 350px; }
/* Tooltips */
.tip-wrap { background-color: #535353; border: 1px solid #222; border-radius: 4px; color: #fff; float: left; margin-bottom: 20px; max-width: 200px; -moz-border-radius: 4px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 1px 1px #000; -webkit-border-radius: 4px; }
.tip-title { display: none; margin: 0; padding: 0; }
.tip-text { font-size: 100%; margin: 0; }
#topcontrol { background: url(../images/to-top.png) 50% 50% no-repeat; bottom: 20px; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); height: 60px; opacity: 0.7; right: 20px; white-space: nowrap; width: 60px; }
#topcontrol { background-color: rgba(181,181,181, 0.6); background-image: url(../images/to-top.png); background-position: top; background-repeat: no-repeat; bottom: 20px; cursor: pointer; display: block; height: 50px; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; opacity: 1; -o-transition: background 0.3s ease; right: 20px; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; width: 50px; }
#topcontrol:hover{ background-color: #f96150; background-position: bottom; }
@media screen and (max-width: 980px) {#comp-w { padding: 10px; }
.camera_wrap { height: 50%; }
}
@media screen and (max-width: 600px) {#top-mod,#social { display: none; }
.copy { float: none; text-align: center; }
#header{min-height: 180px;}
 .logo { left: 10px; text-align: center;}
.sitedescription, .sitename { left: 10px; text-align: center;}
}
@media screen and (max-width: 480px) { }
/* Bootstrap */
.input-append .add-on,.input-prepend .add-on{ background-color: #e4e4e4 !important; border: 1px solid #e4e4e4 !important; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #ffffff; width: auto; }
.table a { color: #333; }
.table a:hover { color: #f96150; }
.table td{ border-color: #e4e4e4!important; }
.table th { background: #222!important; border-color: #e4e4e4!important; text-shadow: 1px 1px #000; }
.table th a{ color: #fff!important; }
.table td /*IE*/ { background: #222!important; }
.table-bordered{ border-color: #e4e4e4!important; }
.table-bordered td{ border-color: #e4e4e4 !important; }
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{ background-color: #fcfcfc !important; }
.table-striped tbody tr:nth-child(even) td,.table-striped tbody tr:nth-child(even) th{ background-color: #f5f5f5 !important; }
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{ background-color: #ececec !important; }
.nav>li>a{ background-color: #f96150!important; border-color: #ca0000!important; color: #fff!important; }
.nav>li>a:hover { background-color: #ca0000!important; }
.pagination ul>li>a,.pagination ul>li>span{ background-color: #f96150!important; border: 1px solid #e4e4e4!important; color: #fff; }
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{ background-color: #5f5f5f!important; }
.pagination ul>.active>a,.pagination ul>.active>span{ color: #999999; }
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{ background-color: transparent!important; color: #333!important; }
.pager a,.pager span, .pagenav a, .pagenav span{ background-color: #fff !important; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #333; }
.pager a:hover,.pager span:hover, .pagenav a:hover, .pagenav span:hover{ background-color: #f96150!important; border-color: #f96150; border-style: solid; border-width: 1px !important; color: #fff!important; }
.accordion{ margin-bottom: 20px; }
.accordion-group{ border: 1px solid #B5B5B5!important; margin-bottom: 2px; }
.accordion-heading{ border-bottom: 0; font-size: 15px; letter-spacing: 1px; }
.accordion-heading .accordion-toggle{ display: block; padding: 8px 15px; }
.accordion-toggle{ cursor: pointer; }
.accordion-inner{ border-top: 1px solid #B5B5B5!important; padding: 9px 15px; }
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{ background-color: #ffffff; border: 1px solid #e4e4e4 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; }
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{ border-color: #f96150!important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6); outline: thin dotted \9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6); }
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{ border-color: #ee5f5b!important; color: #b94a48!important; }
input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{ border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; -webkit-box-shadow: 0 0 6px #f8b9b7; }
.btn{ border: none !important; text-transform: uppercase!important; }
#login #je-login .btn-primary, .btn-primary { background-color: #f96150!important; background-image: none !important; color: #fff!important; padding: 4px 10px!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
#login #je-login .btn-primary:hover,.btn-primary:hover,.btn-primary:active,.btn-primary.active{ *background-color: #5f5f5f!important; background-color: #5f5f5f!important; color: #fff!important; }
#login #je-login .btn-primary:active,#login #je-login .btn-primary.active,.btn-primary:active,.btn-primary.active{ background-color: #5f5f5f \9!important; }
.icon-read-more{ background-position: -456px -72px!important; margin-top: 2px!important; }
a.btn-readmore { -moz-transition: none; -o-transition: none; transition: none; -webkit-transition: none; }
a.btn-readmore{ *background-color: #333333!important; background-color: #111111!important; background-image: -moz-linear-gradient(top, #333333, #000000)!important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#000000))!important; background-image: -webkit-linear-gradient(top, #333333, #000000)!important; background-image: -o-linear-gradient(top, #333333, #000000)!important; background-image: linear-gradient(to bottom, #333333, #000000)!important; background-repeat: repeat-x; border-color: #000000 #000000 #111111!important; color: #ffffff!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff000000', GradientType=0)!important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)!important; padding: 4px 10px!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
a.btn-readmore:hover,a.btn-readmore:active,a.btn-readmore.active{ *background-color: #333333!important; background-color: #000000!important; color: #ffffff!important; }
a.btn-readmore:active,a.btn-readmore.active{ background-color: #333333 \9!important; }
.thumbnail{ margin-bottom: 10px; }
.thumbnail.pull-left{ margin-right: 10px!important; }
.thumbnail.pull-right{ margin-left: 10px!important; }
.row-fluid [class*="span"]:nth-child(4n+1) { margin-left: 0!important; }