/**
 * @version		1.0.2
 * @package		Ocular template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* A 00 - Global Structure
/* ----------------------------------------------*/
.row {
    margin-left:0!important
}

table {
    width:100%;
    border-collapse:collapse
}

/* Global Styles */
body.frontpage h1,body.frontpage h2 {
    letter-spacing:2px!important
}

a.hideTxt,span.hideTxt {
    display:block
}

.hideTxt {
    text-indent:-9999px
}

#component dd {
    margin-left:0!important
}

.button {
    background:#fff;
    border:1px solid #666;
    vertical-align:top
}

.formstyle .button {
    background:#fff;
    border:1px solid #666;
    vertical-align:top;
    padding:9px 16px
}

ul.nav li {
    list-style:none inside none!important
}

form ul,form ul li {
    list-style-type:none!important
}

.tooltip {
    background:transparent!important;
    border:0!important
}

/* ----------------------------------------------*/
/* C 00 - Components
/* ----------------------------------------------*/
/* JOOMLA CONTENT */
.page-header h1 {
    text-align:center
}

.com_content .blog .icons {
    margin-top:24px
}

.com_content ul#archive-items li,.com_content .category-list ul li,.com_content .categories-list ul li {
    list-style:none inside none!important
}

.tags {
    margin-bottom:16px
}

dt.article-info-term {
    display:none
}

/* Category Blog */

.com_content .subheading-category {
	border-bottom: 2px solid #333;
padding: 0 0 10px 0;
text-transform: uppercase;
margin: 0 0 40px 0;
}

.com_content .blog .item {
    margin-bottom:30px
}

.com_content .blog > h2 {margin-top:0px!important;}


.com_content p.readmore,.com_content p.readmore {
    padding-bottom:30px
}

.com_content p.readmore a,.com_content p.readmore a {
    padding-bottom:8px;
    border-bottom:1px solid #999
}

.com_content p.readmore a.btn {
background: none;
border: 2px solid #000;
color: #000;
font-size: 14px;
padding: 16px 32px;
text-transform: uppercase;
margin-top: 10px;
display: inline-block;
border-radius: 0px;
font-weight: bold;
}

.com_content p.readmore span {display:none;}

dl.article-info dd {display:inline;padding-right:8px;padding-left:8px;border-right:1px solid #ccc;font-size:12px;}
dl.article-info dd:first-child {padding-left:0px;}
dl.article-info dd:last-child {border-right:0px;}

/* Category left,right, and center Feature Article Display Features */
.leftlarge .catItemCategory,.leftlarge .catItemAuthor,.leftlarge .catItemDateCreated,.rightlarge .catItemCategory,.rightlarge .catItemAuthor,.rightlarge .catItemDateCreated, .centerlarge .catItemCategory,.centerlarge .catItemAuthor,.centerlarge .catItemDateCreated {font-size:12px;}
.leftlarge .cat-item p, .rightlarge .cat-item p, .centerlarge .cat-item p {font-size:16px;}
.items-leading.xtc-leading.row-fluid .span3 .cat_title,.xtc-intro.clearfix.row-fluid .span3 .cat_title  {font-size:22px;}
.items-leading.xtc-leading.row-fluid .span6 .catItemIntroText {display:none!important;}
.items-leading.xtc-leading.row-fluid .span6 h2.cat_title {margin-top:0px!important;}

/* Article */
.com_content .item-page .page-header,.com_content .blog .page-header {
    margin:0!important;
    padding-bottom:0!important;
    border-bottom:0!important
}



.com_content .item-page .pull-right.item-image {
    margin:0 0 18px 20px;
    width:50%
}

.com_content .item-page .pull-left.item-image {
    margin:0 20px 18px 0;
    width:50%
}

/* Pagination */
li.pagination-prev,li.pagination-next {
    display:none!important
}

.item-page .pagenav li {
    list-style:none inside none;
    display:inline
}



/* CONTACTS */
/* Contact */
.com_contact .thumbnail.pull-right {
    margin:0 0 24px!important
}

.com_contact .jicons-icons {
    display:none
}

.com_contact label#jform_contact_email_copy-lbl.hasTip,.com_contact input[type="checkbox"] {
    float:left;
    margin-right:14px
}

/* SEARCH */
.com_search .search {text-align:center; max-width:768px; margin:0 auto;}
.com_contact .contact {max-width:600px; margin:0 auto;}
.com_users #component {max-width:600px; margin:0 auto;}
.com_search.search .search .phrases-box .controls {
    padding-bottom:18px
}

.com_search.search .search label {
    display:inline-block
}

.com_search.search .search input {
    display:inline-block
}

input#search-searchword.inputbox,form#searchForm .btn-toolbar .pull-left {margin:0 auto;float:none!important;}

.com_search legend {
    padding:10px 0;
    margin-bottom:10px;
    border-bottom:1px solid #ccc
}

.com_search label {
    display:inline-block!important;
    margin-right:4%
}

.com_search .phrases-box,.com_search fieldset.only {
    padding:20px 0
}

.com_search .form-limit {
    padding:10px 0 20px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc
}

.com_search dd.result-created {
    margin-bottom:16px
}

/* USERS */
.com_users #component ul,.com_users #component li {
    margin-left:0!important;
    padding-left:0!important
}

/* WEBLINKS */
/* Category */
.com_weblinks.category {
}

.com_weblinks .weblink-category td {
    border-bottom:1px solid #ccc;
    padding:0 0 36px
}

.com_weblinks .weblink-category a {
    font-size:24px;
    font-weight:700
}

.com_weblinks .weblink-category p {
    font-size:24px!important;
    margin-bottom:4px!important
}

/* Categories */
.com_weblinks .categories-list span.item-title {
    font-size:24px
}

/* Submit */
.com_weblinks .edit textarea#jform_description {
    width:99%!important
}

/* EDIT */


textarea#jform_articletext {
    width:95%!important;
    margin-top:16px
}

/* ----------------------------------------------*/
/* M 00 - Modules
/* ----------------------------------------------*/
/* Module Content H3 Override */
#left .module:first-child h3,#right .module:first-child h3 {
    border-top:none!important
}

/* Module H3 Titles */
h3.moduletitle i {
    vertical-align:middle;
    line-height:100%
}

h3.moduletitle i:before {
    vertical-align:middle
}

.module h3.moduletitle {
    padding:20px 0
}

.modulecontent {
    padding-top:20px
}

#menuright1 .modulecontent {padding: 0 0 0 6px; text-align:center; margin-right:-2px;}
#menuright2 .modulecontent {padding: 0 0 0 15px; text-align:center;}
.mobiletools a {display:inline-block; width:30px; height:30px; margin-right:-1px;}
.mobiletools a i {display:inline-block; margin:6px 0 0 -1px;}

.module input.button {
    margin-bottom:12px
}

/* MODULE SUFFIXES */
/* Box */
.box h3 span,.bluebox h3 span,.redbox h3 span,.greenbox h3 span,.orangebox h3 span,.purplebox h3 span,.yellowbox h3 span,.stylebox h3 span,.transparentbox h3 span,.transbox h3 span {
    color:#fff!important
}

.box h3.moduletitle,.darkbox h3.moduletitle,.bluebox h3.moduletitle,.redbox h3.moduletitle,.greenbox h3.moduletitle,.orangebox h3.moduletitle,.purplebox h3.moduletitle,.yellowbox h3.moduletitle,.lightbox h3.moduletitle,.basecolor5_box h3.moduletitle,.basecolor6_box h3.moduletitle,.basecolor7_box h3.moduletitle,.basecolor8_box h3.moduletitle {
    border:none!important;
    padding:30px 0 0 30px!important
}

.transparentbox {
    background-color:rgba(0,0,0,0.5)!important;
    color:#fff!important
}

.darkbox h3 span,.darkbox h3,.darkbox {
    background:#222!important;
    color:#fff!important
}

.bluebox h3,.bluebox {
    background:#076bb6!important;
    color:#fff!important
}

.redbox h3,.redbox {
    background:#e66665!important;
    color:#fff!important
}

.greenbox h3,.greenbox {
    background:#9eceb4!important;
    color:#fff!important
}

.orangebox h3,.orangebox {
    background:#f47d43!important;
    color:#fff!important
}

.purplebox h3,.purplebox {
    background:#ae70af!important;
    color:#fff!important
}

.yellowbox h3,.yellowbox {
    background:#fac611!important;
    color:#fff!important
}

.lightbox {
    background:#fff!important
}

.lightbox h3 {
    background:none!important;
    border:none!important;
    color:#333!important
}

.lightbox h3 span {
    color:#333!important
}

.box .modulecontent,.darkbox .modulecontent,.bluebox .modulecontent,.redbox .modulecontent,.greenbox .modulecontent,.orangebox .modulecontent,.purplebox .modulecontent,.yellowbox .modulecontent,.lightbox .modulecontent,.stylebox .modulecontent,.transbox .modulecontent,.basecolor5_box .modulecontent,.basecolor6_box .modulecontent,.basecolor7_box .modulecontent,.basecolor8_box .modulecontent {
    padding:30px
}

/* Underline */
.underlinemod .modulecontent,.underlinedark .modulecontent,.underlineblue .modulecontent,.underlinered .modulecontent,.underlinegreen .modulecontent,.underlineorange .modulecontent,.underlinepurple .modulecontent,.underlineyellow .modulecontent {
    padding-top:30px
}

.underlinedarkbtm .modulecontent {
    padding-top:20px
}

.module.underlinedarkbtm {
    margin-bottom:20px
}

.underlinedarkbtm h3.moduletitle {
    padding:0 0 20px!important;
    border-bottom:.5px solid #ccc
}

.underlinedarkbtm h3 span {
    color:#000!important;
    font-size:16px
}

.underlinedarkbtm h3 {
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlinemod h3.moduletitle,.underlinedark h3.moduletitle,.underlineblue h3.moduletitle,.underlinered h3.moduletitle,.underlinegreen h3.moduletitle,.underlineorange h3.moduletitle,.underlinepurple h3.moduletitle,.underlineyellow h3.moduletitle {
    padding:0 0 20px!important
}

.underlinemod h3 span {
    color:#ccc!important
}

.underlinemod h3 {
    border-bottom:3px solid #ccc;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlinedark h3 span {
    color:#000!important
}

.underlinedark h3 {
    border-bottom:3px solid #000;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlineblue h3 span {
    color:#666!important
}

.underlineblue h3 {
    border-bottom:3px solid #076bb6;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlinered h3 span {
    color:#666!important
}

.underlinered h3 {
    border-bottom:3px solid #e66665;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlinegreen h3 span {
    color:#666!important
}

.underlinegreen h3 {
    border-bottom:3px solid #9eceb4;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlineorange h3 span {
    color:#666!important
}

.underlineorange h3 {
    border-bottom:3px solid #f47d43;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlinepurple h3 span {
    color:#666!important
}

.underlinepurple h3 {
    border-bottom:3px solid #ae70af;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

.underlineyellow h3 span {
    color:#666!important
}

.underlineyellow h3 {
    border-bottom:3px solid #fac611;
    background:none!important;
    border-left:0!important;
    padding-left:0!important
}

/* Tabbed */
.tabbed h3,.tabbedlight h3,.tabbeddark h3,.tabbedblue h3,.tabbedgreen h3,.tabbedred h3,.tabbedyellow h3,.tabbedorange h3,.tabbedpurple h3 {
    padding:0!important;
    border:none!important
}

.tabbedlight h3.moduletitle,.tabbeddark h3.moduletitle,.tabbedblue h3.moduletitle,.tabbedgreen h3.moduletitle,.tabbedred h3.moduletitle,.tabbedyellow h3.moduletitle,.tabbedpurple h3.moduletitle,.tabbedorange h3.moduletitle {
    padding:20px 0 20px 30px!important;
    margin-bottom:30px!important
}

.tabbedlight h3 span {
    color:#333!important
}

.tabbeddark h3 span,.tabbedblue h3 span,.tabbedgreen h3 span,.tabbedred h3 span,.tabbedyellow h3 span,.tabbedpurple h3 span,.tabbedorange h3 span {
    color:#fff!important
}

.tabbedblue h3.moduletitle {
    background:#076bb6!important
}

.tabbedlight h3.moduletitle {
    background:#fafafa!important
}

.tabbeddark h3.moduletitle {
    background:#222!important
}

.tabbedred h3.moduletitle {
    background:#e66665!important
}

.tabbedgreen h3.moduletitle {
    background:#9eceb4!important
}

.tabbedorange h3.moduletitle {
    background:#f47d43!important
}

.tabbedpurple h3.moduletitle {
    background:#ae70af!important
}

.tabbedyellow h3.moduletitle {
    background:#fac611!important
}

/* Colors */
.textdark .modulecontent,.textdark .modulecontent a,.textdark h3.moduletitle {
    color:#000!important
}

.textlight .modulecontent,.textlight .modulecontent a {
    color:#fff!important
}

.module.blue,.module.orange {
    margin-bottom:30px!important
}

.blue h3.moduletitle,.ltgrey h3.moduletitle,.dkgrey h3.moduletitle,.red h3.moduletitle,.green h3.moduletitle,.aqua h3.moduletitle,.pink h3.moduletitle,.yellow h3.moduletitle,.purple h3.moduletitle,.orange h3.moduletitle {
    border:none!important;
    background:transparent!important;
    padding:0 0 30px!important
}

.blue h3 span {
    color:#076bb6!important
}

.ltgrey h3 span {
    color:#ccc!important
}

.dkgrey h3 span {
    color:#666!important
}

.red h3 span {
    color:#e66665!important
}

.green h3 span {
    color:#9eceb4!important
}

.purple h3 span {
    color:#ae70af!important
}

.orange h3 span {
    color:#f47d43!important
}

.yellow h3 span {
    color:#fac611!important
}

.white h3 span {
    color:#fff!important
}

/* Transparent */
.module.trans {
    background:rgba(0,0,0,0.4)
}

/* Borderwrap */
.bwrap {
    padding:0 24px 24px!important;
    margin-bottom:10%!important;
    background:#fff!important;
    border:1px solid #ededed!important;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px
}

.bwrap h3.moduletitle {
    padding:13px 24px;
    margin-left:-24px;
    margin-right:-24px
}

/* Blank */
.modblank .modulecontent {
    padding:0
}

.module.title-off.modblank,.module.title-off.modblank h3 {
    background:transparent!important
}

/* Nopad */
.nopad,.nopad .modulecontent {
    padding:0!important
}

.module .nopad,.modulecontent .nopad {
    padding:0!important
}

/* Nopadlr */
.nopadlr,.nopadlr .modulecontent {
    padding-left:0!important;
    padding-right:0!important
}

/* Nomarg */
.nomarg {
    margin:0!important
}

.module.nomargin {
    margin:0!important
}

.nomargin .moduletitle {
    margin:0!important
}

/* Nopadbt */
.module.nopadbt {
    padding:0 30px!important
}

/* Mobileshow */
.mobileshow {
    display:none
}

/* No wrap */
.module .nowrap {
    background:none!important
}

/* Font Awesome */
h3.moduletitle:before {
    font-family:'FontAwesome';
    font-size:.5em;
    margin-right:10px
}

h3.moduletitle i {
    vertical-align:middle;
    line-height:100%
}

h3.moduletitle i:before {
    vertical-align:middle
}

.pad50 .modulecontent {padding:50px!important;}
.pad50 h3.moduletitle {padding:50px 0 0 50px!important;}

.formstyle .btnlogin{font-size: 12px !important;padding: 10px 32px !important;text-transform: uppercase !important;display: block !important;	width:96%!important;border-radius: 2px !important; font-family:Arial, Helvetica,sans-serif;}
.formstyle .logout-button .button {font-size: 12px !important;padding: 10px 32px !important;text-transform: uppercase !important;display: block !important;width: 96% !important;border-radius: 2px !important;font-family: Arial,Helvetica,sans-serif;margin-top:16px;}

/* ----------------------------------------------*/
/* S 01 - Page Classes
/* ----------------------------------------------*/
.imgw20 .item-image {width:20%;margin-right:40px;}

/* ----------------------------------------------*/
/* MOD 00 - Social Wall 
/* ----------------------------------------------*/
.jxtc-icon a {color: #999 !important;}
span.symbol {padding-left:18px!important;}
.ocular_social .firstcol, .ocular_social .centercol, .ocular_social .lastcol {text-align:center!important;}
/* ----------------------------------------------*/
/* MOD 01 - AcyMailing Module Large
/* ----------------------------------------------*/
.acymailing_module_form {text-align:right;}
.mailsmall form {margin:0!important;}
.searchlarge .inputbox {max-width:800px!important;padding: 25px!important;font-size: 20px!important;text-align: center!important;box-shadow:none!important; border:none!important;color:#ccc!important;}
.searchlarge .acymailing_form {text-align:center;}
.searchlarge .acymailing_modulesearchlarge {padding:100px 0;}
.searchlarge .acymailing_introtext {text-align:center; font-size:40px;color:#fff; font-weight:100;}
.searchlarge .acymailing_introtext p {font-size:14px; margin:10px 0 20px!important; text-transform:uppercase; font-weight:normal!important; font-family:Fira, Arial, Helvetica, sans-serif!important}
.searchlarge .acymailing_module_form {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase;}
.acymailing_introtext p {font-size:18px;}
.acysubbuttons .btn {
background: none repeat scroll 0% 0% transparent !important;
border: 2px solid #000 !important;
color: #000 !important;
font-size: 14px !important;
padding: 16px 32px !important;
text-transform: uppercase !important;
margin: -15px 0!important;
display: inline-block !important;
border-radius: 0px !important;
font-weight: bold !important;
text-shadow:none!important;
}
.searchlarge .btn {
    background: none !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 24px 60px 20px !important;
    text-transform: uppercase !important;
    margin-top: 32px !important;
    display: inline-block !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    font-family: Fira, Arial, Helvetica, sans-serif !important;
	text-shadow:none!important;
}
/* ----------------------------------------------*/
/* MOD 02 - AcyMailing Module Small
/* ----------------------------------------------*/
.mailsmall {margin:-12px 0;}
.mailsmall .inputbox {width: 80% !important; margin-right:10%; height: 44px; border-radius: 0; margin-top: 8px; border:none; box-shadow:none; border-bottom: 1px solid #ccc;font-size: 28px;
font-weight: 100; color: #ccc;}
.mailsmall .acysubbuttons {text-align: center;display: inline-block;}
.mailsmall p.fieldacyemail {display:inline-block;}
/* Menu Right 1 and 2 */
#menuright1 i,#menuright2 i  {font-size:18px;}
/* ----------------------------------------------*/
/* MOD 03 - Breadcrumbs
/* ----------------------------------------------*/
div.breadcrumbs { padding:6px 4px 0 4px;text-align:left;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;margin-top:0px}
div.breadcrumbs a.pathway, div.breadcrumbs span.here {display:inline-block; padding-bottom:4px;}
span.showHere {color:#333;padding:0 5px 0 0;text-transform:uppercase;font-size:12px;}
a.pathway {color:#333!important;padding:0 5px 0 0;font-size:12px; text-transform:uppercase;}
span.here {color:#333!important;padding-left:0;text-transform:uppercase;font-size:12px;}

/* ----------------------------------------------*/
/* MOD 04 - Custom HTML
/* ----------------------------------------------*/
/* Login Tools */
.logintools {padding:12px 0px 10px 20px;}
.logintools a {color: #999; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; padding: 0 4px;}
/* Custom Html - Region 5 - User19 and 20 */
.cakewrap {text-align:right;}
.customarticletext {display:inline-block; padding:80px 0 0 50px; width:65%;}
.customarticletext h4 {font-size:58px; margin:14px 0 16px; line-height:100%!important; font-weight:bold;}
.customarticletext p {font-size:17px; margin:24px 0 30px;  }
.customarticletext a.buttonrm {color:#000; padding: 16px 32px; border:2px solid #000; text-transform:uppercase; font-size:14px; font-weight:bold;display:inline-block}
/* Round Contact */
.makecontact h3 {color:#7d7d7d;margin-bottom:36px;}
.roundcontact i {font-size:36px;margin:24px 0 0 0;}
.contactwrap {text-align:center; margin:0 50px; display:inline-block;}
.roundcontact {border: 2px solid #7D7D7D;border-radius: 50%;width: 80px !important;height: 80px !important; display: inline-block; margin-bottom:16px;}
.roundcontact.envelope i {font-size:32px!important;}
/* Footer */
.footerp {font-size:10px;color:#7d7d7d;}
.footerpt {font-size:12px;color:#7d7d7d;}
.footerp,.footerpt {padding-left:50px;padding-right:20px;}
.footermod {padding-top:80px;}

/* Bottom Address */
p.btmaddress {color: #999; text-transform: uppercase; font-size: 10px; letter-spacing: 1px;margin-left:160px;}

/* ----------------------------------------------*/
/* MOD 05 - Login */
/* ----------------------------------------------*/
input#modlgn-username.inputbox, input#modlgn-passwd.inputbox {
max-width: 92% !important;
width: 100%;
min-width: 1px !important;}

/* ----------------------------------------------*/
/* H 00 - JomSocial Fixes
/* ----------------------------------------------*/
#community-wrap .app-box {border: 0px solid rgb(218, 218, 218)!important;background: none!important;} #community-wrap .input-append, #community-wrap .input-prepend {margin-top:10px;} .cGuest .btn {border-color:#ccc!important;color:#ccc!important;} #community-wrap .input-prepend .add-on {padding-top:10px;} input#keyword.input-block-level {padding:10px 8!important;}
/* ----------------------------------------------*/
/* P 00 - Image Gallery 
/* ----------------------------------------------*/
.imagegalleryplg img {margin:0px!important;border:0px solid #ccc;padding:0px!important;-moz-box-shadow:0px 0px 0px 0px #fff!important;-webkit-box-shadow:0px 0px 0px 0px #fff!important;box-shadow:0px 0px 0px 0px #fff!important;} 
.imagegalleryplg img {width:33.333%!important;}
/*  Simple Image Gallery Pro fix */
#lbOverlay {z-index: 999998!important;} #lbCenter, #lbBottomContainer {z-index: 999999!important;} #sbox-content {background:#fff;} #sbox-window {z-index: 99999999999!important;} #fancybox-wrap {z-index: 99999999999!important;}
/* ----------------------------------------------*/
/* T 01 MOBILE
/* ----------------------------------------------*/
.mobilebtn {display:none;}
a.buttontools{margin-top:0;display:inline-block;text-align:center!important;width:32px;height:32px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;font-size:18px;}
a.buttontools i {font-size:15px;}
.mobilebtn select {display:none;}
.mmobile {text-align:center;padding: 0px 24px;}
body.mobile{padding:0px;width:100%;background:#fff!important;}
body.mobile #ocularmobile{background:#ffff!important;}
img#videomobile {display:none;}/**
 * @version		1.0.2
 * @package		Ocular template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* FONT FACE FOR TEMPLATE TEXT */

@font-face {
    font-family: 'UniSans';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/UniSans/uni_sans_heavy-webfont.woff2') format('woff2'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/UniSans/uni_sans_heavy-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'UniSans';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/UniSans/uni_sans_thin-webfont.woff2') format('woff2'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/UniSans/uni_sans_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'Fira';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-book-webfont.eot');
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-book-webfont.woff') format('woff'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-book-webfont.ttf') format('truetype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-book-webfont.svg') format('svg');
     font-weight: normal!important;
     font-style: normal;
}
@font-face {
     font-family: 'Fira';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-bookitalic-webfont.eot');
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-bookitalic-webfont.woff') format('woff'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-bookitalic-webfont.ttf') format('truetype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-bookitalic-webfont.svg') format('svg');
     font-weight: normal;
     font-style: italic;
}
@font-face {
     font-family: 'Fira';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-medium-webfont.eot');
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-medium-webfont.woff') format('woff'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-medium-webfont.ttf') format('truetype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-medium-webfont.svg') format('svg');
     font-weight: bold;
     font-style: normal;
}
@font-face {
     font-family: 'Fira';
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-mediumitalic-webfont.eot');
    src: url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-mediumitalic-webfont.woff') format('woff'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-mediumitalic-webfont.ttf') format('truetype'),
         url('https://www.sfv-schwabhausen.de/templates/ocular/fonts/Fira/firasans-mediumitalic-webfont.svg') format('svg');
     font-weight: bold;
     font-style: italic;
}
	
h1, h2, h3, .articlemain .iconarticletext h4, .customarticletext h4, .blogarticletext h4, .searchlarge .acymailing_introtext
{font-family:UniSans, Arial, Helvetica, sans-serif!important;}


/* ----------------------------------------------*/
/* GLOBAL TYPOGRAPHY
/* ----------------------------------------------*/
body,#component p  {font-family:Fira, Arial, Helvetica, sans-serif;font-size:14px;direction:ltr;line-height: 1.6;}
#component p {margin: 1.5em 0;}
#component h1,#component h2,#component h3,#component h4,#component h5,#component h6 {margin: 0.75em 0;line-height: 100%;font-weight:normal;}
h1 {font-size:58px; line-height:112%;}
h2 { font-size:44px; line-height:90%!important; letter-spacing:-1.5px}
h3 { font-size:24px; line-height:120%!important; font-weight:normal!important;}
h4 { font-size:22px; line-height:100%!important;}
h5 { font-size:20px; }
h6 { font-size:18px;}
td{font-size:100%}th{font-weight:bold;padding:5px;text-align:left}sup,sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;font-size:80%;color:#F06}sup{bottom:1ex}sub{top:.5ex}del{text-decoration:line-through}small{font-size:8px}pre{border-left:3px solid #999;font:1em/1.5 "Courier News",monospace;margin:5px 0 15px;padding:10px 15px;background:#efefef}ol{list-style-type:upper-roman}hr{border-color:#ededed;border-style:solid;border-width:1px 0 0;height:1px;margin:2px 0}fieldset{border:0 solid #999}legend{padding:.2em 0;border:0 solid #333;color:#aaa;font-size:100%;font-weight:bold;margin:0;text-transform:uppercase}abbr[title]{border-bottom:1px dashed #999;cursor:help}big{font-size:150%}center{text-align:center}em{font-style:normal}a{text-decoration:none}a:hover{text-decoration:none}
.typowrap {background:#fafafa; padding:30px; border-radius:5px; margin-bottom:30px;}
#multicolumnelement{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:15em;-moz-column-count:15em;column-count:15em;-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;-webkit-column-rule:1em solid #000;-moz-column-rule:1em solid #000;column-rule:1em solid #000}
#iconlistwrap {margin-top:30px;}
ul.column li{margin:0 0 30px 0;text-align:center}
ul.pagenav li {padding:3px!important;}
.textlarge {font-size:54px!important;}
.textlarge1 {font-size:38px!important;}
ul.nav li {
    list-style:none inside none!important
}

form ul,form ul li {
    list-style-type:none!important
}

.tooltip {
    background:transparent!important;
    border:0!important
}

/* ----------------------------------------------*/
/* MENU TYPOGRAPHY
/* ----------------------------------------------*/
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a, span.separator{font-family:Fira, Arial, Helvetica, sans-serif!important;font-weight:100 !important; font-size:14px;}
#menuwrap ul.menu li.parent > ul > li > a {font-family:Fira, Helvetica, sans-serif!important;font-size:12px;}
/* ----------------------------------------------*/
/* COMPONENT TYPOGRAPHY
/* ----------------------------------------------*/
h2.article_title a,h2.article_title {font-family:UniSans, Arial, Helvetica, sans-serif!important;font-size:54px!important;line-height:100% !important;padding:0px;margin-bottom:32px!important;}
.span12 itemHeader h2.article_title a,.span12 .itemHeader h2.article_title {font-family:UniSans, Arial, Helvetica, sans-serif!important;font-size:36px;line-height:100%;padding:16px 0px 10px 0px;}
.itemHeader h2.article_title a,.itemHeader h2.article_title,h2.cat_title,h2.cat_title a {font-family:UniSans, Arial, Helvetica, sans-serif!important;font-size:36px;line-height:100%;padding: 16px 0px 0; margin-bottom: 16px !important;}
.catlink h3{text-align:center!important;}
div.joomla div.multicolumns h2.title {font-size:38.571428571429;line-height:38.571428571429;}
.componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category,.componentheading span{font-family: UniSans, Arial, Helvetica, sans-serif;font-size:42px!important;line-height:120%; ?>;display:block;letter-spacing:0px!important; font-weight:bold!important;}
h1.page-title{font-size:42px!important;display:inline-block !important; text-transform:none;font-weight:bold!important;}
.component h2 {letter-spacing:-2px;}
.item-page p {font-size:16px}
.module h3.moduletitle,#community-wrap .app-box > h3, #community-wrap .app-box .app-widget-header > h3,#Kunena .kheader h2, #Kunena .kheader h2 a  {font-size:22px !important; line-height:22px!important; text-transform:uppercase;}
.module h3 span.module_subtitle {font-size:11px;font-weight:normal;text-transform:none;line-height:12px;}
.cat h3.title,.cat_rest h3.title {font-size: 250%;font-weight: normal;letter-spacing: -1px;line-height: 110%;margin: 0;padding:0 0 4px;float:left;width:auto;}
div.joomla div.description {font-size:18px;line-height:20px;}
.txt_small {font-size:12px;line-height:1.5;}
.txt_large {font-size:64px;line-height:100%;}
.upper {text-transform:uppercase;}
.ff_times {font-family:"Times New Roman", Times, serif;}
.breadcrumbs,.breadcrumbs a, .breadcrumbs span{font-size:12px!important;}
div.breadcrumbs a.pathway{font-size:11px!important;}
/*Be nice, IE fix below*/
/*
div,a,a:link {font-family:Fira, Arial, Helvetica, sans-serif;}
*/

/* ----------------------------------------------*/
/* TYPO STYLES
/* ----------------------------------------------*/
/* Drop Cap and Quotes Styles */
.dropcap{float:left;padding:0px 8px 0 0;display:block;color:#999;font:80px/60px Times,serif}
quotes{padding:1em 40px 1em 15px;font:16px Arial;color:#777}
.quotetxt {font-weight: 100!important}
blockquote.opensmall{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/openquote.gif) no-repeat 0 0;border:0;padding:0 0 0 6px;text-align:justify}
blockquote.opensmall p{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/closequote.gif) no-repeat 100% 100%;padding:0 0 0 15px;font:16px Arial;color:#777}
blockquote.openlarge{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/oquote_lg.png) no-repeat 0 0;border:0;padding:0;text-align:justify}
blockquote.openlarge p{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/equote_lg.png) no-repeat 100% 100%;padding:10px 0 10px 50px;font:18px Arial;line-height:28px;color:#777}

/* Div Styles */
.highlight{padding:12px;background:#ffc;color:#333;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}
.code{background:#f4f4f4;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;padding:12px;color:#333}
.note{background:#feef9c url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/note.gif) no-repeat right bottom;font-size:1em;color:#000!important;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;margin-bottom:15px}

/* P Class Styles */
p.error{padding-left:25px;color:#f10033;background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/error.gif) no-repeat top left}
p.message{color:#069;background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/info.gif) no-repeat top left;padding-left:25px}
p.ideas{padding-left:25px;color:#ee9600;background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/lightbulb.gif) no-repeat top left}
p.download{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/download.gif) no-repeat 5px center;padding-left:25px}
p.astrix{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/icon-asterisk_sm.png) no-repeat 5px center;padding-left:25px}
p.com{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/ext_com.png) no-repeat 5px center;padding-left:35px}
p.mod{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/ext_mod.png) no-repeat 5px center;padding-left:35px}
p.plug{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/ext_plugin.png) no-repeat 5px center;padding-left:35px}
p.lang{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/ext_lang.png) no-repeat 5px center;padding-left:35px}
p.rss{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/typo/rss.png) no-repeat 5px center;padding-left:25px;padding-right:0;padding-top:0;padding-bottom:0}

.ulwrap{background:#f4f4f4;border:1px solid #ddd;margin:0 0 20px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
/*.titlewrap{padding:12px;background:#f1f1f1;border-bottom:1px solid #ddd;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}*/
h3.wraptitle{padding:0;margin:0;font-size:16px;color:#666;line-height:100%}
.h3large h3.moduletitle {font-size:28px!important;}
/* UL Icons */
ul.icons{list-style:none;padding:12px 0;margin:0}
ul.icons li span{padding-right:10px}
ul.icons li span i.icon-ok{color:#5ea62a}
ul.icons li span i.icon-star{color:#eec523}
ul.icons li span i.icon-remove-sign{color:#900}
ul.icons li span i.icon-comments{color:#5e8bc9}
ul.icons li span i.icon-play-circle{color:#222}

/* Button Colors */
.btnblue {background:#6791e7!important; color:#fff!important; }
.btnred {background:#e52644!important; color:#fff!important; }
.btngreen {background:#1b3647!important; color:#fff!important; }
.btnorange {background:#ff5353!important; color:#fff!important; }
.btnyellow {background:#ffbc48!important; color:#fff!important; }
.btngrey {background:#222222!important; color:#fff!important; }

/* Blog Bubbles */
.blog-red,.blog-blue,.blog-green,.blog-cyan,.blog-tan,.blog-yellow,.blog-grey,.blog-pink{line-height:133%;margin-bottom:15px!important;position:relative;padding:30px!important;font-size:14px;color:#fff;color:rgba(255,255,255,0.85);font-weight:bold;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:0px}
.blog-red+p,.blog-blue+p,.blog-green+p,.blog-cyan+p,.blog-tan+p,.blog-yellow+p,.blog-grey+p,.blog-pink+p{margin:15px 0 2em 85px!important;font-style:italic}
.blog-red:after,.blog-blue:after,.blog-green:after,.blog-cyan:after,.blog-tan:after,.blog-yellow:after,.blog-grey:after,.blog-pink:after{content:"";position:absolute;bottom:-30px;left:50px;border-width:0 20px 30px 0;border-style:solid;display:block;width:0}
.blog-red{background:#590c0d;}.blog-red:after{border-color:transparent #590c0d}
.blog-blue{background:#587faf;}.blog-blue:after{border-color:transparent #587faf}
.blog-green{background:#90892f;}.blog-green:after{border-color:transparent #90892f}
.blog-tan{background:#87785e;}.blog-tan:after{border-color:transparent #87785e}
.blog-cyan{background:#21ceda;}.blog-cyan:after{border-color:transparent #21ceda}
.blog-yellow{background:#c8a446;}.blog-yellow:after{border-color:transparent #c8a446}
.blog-grey{background:#7a7a7a;}.blog-grey:after{border-color:transparent #7a7a7a}
.blog-pink{background:#b12d4c;}.blog-pink:after{border-color:transparent #b12d4c}

/* Shop Radio Button Overrides */
.productdetails input[type=radio],.productdetails-view input[type=radio],.j2catitem input[type=radio]{display:none;margin:10px 20px;}
.productdetails input[type=radio] + label,.productdetails-view input[type=radio] + label,.j2catitem input[type=radio] + label{display:inline;padding:12px 16px;border:1px solid #ddd;}
.productdetails input[type=radio]:checked + label,.productdetails-view input[type=radio]:checked + label,.j2catitem input[type=radio]:checked + label{background-image: none;background-color:#ebebeb;color:#555;border:1px solid #ddd;}
.productdetails input[type="radio"] + label:hover,.productdetails-view input[type="radio"] + label:hover,.j2catitem input[type="radio"] + label:hover{background:#333;color:#fff;}


/* ----------------------------------------------*/
/* FONT AWESOME
/* ----------------------------------------------*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
.fontawesome-icon-list i {margin-right:5px;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}

.fontawesome-icon-list div {width:33%; display:inline-block; text-align:left; padding:10px 0;} 
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}

/*! FONT AWESOME AS MODULE SUFFIXES - SAME SYNTAX BUT WITHOUT THE FA PREFIX
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 
 .glass h3.moduletitle:before {content: "\f000";}
.music h3.moduletitle:before {content: "\f001";}
.search h3.moduletitle:before {content: "\f002";}
.envelope h3.moduletitle:before {content: "\f003";}
.heart h3.moduletitle:before {content: "\f004";}
.star h3.moduletitle:before {content: "\f005";}
.star-o h3.moduletitle:before {content: "\f006";}
.user h3.moduletitle:before {content: "\f007";}
.film h3.moduletitle:before {content: "\f008";}
.th-lg h3.moduletitle:before {content: "\f009";}
.th h3.moduletitle:before {content: "\f00a";}
.list h3.moduletitle:before {content: "\f00b";}
.check h3.moduletitle:before {content: "\f00c";}
.times h3.moduletitle:before {content: "\f00d";}
.search h3.moduletitle:before {content: "\f00e";}
.search-minus h3.moduletitle:before {content: "\f010";}
.power-off h3.moduletitle:before {content: "\f011";}
.signal h3.moduletitle:before {content: "\f012";}
.gear h3.moduletitle:before {content: "\f013";}
.trash h3.moduletitle:before {content: "\f014";}
.home h3.moduletitle:before {content: "\f015";}
.file h3.moduletitle:before {content: "\f016";}
.clock h3.moduletitle:before {content: "\f017";}
.road h3.moduletitle:before {content: "\f018";}
.download h3.moduletitle:before {content: "\f019";}
.arrow-circle-down h3.moduletitle:before {content: "\f01a";}
.arrow-circle-up h3.moduletitle:before {content: "\f01b";}
.inbox h3.moduletitle:before {content: "\f01c";}
.play-circle h3.moduletitle:before {content: "\f01d";}
.repeat h3.moduletitle:before {content: "\f01e";}
.refresh h3.moduletitle:before {content: "\f021";}
.list-alt h3.moduletitle:before {content: "\f022";}
.lock h3.moduletitle:before {content: "\f023";}
.flag h3.moduletitle:before {content: "\f024";}
.headphones h3.moduletitle:before {content: "\f025";}
.volume-off h3.moduletitle:before {content: "\f026";}
.volume-down h3.moduletitle:before {content: "\f027";}
.volume-up h3.moduletitle:before {content: "\f028";}
.qrcode h3.moduletitle:before {content: "\f029";}
.barcode h3.moduletitle:before {content: "\f02a";}
.tag h3.moduletitle:before {content: "\f02b";}
.tags h3.moduletitle:before {content: "\f02c";}
.book h3.moduletitle:before {content: "\f02d";}
.bookmark h3.moduletitle:before {content: "\f02e";}
.print h3.moduletitle:before {content: "\f02f";}
.camera h3.moduletitle:before {content: "\f030";}
.font h3.moduletitle:before {content: "\f031";}
.bold h3.moduletitle:before {content: "\f032";}
.italic h3.moduletitle:before {content: "\f033";}
.text-height h3.moduletitle:before {content: "\f034";}
.text-width h3.moduletitle:before {content: "\f035";}
.align-left h3.moduletitle:before {content: "\f036";}
.align-center h3.moduletitle:before {content: "\f037";}
.align-right h3.moduletitle:before {content: "\f038";}
.align-justify h3.moduletitle:before {content: "\f039";}
.list h3.moduletitle:before {content: "\f03a";}
.outdent h3.moduletitle:before {content: "\f03b";}
.indent h3.moduletitle:before {content: "\f03c";}
.video-camera h3.moduletitle:before{content: "\f03d";}
.picture-o h3.moduletitle:before {content: "\f03e";}
.pencil h3.moduletitle:before {content: "\f040";}
.map-marker h3.moduletitle:before {content: "\f041";}
.adjust h3.moduletitle:before {content: "\f042";}
.tint h3.moduletitle:before {content: "\f043";}
.edit h3.moduletitle:before {content: "\f044";}
.share-square-o h3.moduletitle:before {content: "\f045";}
.check-square-o h3.moduletitle:before {content: "\f046";}
.arrows h3.moduletitle:before {content: "\f047";}
.step-backward h3.moduletitle:before {content: "\f048";}
.fast-backward h3.moduletitle:before {content: "\f049";}
.backward h3.moduletitle:before {content: "\f04a";}
.play h3.moduletitle:before {content: "\f04b";}
.pause h3.moduletitle:before {content: "\f04c";}
.stop h3.moduletitle:before {content: "\f04d";}
.forward h3.moduletitle:before {content: "\f04e";}
.fast-forward h3.moduletitle:before {content: "\f050";}
.step-forward h3.moduletitle:before {content: "\f051";}
.eject h3.moduletitle:before {content: "\f052";}
.chevron-left h3.moduletitle:before {content: "\f053";}
.chevron-right h3.moduletitle:before {content: "\f054";}
.plus-circle h3.moduletitle:before {content: "\f055";}
.minus-circle h3.moduletitle:before {content: "\f056";}
.times-circle h3.moduletitle:before {content: "\f057";}
.check-circle h3.moduletitle:before {content: "\f058";}
.question-circle h3.moduletitle:before {content: "\f059";}
.info-circle h3.moduletitle:before {content: "\f05a";}
.crosshairs h3.moduletitle:before {content: "\f05b";}
.times-circle-o h3.moduletitle:before {content: "\f05c";}
.check-circle-o h3.moduletitle:before {content: "\f05d";}
.ban h3.moduletitle:before {content: "\f05e";}
.arrow-left h3.moduletitle:before {content: "\f060";}
.arrow-right h3.moduletitle:before {content: "\f061";}
.arrow-up h3.moduletitle:before {content: "\f062";}
.arrow-down h3.moduletitle:before {content: "\f063";}
.mail-forward h3.moduletitle:before,
.share h3.moduletitle:before {content: "\f064";}
.expand h3.moduletitle:before {content: "\f065";}
.compress h3.moduletitle:before {content: "\f066";}
.plus h3.moduletitle:before {content: "\f067";}
.minus h3.moduletitle:before {content: "\f068";}
.asterisk h3.moduletitle:before {content: "\f069";}
.exclamation-circle h3.moduletitle:before {content: "\f06a";}
.gift h3.moduletitle:before {content: "\f06b";}
.leaf h3.moduletitle:before {content: "\f06c";}
.fire h3.moduletitle:before {content: "\f06d";}
.eye h3.moduletitle:before {content: "\f06e";}
.eye-slash h3.moduletitle:before {content: "\f070";}
.warning h3.moduletitle:before,
.exclamation-triangle h3.moduletitle:before {content: "\f071";}
.plane h3.moduletitle:before {content: "\f072";}
.calendar h3.moduletitle:before {content: "\f073";}
.random h3.moduletitle:before {content: "\f074";}
.comment h3.moduletitle:before {content: "\f075";}
.magnet h3.moduletitle:before {content: "\f076";}
.chevron-up h3.moduletitle:before {content: "\f077";}
.chevron-down h3.moduletitle:before {content: "\f078";}
.retweet h3.moduletitle:before {content: "\f079";}
.shopping-cart h3.moduletitle:before {content: "\f07a";}
.folder h3.moduletitle:before {content: "\f07b";}
.folder-open h3.moduletitle:before {content: "\f07c";}
.arrows-v h3.moduletitle:before {content: "\f07d";}
.arrows-h h3.moduletitle:before {content: "\f07e";}
.bar-chart-o h3.moduletitle:before {content: "\f080";}
.twitter-square h3.moduletitle:before {content: "\f081";}
.facebook-square h3.moduletitle:before {content: "\f082";}
.camera-retro h3.moduletitle:before {content: "\f083";}
.key h3.moduletitle:before {content: "\f084";}
.gears h3.moduletitle:before,
.cogs h3.moduletitle:before {content: "\f085";}
..comments h3.moduletitle:before {content: "\f086";}
.thumbs-o-up h3.moduletitle:before {content: "\f087";}
.thumbs-o-down h3.moduletitle:before {content: "\f088";}
.star-half h3.moduletitle:before {content: "\f089";}
.heart-o h3.moduletitle:before {content: "\f08a";}
.sign-out h3.moduletitle:before {content: "\f08b";}
.linkedin-square h3.moduletitle:before {content: "\f08c";}
.thumb-tack h3.moduletitle:before {content: "\f08d";}
.external-link h3.moduletitle:before {content: "\f08e";}
.sign-in h3.moduletitle:before {content: "\f090";}
.trophy h3.moduletitle:before {content: "\f091";}
.github-square h3.moduletitle:before {content: "\f092";}
.upload h3.moduletitle:before {content: "\f093";}
.lemon-o h3.moduletitle:before {content: "\f094";}
.phone h3.moduletitle:before {content: "\f095";}
.square-o h3.moduletitle:before {content: "\f096";}
.bookmark-o h3.moduletitle:before {content: "\f097";}
.phone-square h3.moduletitle:before {content: "\f098";}
.twitter h3.moduletitle:before {content: "\f099";}
.facebook h3.moduletitle:before {content: "\f09a";}
.github h3.moduletitle:before {content: "\f09b";}
.unlock h3.moduletitle:before {content: "\f09c";}
.credit-card h3.moduletitle:before {content: "\f09d";}
.rss h3.moduletitle:before {content: "\f09e";}
.hdd-o h3.moduletitle:before {content: "\f0a0";}
.bullhorn h3.moduletitle:before {content: "\f0a1";}
.bell h3.moduletitle:before {content: "\f0f3";}
.certificate h3.moduletitle:before {content: "\f0a3";}
.hand-o-right h3.moduletitle:before {content: "\f0a4";}
.hand-o-left h3.moduletitle:before {content: "\f0a5";}
.hand-o-up h3.moduletitle:before {content: "\f0a6";}
.hand-o-down h3.moduletitle:before {content: "\f0a7";}
.arrow-circle-left h3.moduletitle:before {content: "\f0a8";}
.arrow-circle-right h3.moduletitle:before {content: "\f0a9";}
.arrow-circle-up h3.moduletitle:before {content: "\f0aa";}
.arrow-circle-down h3.moduletitle:before {content: "\f0ab";}
.globe h3.moduletitle:before {content: "\f0ac";}
.wrench h3.moduletitle:before {content: "\f0ad";}
.tasks h3.moduletitle:before {content: "\f0ae";}
.filter h3.moduletitle:before {content: "\f0b0";}
.briefcase h3.moduletitle:before {content: "\f0b1";}
.arrows-alt h3.moduletitle:before {content: "\f0b2";}
.group h3.moduletitle:before,
.users h3.moduletitle:before {content: "\f0c0";}
.chain h3.moduletitle:before,
.link h3.moduletitle:before {content: "\f0c1";}
.cloud h3.moduletitle:before {content: "\f0c2";}
.flask h3.moduletitle:before {content: "\f0c3";}
.cut h3.moduletitle:before,
.scissors h3.moduletitle:before {content: "\f0c4";}
.copy h3.moduletitle:before,
.files-o h3.moduletitle:before {content: "\f0c5";}
.paperclip h3.moduletitle:before {content: "\f0c6";}
.save h3.moduletitle:before,
.floppy-o h3.moduletitle:before {content: "\f0c7";}
.square h3.moduletitle:before {content: "\f0c8";}
.bars h3.moduletitle:before {content: "\f0c9";}
.list-ul h3.moduletitle:before {content: "\f0ca";}
.list-ol h3.moduletitle:before {content: "\f0cb";}
.strikethrough h3.moduletitle:before {content: "\f0cc";}
.underline h3.moduletitle:before {content: "\f0cd";}
.table h3.moduletitle:before {content: "\f0ce";}
.magic h3.moduletitle:before {content: "\f0d0";}
.truck h3.moduletitle:before {content: "\f0d1";}
.pinterest h3.moduletitle:before {content: "\f0d2";}
.pinterest-square h3.moduletitle:before {content: "\f0d3";}
.google-plus-square h3.moduletitle:before {content: "\f0d4";}
.google-plus h3.moduletitle:before {content: "\f0d5";}
.money h3.moduletitle:before {content: "\f0d6";}
.caret-down h3.moduletitle:before {content: "\f0d7";}
.caret-up h3.moduletitle:before {content: "\f0d8";}
.caret-left h3.moduletitle:before {content: "\f0d9";}
.caret-right h3.moduletitle:before {content: "\f0da";}
.columns h3.moduletitle:before {content: "\f0db";}
.unsorted h3.moduletitle:before,
.sort h3.moduletitle:before {content: "\f0dc";}
.sort-down h3.moduletitle:before,
.sort-asc h3.moduletitle:before {content: "\f0dd";}
.sort-up h3.moduletitle:before,
.sort-desc h3.moduletitle:before {content: "\f0de";}
.envelope h3.moduletitle:before {content: "\f0e0";}
.linkedin h3.moduletitle:before {content: "\f0e1";}
.rotate-left h3.moduletitle:before,
.undo h3.moduletitle:before {content: "\f0e2";}
.legal h3.moduletitle:before,
.gavel h3.moduletitle:before {content: "\f0e3";}
.dashboard h3.moduletitle:before,
.tachometer h3.moduletitle:before {content: "\f0e4";}
.comment-o h3.moduletitle:before {content: "\f0e5";}
.comments-o h3.moduletitle:before {content: "\f0e6";}
.flash h3.moduletitle:before,
.bolt h3.moduletitle:before {content: "\f0e7";}
.sitemap h3.moduletitle:before {content: "\f0e8";}
.umbrella h3.moduletitle:before {content: "\f0e9";}
.paste h3.moduletitle:before,
.clipboard h3.moduletitle:before {content: "\f0ea";}
.lightbulb-o h3.moduletitle:before {content: "\f0eb";}
.exchange h3.moduletitle:before {content: "\f0ec";}
.cloud-download h3.moduletitle:before {content: "\f0ed";}
.cloud-upload h3.moduletitle:before {content: "\f0ee";}
.user-md h3.moduletitle:before {content: "\f0f0";}
.stethoscope h3.moduletitle:before {content: "\f0f1";}
.suitcase h3.moduletitle:before {content: "\f0f2";}
.bell-o h3.moduletitle:before {content: "\f0a2";}
.coffee h3.moduletitle:before {content: "\f0f4";}
.cutlery h3.moduletitle:before {content: "\f0f5";}
.file-text-o h3.moduletitle:before {content: "\f0f6";}
.building-o h3.moduletitle:before {content: "\f0f7";}
.hospital-o h3.moduletitle:before {content: "\f0f8";}
.ambulance h3.moduletitle:before {content: "\f0f9";}
.medkit h3.moduletitle:before {content: "\f0fa";}
.fighter-jet h3.moduletitle:before {content: "\f0fb";}
.beer h3.moduletitle:before {content: "\f0fc";}
.h-square h3.moduletitle:before {content: "\f0fd";}
.plus-square h3.moduletitle:before {content: "\f0fe";}
.angle-double-left h3.moduletitle:before {content: "\f100";}
.angle-double-right h3.moduletitle:before {content: "\f101";}
.angle-double-up h3.moduletitle:before {content: "\f102";}
.angle-double-down h3.moduletitle:before {content: "\f103";}
.angle-left h3.moduletitle:before {content: "\f104";}
.angle-right h3.moduletitle:before {content: "\f105";}
.angle-up h3.moduletitle:before {content: "\f106";}
.angle-down h3.moduletitle:before {content: "\f107";}
.desktop h3.moduletitle:before {content: "\f108";}
.laptop h3.moduletitle:before {content: "\f109";}
.tablet h3.moduletitle:before {content: "\f10a";}
.mobile-phone h3.moduletitle:before,
.mobile h3.moduletitle:before {content: "\f10b";}
.circle-o h3.moduletitle:before {content: "\f10c";}
.quote-left h3.moduletitle:before {content: "\f10d";}
.quote-right h3.moduletitle:before {content: "\f10e";}
.spinner h3.moduletitle:before {content: "\f110";}
.circle h3.moduletitle:before {content: "\f111";}
.mail-reply h3.moduletitle:before,
.reply h3.moduletitle:before {content: "\f112";}
.github-alt h3.moduletitle:before {content: "\f113";}
.folder-o h3.moduletitle:before {content: "\f114";}
.folder-open-o h3.moduletitle:before {content: "\f115";}
.smile-o h3.moduletitle:before {content: "\f118";}
.frown-o h3.moduletitle:before {content: "\f119";}
.meh-o h3.moduletitle:before {content: "\f11a";}
.gamepad h3.moduletitle:before {content: "\f11b";}
.keyboard-o h3.moduletitle:before {content: "\f11c";}
.flag-o h3.moduletitle:before {content: "\f11d";}
.flag-checkered h3.moduletitle:before {content: "\f11e";}
.terminal h3.moduletitle:before {content: "\f120";}
.code h3.moduletitle:before {content: "\f121";}
.reply-all h3.moduletitle:before {content: "\f122";}
.mail-reply-all h3.moduletitle:before {content: "\f122";}
.star-half-empty h3.moduletitle:before,
.star-half-full h3.moduletitle:before,
.star-half-o h3.moduletitle:before {content: "\f123";}
.location-arrow h3.moduletitle:before {content: "\f124";}
.crop h3.moduletitle:before {content: "\f125";}
.code-fork h3.moduletitle:before {content: "\f126";}
.unlink h3.moduletitle:before,
.chain-broken h3.moduletitle:before {content: "\f127";}
.question h3.moduletitle:before {content: "\f128";}
.info h3.moduletitle:before {content: "\f129";}
.exclamation h3.moduletitle:before {content: "\f12a";}
.superscript h3.moduletitle:before {content: "\f12b";}
.subscript h3.moduletitle:before {content: "\f12c";}
.eraser h3.moduletitle:before {content: "\f12d";}
.puzzle-piece h3.moduletitle:before {content: "\f12e";}
.microphone h3.moduletitle:before {content: "\f130";}
.microphone-slash h3.moduletitle:before {content: "\f131";}
.shield h3.moduletitle:before {content: "\f132";}
.calendar-o h3.moduletitle:before {content: "\f133";}
.fire-extinguisher h3.moduletitle:before {content: "\f134";}
.rocket h3.moduletitle:before {content: "\f135";}
.maxcdn h3.moduletitle:before {content: "\f136";}
.chevron-circle-left h3.moduletitle:before {content: "\f137";}
.chevron-circle-right h3.moduletitle:before {content: "\f138";}
.chevron-circle-up h3.moduletitle:before {content: "\f139";}
.chevron-circle-down h3.moduletitle:before {content: "\f13a";}
.html5 h3.moduletitle:before {content: "\f13b";}
.css3 h3.moduletitle:before {content: "\f13c";}
.anchor h3.moduletitle:before {content: "\f13d";}
.unlock-alt h3.moduletitle:before {content: "\f13e";}
.bullseye h3.moduletitle:before {content: "\f140";}
.ellipsis-h h3.moduletitle:before {content: "\f141";}
.ellipsis-v h3.moduletitle:before {content: "\f142";}
.rss-square h3.moduletitle:before {content: "\f143";}
.play-circle h3.moduletitle:before {content: "\f144";}
.ticket h3.moduletitle:before {content: "\f145";}
.minus-square h3.moduletitle:before {content: "\f146";}
.minus-square-o h3.moduletitle:before {content: "\f147";}
.level-up h3.moduletitle:before {content: "\f148";}
.level-down h3.moduletitle:before {content: "\f149";}
.check-square h3.moduletitle:before {content: "\f14a";}
.pencil-square h3.moduletitle:before {content: "\f14b";}
.external-link-square h3.moduletitle:before {content: "\f14c";}
.share-square h3.moduletitle:before {content: "\f14d";}
.compass h3.moduletitle:before {content: "\f14e";}
.toggle-down h3.moduletitle:before,
.caret-square-o-down h3.moduletitle:before {content: "\f150";}
.toggle-up h3.moduletitle:before,
.caret-square-o-up h3.moduletitle:before {content: "\f151";}
.toggle-right h3.moduletitle:before,
.caret-square-o-right h3.moduletitle:before {content: "\f152";}
.euro h3.moduletitle:before,
.eur h3.moduletitle:before {content: "\f153";}
.gbp h3.moduletitle:before {content: "\f154";}
.dollar h3.moduletitle:before,
.usd h3.moduletitle:before {content: "\f155";}
.rupee h3.moduletitle:before,
.inr h3.moduletitle:before {content: "\f156";}
.cny h3.moduletitle:before,
.rmb h3.moduletitle:before,
.yen h3.moduletitle:before,
.jpy h3.moduletitle:before {content: "\f157";}
.ruble h3.moduletitle:before,
.rouble h3.moduletitle:before,
.rub h3.moduletitle:before {content: "\f158";}
.won h3.moduletitle:before,
.krw h3.moduletitle:before {content: "\f159";}
.bitcoin h3.moduletitle:before,
.btc h3.moduletitle:before {content: "\f15a";}
.file h3.moduletitle:before {content: "\f15b";}
.file-text h3.moduletitle:before {content: "\f15c";}
.sort-alpha-asc h3.moduletitle:before {content: "\f15d";}
.sort-alpha-desc h3.moduletitle:before {content: "\f15e";}
.sort-amount-asc h3.moduletitle:before {content: "\f160";}
.sort-amount-desc h3.moduletitle:before {content: "\f161";}
.sort-numeric-asc h3.moduletitle:before {content: "\f162";}
.sort-numeric-desc h3.moduletitle:before {content: "\f163";}
.thumbs-up h3.moduletitle:before {content: "\f164";}
.thumbs-down h3.moduletitle:before {content: "\f165";}
.youtube-square h3.moduletitle:before {content: "\f166";}
.youtube h3.moduletitle:before {content: "\f167";}
.xing h3.moduletitle:before {content: "\f168";}
.xing-square h3.moduletitle:before {content: "\f169";}
.youtube-play h3.moduletitle:before {content: "\f16a";}
.shopping-cart h3.moduletitle:before {content: "\f07a";}
.dropbox h3.moduletitle:before {content: "\f16b";}
.stack-overflow h3.moduletitle:before {content: "\f16c";}
.instagram h3.moduletitle:before {content: "\f16d";}
.flickr h3.moduletitle:before {content: "\f16e";}
.adn h3.moduletitle:before {content: "\f170";}
.bitbucket h3.moduletitle:before {content: "\f171";}
.bitbucket-square h3.moduletitle:before {content: "\f172";}
.tumblr h3.moduletitle:before {content: "\f173";}
.tumblr-square h3.moduletitle:before {content: "\f174";}
.long-arrow-down h3.moduletitle:before {content: "\f175";}
.long-arrow-up h3.moduletitle:before {content: "\f176";}
.long-arrow-left h3.moduletitle:before {content: "\f177";}
.long-arrow-right h3.moduletitle:before {content: "\f178";}
.apple h3.moduletitle:before {content: "\f179";}
.windows h3.moduletitle:before {content: "\f17a";}
.android h3.moduletitle:before {content: "\f17b";}
.linux h3.moduletitle:before {content: "\f17c";}
.dribbble h3.moduletitle:before {content: "\f17d";}
.skype h3.moduletitle:before {content: "\f17e";}
.foursquare h3.moduletitle:before {content: "\f180";}
.trello h3.moduletitle:before {content: "\f181";}
.female h3.moduletitle:before {content: "\f182";}
.male h3.moduletitle:before {content: "\f183";}
.gittip h3.moduletitle:before {content: "\f184";}
.sun-o h3.moduletitle:before {content: "\f185";}
.moon-o h3.moduletitle:before {content: "\f186";}
.archive h3.moduletitle:before {content: "\f187";}
.bug h3.moduletitle:before {content: "\f188";}
.vk h3.moduletitle:before {content: "\f189";}
.weibo h3.moduletitle:before {content: "\f18a";}
.renren h3.moduletitle:before {content: "\f18b";}
.pagelines h3.moduletitle:before {content: "\f18c";}
.stack-exchange h3.moduletitle:before {content: "\f18d";}
.arrow-circle-o-right h3.moduletitle:before {content: "\f18e";}
.arrow-circle-o-left h3.moduletitle:before {content: "\f190";}
.toggle-left h3.moduletitle:before,
.caret-square-o-left h3.moduletitle:before {content: "\f191";}
.dot-circle-o h3.moduletitle:before {content: "\f192";}
.wheelchair h3.moduletitle:before {content: "\f193";}
.vimeo-square h3.moduletitle:before {content: "\f194";}
.turkish-lira h3.moduletitle:before,
.try h3.moduletitle:before {content: "\f195";}
.plus-square-o h3.moduletitle:before {content: "\f196";}


@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}

.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-joomla:before {
	content: "\e200";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}

.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}

.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}


@media screen and (max-width: 900px){
.items-leading.xtc-leading.row-fluid .span3 .cat_title,.xtc-intro.clearfix.row-fluid .span3 .cat_title  {font-size:36px!important;}
}
/**
 * @version		1.0.2
 * @package		Ocular template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* GRID LAYOUT CLASSES
/* ----------------------------------------------*/
html{min-height:100%;}

/* ----------------------------------------------*/
/* G 00 - Column Classes Responsive
/* ----------------------------------------------*/
.gridfirst{margin-left:0!important;clear:left;}
.gridlast{clear:right;}
.row-fluid [class*="span"] {min-height: 0;}

/* ----------------------------------------------*/
/* G 01 - Basic Structure 
/* ----------------------------------------------*/
.xtc-bodygutter{padding:0 1.5%;}
.xtc-wrapper {max-width:1680px;}
.constrainmod {max-width:1680px;margin:0 auto!important;}
.xtc-wrapperpad {max-width:1680px;margin:0 auto;}
img {max-width:100%;}
#messagewrap{padding:10px 0;}


/* ----------------------------------------------*/
/* G 02 - Header
/* ----------------------------------------------*/
#header{position:relative;}
#headertop {max-width:1680px;margin:0 auto;}
#headerwrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#headerwrap .xtc-wrapper {max-width:1636px;padding-top:14px!important;padding-bottom:14px!important;padding-left:22px!important;padding-right:22px!important;margin:0 auto;}
#header.row-fluid{width:auto;}
#headerwrap{position: fixed;top: 0; width: 97%;z-index: 99999;}
#topleft {float:left;}
#topright {float:right;padding:10px 20px 0px 0px;}

/* ----Sticky Header ----------------------*/
body.sticky{margin-top:120px;}
body.nosticky #headerwrap{z-index: 9999999;position:relative;}
body.sticky #headerwrap {position:fixed;top: 0;z-index: 9999999;margin-bottom:100px;}
body.sticky #header {max-width:100%  -44px;padding-top:14px!important;padding-bottom:14px!important;padding-left:22px!important;padding-right:22px!important;}
#headerwrap.stickyscroll {z-index: 99999;}
#logo{float:left;}
.logomobilewrap img {margin:4% 0 0; display: none!important;}
/*body.innerpage #headerwrap {margin-bottom:40px;}*/
body.sticky.innerpage {margin-top: 160px;}

/* ----------------------------------------------*/
/* G 03 - Main Menu
/* ----------------------------------------------*/
#menuwrap.xtc-wrapper{max-width:1636px;}
.suckerfish ul.menu > li > ul,.dualfish ul.menu > li > ul {
    margin-left:0;
    padding:10px 20px
}

#menuwrap .suckerfish ul.menu > li ul li ul {
    margin:-41px 0 0 190px!important;
	padding:12px;

}

#menuwrap .dualfish ul.menu > li ul li ul {
    margin:-39px 0 0 220px!important;
    min-width:100px;
    padding:6px 12px 12px;
    z-index:99999989
}

#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,span.separator {
    text-align:center;
    position:relative;
    display:inline-block;
    letter-spacing:1px
}

#header ul.menu > li.parent:hover > a {
    text-align:center;
    position:relative;
    display:inline-block
}

#menuwrap ul.menu li.parent > ul > li,#menuwrap .dualfish ul.menu ul > li {
    display:block;
    padding:8px 0
}

#menuwrap ul.menu li.parent > ul {
    text-align:center;
    margin-top:33px!important
}

#menu > ul.menu {
    float:left;
    text-transform:uppercase
}

#menuwrap {
    float:right;
    margin:8px 0 6px
}

#menuright1,#menuright2,#menuright1 .module,#menuright2 .module {
    float:right;
    padding-top:5px!important;
    margin:0!important
}

/* Suckerfish - Dualfish Common CSS */
.suckerfish ul.menu,.dualfish ul.menu {
    margin:0;
    padding:0
}

.suckerfish ul.menu ul,.dualfish ul.menu ul {
    visibility:hidden;
    overflow:hidden;
    position:absolute
}

.suckerfish ul.menu ul:hover,.dualfish ul.menu ul:hover {
    overflow:visible
}

.suckerfish ul.menu > li,.dualfish ul.menu > li {
    display:block;
    float:left;
    margin:0 0 0 24px;
    padding:3px 0 0 24px
}

.suckerfish ul.menu > li > a,.dualfish ul.menu > li > a,.suckerfish ul.menu > ul > li > a,.dualfish ul.menu > ul > li > a {
    display:block
}

.dualfish ul.menu li a > span,.suckerfish ul.menu li a > span,.suckerfish ul.menu li a span.xmenu,.dualfish ul.menu li a span.xmenu {
    padding:0
}

.suckerfish ul.menu li a img,.dualfish ul.menu li a img {
    padding:0;
    float:left
}

.suckerfish ul.menu li.xtcHover > ul,.dualfish ul.menu li.xtcHover > ul,.suckerfish ul.menu li > ul:hover,.dualfish ul.menu li > ul:hover {
    visibility:visible
}

.suckerfish ul.menu > li > ul li > ul,.dualfish ul.menu > li > ul li > ul {
    visibility:hidden
}

.suckerfish ul.menu li ul li.xtcHover a,.dualfish ul.menu li ul li.xtcHover a,.suckerfish ul.menu > li > ul > li > a:hover,.dualfish ul.menu > li > ul > li > a:hover,.dualfish ul.menu > li > ul li a,.suckerfish ul.menu > li > ul li a,.dualfish ul.menu > li > ul li.active a,.suckerfish ul.menu > li > ul li.active a {
    line-height:120%;
    padding:12px 0 10px 12px
}

.suckerfish ul.menu > li > ul > li:hover > a,.dualfish ul.menu > li > ul > li:hover > a {
    position:relative
}

.suckerfish ul.menu li a > span.image-title,.dualfish ul.menu li a > span.image-title {
    margin:0 0 0 56px;
    padding:12px 0 0;
    display:block
}

/* Suckerfish */
#menuwrap ul.menu li.parent > ul,#menuwrap ul.menu li.parent > ul > li {
    display:block
}

#menuwrap .suckerfish ul.menu > li ul li {
    min-width:170px
}

/* .dualfish */
#menuwrap .dualfish ul.menu > li > ul {
    width:350px;
    padding:8px 8px 14px 0!important
}

#menuwrap .dualfish ul.menu > li > ul > li {
    width:150px;
    margin:0;
    position:relative;
    float:left;
    margin-left:16px
}

#menuwrap .dualfish ul.menu > li > ul > li > ul {
    left:-50px!important;
    width:200px;
    margin-top:-36px!important
}

#menuwrap .dualfish ul.menu > li > ul > li > ul > li > ul {
    left:-50px!important;
    width:200px;
    margin-top:-36px!important
}

/* X-Menu */
.xmenu {
    text-transform:none;
    letter-spacing:0;
    font-size:11px!important
}

#header .menu ul .xmenu {
    line-height:11px!important
}

#header span.xmenu {
    padding-top:4px!important;
    margin-bottom:0!important;
    line-height:85%!important
}

ul.imgmenu {
    width:100%;
    display:table;
    float:right
}

ul.imgmenu li {
    display:table-cell
}

ul.imgmenu li:first-child {
    padding-left:0
}

ul.imgmenu img {
    float:left;
    padding:0 12px 0 0;
    width:3em
}

ul.imgmenu span.image-title {
    float:left;
    font-size:1em;
    display:inline-block;
    line-height:133%
}

/* Side Menu */
ul.iconside {
    padding:0;
    margin:0
}

.iconside ul {
    padding:0 0 0 12px;
    margin:0
}

.iconside {
    padding:0
}

.iconside li {
    display:block;
    padding:0;
    margin-bottom:6px
}

.iconside li a {
    text-align:left;
    display:blockposition: relative;
    padding:3% 4% 3% 5%
}

.side_title {
    font-size:18px;
    line-height:40px;
    display:inline-block
}

.iconside li:hover .ca-main {
    color:#2676ac
}

.iconside li img {
    opacity:.5;
    float:left;
    margin:12px 12px 0 0
}

.iconside li:hover img {
    opacity:1
}

/* Icon Side Menu */
.xtc-iconsidemob {
    display:none
}

/* Mobile Menu */
.xtcmobilemenu {
    float:left
}

.mobile-menu {
    padding-bottom:20px
}

.mobile-menu select.menu.xtcmobilemenu {
    max-width:100%;
    width:100%;
    min-width:1%;
    border-radius:0!important;
    border-color:#ddd
}

/*Bottom Menu */
/*Bottom Menu */
ul.menubottom {padding-left:0px;}
.menubottom a {font-size:12px;text-transform:uppercase;color:#7b7b7b;}
.menubottom li {padding-bottom:6px;margin-bottom:12px;list-style:none;}

/*Side Menu */
ul.menuside {
    padding-left:0;
    margin-left:0
}

.menuside a {
    font-size:14px;
    color:#333
}

.menuside li {
    padding-bottom:6px;
    margin-bottom:6px;
    list-style:none inside none;
    border-bottom:1px solid #ebebeb
}
/* ----------------------------------------------*/
/* G 04 - Grid Regions
/* ----------------------------------------------*/
/* ----Region1---------------------------*/
#region1wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;z-index:1!important;}
#region1wrap .xtc-wrapper {max-width:1680px;padding-top:px;padding-bottom:px;padding-left:px;padding-right:px; margin:0 auto;}
#region1.row-fluid{width:auto;}
#region1.xtc-fluidwrapper {padding-top:px;padding-bottom:px;padding-left:px;padding-right:px; margin:0 auto;} 
/* ----Region2---------------------------*/
#region2wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;z-index:3!important;}
#region2wrap .xtc-wrapper {max-width:1480px;padding-top:100px;padding-bottom:100px;padding-left:100px;padding-right:100px;margin:0 auto;}
#region2.row-fluid{width:auto;}
#region2.xtc-fluidwrapper {padding-top:100px;padding-bottom:100px;padding-left:100px;padding-right:100px; margin:0 auto;} 
/* ----Region3---------------------------*/
#region3wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region3wrap .xtc-wrapper {max-width:1680px;padding-top:50px;padding-bottom:50px;padding-left:50px;padding-right:50px;margin:0 auto;}
#region3.row-fluid{width:auto;}
#region3.xtc-fluidwrapper {padding-top:50px;padding-bottom:50px;padding-left:50px;padding-right:50px; margin:0 auto;} 
body.frontpage #region3wrap .xtc-wrapper {padding-bottom:0!important;}
#component {padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;margin-bottom:40px;}
body.frontpage #component {margin-bottom:80px;}
#newsflash {padding-right:0px;padding-left:0px;margin-bottom:30px;}
#banner {padding-right:0px;padding-left:0px;margin-bottom:30px;}
#xtc-region3title{margin: 0 auto;}
/* ----Region4---------------------------*/
#region4wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region4wrap .xtc-wrapper {max-width:1480px;padding-top:40px;padding-bottom:40px;padding-left:100px;padding-right:100px;margin:0 auto;}
#region4.row-fluid{width:auto;}
#region4.xtc-fluidwrapper {padding-top:40px;padding-bottom:40px;padding-left:100px;padding-right:100px; margin:0 auto;} 
/* ----Region5---------------------------*/
#region5wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region5wrap .xtc-wrapper {max-width:1680px;padding-top:90px;padding-bottom:90px;padding-left:0px;padding-right:0px;padding:90;margin:0 auto;}
#region5.row-fluid{width:auto;}
#region5.xtc-fluidwrapper {padding-top:90px;padding-bottom:90px;padding-left:0px;padding-right:0px; margin:0 auto;} 
/* ----Region6---------------------------*/
#region6wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region6wrap .xtc-wrapper {max-width:1680px;padding-top:px;padding-bottom:px;padding-left:px;padding-right:px;padding:;margin:0 auto;}
#region6.row-fluid{width:auto;}
#region6.xtc-fluidwrapper {padding-top:px;padding-bottom:px;padding-left:px;padding-right:px; margin:0 auto;} 
/* ----Region7---------------------------*/
#region7wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region7wrap .xtc-wrapper {max-width:1680px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding:0;margin:0 auto; }
#region7.row-fluid{width:auto;}
#region7.xtc-fluidwrapper {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px; margin:0 auto;} 
/* ----Region8---------------------------*/
#region8wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region8wrap .xtc-wrapper {max-width:1480px;padding-top:20px;padding-bottom:20px;padding-left:100px;padding-right:100px;margin:0 auto;}
#region8.row-fluid{width:auto; padding-top:60px;}
#region8.xtc-fluidwrapper {padding-top:20px;padding-bottom:20px;padding-left:100px;padding-right:100px; margin:0 auto;}

/* ----Region9---------------------------*/
#region9wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region9wrap .xtc-wrapper {max-width:1680px;padding-top:0px;padding-bottom:0px;padding-left:100px;padding-right:100px;margin:0 auto;}
#region9.row-fluid{width:auto;}
#region9.xtc-fluidwrapper {padding-top:0px;padding-bottom:0px;padding-left:100px;padding-right:100px; margin:0 auto;} 

#region9 .span8 {border-top: 1px solid #161616;margin: 0px -43px 0px 40px!important;}
#right9 {border-left: 1px solid #161616;border-top: 1px solid #161616;}

/* ----Region10---------------------------*/
#region10wrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#region10wrap .xtc-wrapper {max-width:1680px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin:0 auto;}
#region10.row-fluid{width:auto; padding-bottom:60px;}
#region10.xtc-fluidwrapper {padding-top:0px;padding-bottom:0px;padding-left:100px;padding-right:100px; margin:0 auto;} 



/* ----Region Padding---------------------------*/
.xtc-spacer {margin-bottom:3.727865px;}
.xtc-gutter {padding:0px;}
.xtc-gutter2 {padding:45px 0px 50px;}
.xtc-gutter3 {padding:0 0px;}
.r1spacer_top{padding:20px 0 0 0;}
.r2spacer_top{padding:20px 0 0 0;}
.r3spacer_top{padding:0px 0 0 0;}
.r4spacer_top{padding:20px 0 0 0;}
.r5spacer_top{padding:20px 0 0 0;}
.r6spacer_top{padding:20px 0 0 0;}
.r7spacer_top{padding:20px 0 0 0;}
.r8spacer_top{padding:20px 0 0 0;}

/* ----------------------------------------------*/
/* G 05 - Footer
/* ----------------------------------------------*/
#footerwrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#footerwrap .xtc-wrapperpad {max-width:1680px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin:0 auto;}
#footerpad.row-fluid{width:auto;}
#footer .module {margin-bottom:10px!important;}

/* ----------------------------------------------*/
/* G 06 - Modules
/* ----------------------------------------------*/
.module{margin:0 0 60px  0;}
#left .module{margin:0 0 0 0;}
#right .module{margin:0 0 0 0;}
.module > h3 {font-weight:normal !important;margin:0px!important;}
.firstarea .module, #left .firstarea .module, .firstarea #right .module,#region4_banner{margin-top:0px!important;}
.center > div:first-child{padding-top:0;}
/* Module Overrides,overrides for default suffix within specific areas of the regions */
#topbanner .module:first-child,#top .module:first-child,#inset .module:first-child,#showcasegrid .module:first-child,#left .module:first-child,#right .module:first-child,#left1 .module:first-child,#right1 .module:first-child,#left2 .module:first-child,#right2 .module:first-child,#left3 .module:first-child,#right3 .module:first-child,#left4 .module:first-child,#right4 .module:first-child,#left5 .module:first-child,#right5 .module:first-child,#left6 .module:first-child,#right6 .module:first-child,#left7 .module:first-child,#right7 .module:first-child,#left8 .module:first-child,#right8 .module:first-child,#left9 .module:first-child,#right9 .module:first-child,#newsflash .module:first-child,
#banner1 .module:first-child,#breadsearch .module:first-child,#banner .module:first-child  {margin-bottom:0}
.singlearea .module {margin-bottom:0;}
.lastarea .module {margin-bottom:0;}

/* ----------------------------------------------*/
/* G 07 MOBILE
/* ----------------------------------------------*/
body.mobile .mobilepad{padding:0;}
body.mobile .mobile > div:first-child{padding:0;}
body.mobile #mobilewrap{float:right;width:80%;}
body.mobile .module{margin:0;}
body.mobile h3.moduletitle,body.mobile .modulecontent{border-right:none;}
body.mobile #footerwrap {min-width:100%;}
body.mobile span.itemImage img{max-width:100%;width:auto!important;}
body.mobile #mobilewrap .lg > div:first-child,body.mobile #mobilewrap .lg > div:first-child + div{float:none!important;width:100%!important;}
body.mobile #mobilewrap .lg a{line-height:16px!important;}
#xtc-mobilesitewrap #menu{float:none;}
.xtc-iconsidemob select[multiple], .xtc-iconsidemob select[size]{width:100%;}
#component.mobilecomponent.clearfix {padding: 0 12px!important;margin-top:20px;}
.morewrap td.firstcol > div{text-align:right;}
.morewrap td.centercol > div{text-align:left;}
.area_map table{table-layout:fixed;}

/* ----------------------------------------------*/
/* G 09 Responsive Parameters
/* ----------------------------------------------*/
@media(max-width: 0px ){#region1 {display:none!important;}}
@media(max-width: 0px ){#region2 {display:none!important;}}
@media(max-width: 0px ){#region3 {display:none!important;}}
@media(max-width: 0px ){#region4 {display:none!important;}}
@media(max-width: 0px ){#region5 {display:none!important;}}
@media(max-width: 0px ){#region6 {display:none!important;}}
@media(max-width: 0px ){#region7 {display:none!important;}}
@media(max-width: 0px ){#region8 {display:none!important;}}
@media(max-width: 0px ){#region9 {display:none!important;}}
@media(max-width: 0px ){#region10 {display:none!important;}}
@media(max-width: 900px ){
#menu .xtcdefaultmenu  {display:none;}
#menu .mobilebtn {display:block!important;position:absolute;width:30px;height:30px;float:right;}
#menuwrap {margin-right:12px!important;}
.mobilebtn select {display:block!important;background:none!important;border:none!important;font-size:16px;height:30px;width:30px;opacity:0; } SELECT.menu.suckerfish.xtcmobilemenu,SELECT.menu.dualfish.xtcmobilemenu {display:block!important;}
#menuwrap {margin:10px 18px 0 0 !important;}
}
@media(max-width: 900px ){.mobileshow {display:block!important;}.mobilefloat li {display:inline-block;padding-right:12px;}  ul.mobilefloat{margin:0px auto;text-align:center;}.mobilecenter {text-align:center; }}
@media(max-width: 900px ){.mobilehide {display:none!important;margin:0px!important;padding:0px!important;height:0px!important;}}
/**
 * @version		1.0.2
 * @package		Ocular template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/
body.frontpage {background:#282828;color:#555;}
.com_users {background:#282828;color:#555;}
body.innerpage {background:#282828 !important;color:#555;background-size:cover!important;}
/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#333333;}
.componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category {color:#333333;}
.loginpagetitle  {color:#FFFFFF}
a,input.button {color:#777777;}
a:hover {color:#777777;}
a:active {color:#777777;}
h1 {color:#333333;}
h2 {color:#333333;}
h3 {color:#000;}
h4 {color:#333333;}
h5 {color:#333333;}
h6 {color:#333333;}
/* ----------------------------------------------*/
/* B 02 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#5b7bcb;}
.basecolor_2 {color:#FFFFFF;}
.basecolor_3 {color:#999;}
.basecolor_4 {color:#666;}
.basecolor_5 {color:#333;}
.basecolor_6 {color:#edb28f;}
.basecolor_7 {color:#ecd7ab;}
.basecolor_8 {color:;}
/* ----------------------------------------------*/
/* G 00 - Header,logo,menu
/* ----------------------------------------------*/
#headertop {background:#000;}
#headerwrap {background: ;}
#header{background:#fff ;}
#headerwrap .topmodules {background:red!important;}
#logo a{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/logos/SFV2.png) no-repeat 0 0;height: 82px;width:168px;margin:3px 0 0 0;}
#search input{-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075);}
.topsearch .sb-search-input input {background:#ebebeb!important;}
/* XTC Menu */
#menuwrap {background: transparent;}
#menu {background: transparent;}
/* Top Level */
#menuwrap ul.menu > li,span.separator {background-color: !important;}
#menuwrap ul.menu > li a,span.separator {color:#666!important;}
#menuwrap ul.menu > li.deeper.parent.xtcHover,#menuwrap ul.menu > li:hover {background-color: !important;z-index:999999999999!important;position:relative!important;}
#menuwrap ul.menu > li:hover a {color:#916a58!important;}
#menuwrap ul.menu > li.active {background-color: !important;}
#menuwrap ul.menu > li.deeper.parent.active {background-color: !important;}
#menuwrap ul.menu > li.deeper.parent.active.xtcHover {background-color: !important;}
#menuwrap ul.menu > li.active a{color:#916a58!important;}
/* Drop Level */
#menuwrap ul.menu li.parent > ul {background-color: #9c938f!important;}
#menuwrap ul.menu li.parent > ul > li {text-align:left; background: !important;}
#menuwrap ul.menu li.parent > ul > li > a {color:#fff!important;}
#menuwrap ul.menu li.parent > ul > li:hover {background:#89807c!important;}
#menuwrap ul.menu li.parent > ul > li > a:hover {color:#fff!important;}
#menuwrap ul.menu li.parent > ul > li.active {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active:hover {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active > a {color:#fff!important;}
/* Side Menu */
ul.menu.iconside li {text-align:left; background: linear-gradient(to left,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2) 50%,  
#89807c 50%, #89807c);background-position: 100% 0;    background-size: 200% 100%;transition: all 3.8s ease-in;}
ul.menu.iconside li:hover {background-position: 0 0;}
/* ----------------------------------------------*/
/* G 03 - Region 1
/* ----------------------------------------------*/
#region1wrap{background:transparent ;}
#region1{background:#999     url('https://www.sfv-schwabhausen.de/templates/ocular/images/backgrounds/slide4.jpg') center no-repeat;}
/* ----------------------------------------------*/
/* G 04 - Region 2
/* ----------------------------------------------*/
#region2wrap{background: ; }
#region2{background:#f9f9f9 ;}
/* ----------------------------------------------*/
/* G 05 - Region 3
/* ----------------------------------------------*/
#region3wrap{background:transparent ;}
#region3{ background:#fff ;}
#component {background:transparent}
#left {background:transparent}
#right {background:transparent}
/* ----------------------------------------------*/
/* G 06 - Region 4
/* ----------------------------------------------*/
#region4wrap{background: ;}
#region4{background:#fff ;}
/* ----------------------------------------------*/
/* G 07 - Region 5
/* ----------------------------------------------*/
#region5wrap{background: ;}
#region5{background:#d7c5bb url('https://www.sfv-schwabhausen.de/templates/ocular/images/backgrounds/fade.png') 50% 50% no-repeat; background-size:800px 800px;}
/* ----------------------------------------------*/
/* G 08 - Region 6
/* ----------------------------------------------*/
#region6wrap{background: ;}
#region6{background:#fff ; }
/* ----------------------------------------------*/
/* G 09 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:transparent ;}
#region7{background:#ddbca2 ;}
/* ----------------------------------------------*/
/* G 10 - Region 8
/* ----------------------------------------------*/
#region8wrap{background: ;}
#region8{background:#000 ;}
/* ----------------------------------------------*/
/* G 11 - Region 9
/* ----------------------------------------------*/
#region9wrap{background:transparent ;}
#region9{background:#000 ;}
/* ----------------------------------------------*/
/* G 12 - Region 10
/* ----------------------------------------------*/
#region10wrap{background:transparent ;}
#region10{background:#000 ;}
/* ----------------------------------------------*/
/* G 13 - Footerwrap
/* ----------------------------------------------*/
#footerwrap{background:;color:#222;}

/* ----------------------------------------------*/
/* S 00 - Module Suffixes
/* ----------------------------------------------*/
.module{background: transparent;}
.module h3.moduletitle {background: ;}
.module h3 span.first_word,#community-wrap .app-box > h3, #community-wrap .app-box-footer a,#community-wrap .app-box-filter a,#community-wrap .cResetList 
span.first_word {color:;font-weight:bold;}
span.rest{color:;}
.module h3 span.rest{color:;}
.basecolor5_box h3, .basecolor5_box h3 span, .basecolor5_box,.basecolor5_box .modulecontent,.basecolor5_box .modulecontent a {background:#333!important;}
.basecolor6_box h3,.basecolor6_box h3 span,.basecolor6_box,.basecolor6_box .modulecontent,.basecolor6_box .modulecontent a {background:#edb28f!important;}
.basecolor7_box h3,.basecolor7_box h3 span,.basecolor7_box,.basecolor7_box .modulecontent,.basecolor7_box .modulecontent a {background:#ecd7ab!important;}
.basecolor8_box h3,.basecolor8_box h3 span,.basecolor8_box,.basecolor8_box .modulecontent,.basecolor8_box .modulecontent a {background:!important;}
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
.pagetitle, .pagetitle a {color:#333333;}
h2.cat_title a,h2.cat_title {color:#333333;}
.itemHeader h2.article_title a,.itemHeader h2.article_title  {color:#333333!important;}
legend {color:#5b7bcb !important;}
dt.result-title, dt.result-title a {color:#5b7bcb !important; font-weight:normal;}
.search_menu_btn:hover {color:#fff;background:#5b7bcb;cursor:pointer;}
.topsearch .sb-search-input {background:#fff!important;color:#333 !important;}
.items-more h3 {color:#5b7bcb!important;}
.dropcap {color:#5b7bcb!important;}
div.itemFullText h3,.item-page h3 {color:#5b7bcb;}
.items-more ol {margin:0px!important;}
.cat-item input[type="radio"] + label:hover {background:#333;color:#fff;}
.cat-item input[type="radio"] + label:active {background:#923935;color:#fff;}

/* ----------------------------------------------*/
/* M 00 - Walls - Icon Articles Newspro
/* ----------------------------------------------*/
.iconarticle .iconimg img {background:#edb28f!important; }

/* ----------------------------------------------*/
/* RESPONSIVE
/* ----------------------------------------------*/
/* MOBILE */
.mobilebtn {background: rgba(255,255,255,0.65) url('https://www.sfv-schwabhausen.de/templates/ocular/images/icons/menu-icon-dk.png') 50% 50% no-repeat!important;margin:0 0 0 -8px;}
.mobilebtn select {background:#fff!important;}
.mobiletools a {display:inline-block; width:30px; height:30px; background:rgba(255,255,255,0.65); color:#333;}
@media(max-width:900px ){
body.frontpage {background:#282828 ;color:#555;background-size:900px 900px!important;}
body.innerpage {background:#282828 color:#555;}
}
@media(max-width:900px ){
#logo a{background:url(https://www.sfv-schwabhausen.de/templates/ocular/images/logos/SFV2.png) no-repeat 0 0;height: 82px;width:168px!important;margin:1px 0 0 0!important;}}
@media(max-width:800px ){
 }
/* ----------------------------------------------*/
/* L 02 - Region 2
/* ----------------------------------------------*/
@media(max-width:800px ){
  }
@media(max-width:px ){
 } 
@media(max-width:800px ){
	
/* ----------------------------------------------*/
/* L 04 - Region 4
/* ----------------------------------------------*/
#region4wrap{background: ; }
#region4{background:#fff ; }
 
} 
@media(max-width:800px ){
	
/* ----------------------------------------------*/
/* L 05 - Region 5
/* ----------------------------------------------*/
#region5wrap{background: ; }
#region5{background:#d7c5bb  url('https://www.sfv-schwabhausen.de/templates/ocular/images/backgrounds/mobile_fade.png') 50% 50% no-repeat; }
 
} 
@media(max-width:800px ){
	
/* ----------------------------------------------*/
/* L 06 - Region 6
/* ----------------------------------------------*/
#region6wrap{background: ; }
#region6{background:#fff ; }
} 
@media(max-width:800px ){
	
/* ----------------------------------------------*/
/* L 07 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:transparent ; }
#region7{background:#ddbca2 ; }
}
@media(max-width:800px ){
	
/* ----------------------------------------------*/
/* L 08 - Region 8
/* ----------------------------------------------*/
#region8wrap{background: ; }
#region8{background:#000 ; }
 
}
@media(max-width:px ){
}
@media(max-width:px ){
}
/**
 * @version		1.0.2
 * @package		Ocular template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* C 00 - CSS3 Hover Effects
/* ----------------------------------------------*/
.moreslide:hover, #menuwrap ul.menu li.parent > ul,#menuwrap ul.menu li.parent > ul > li,.contactbutton, .search_menu_btn, .social a,.ca-main,ul.menu.iconside li,ul.menu.iconside li:hover,.info:hover,.article_header,.article_header span, .article_text,.itemImageGallery .imagegalleryplg img,.opac,.eventwrap img,.buttonleft,.buttonright,.buttonright a:hover,.buttonleft a:hover,.newswrap h4.newswrapmore a,.newswrap h4.newswrapmore,.catItemImage img:hover,.catItemImage:hover,.imagepe img:hover,.newitemwrap, a.article-intro-btn, .categorywrap .main, .categorywrap .more, .articletext .morelink, .articletext .morelink:hover, .categorywrap-right .main .articlemain .morelink, .categorywrap-right .main .articlemain .morelink:hover, .categorywrap-left .main .articlemain .morelink, .categorywrap-left .main .articlemain .morelink:hover,.categorywrap-right .more .articlemore:hover, .categorywrap-right .more .articlemore, .categorywrap-left .more .articlemore, .categorywrap-left .more .articlemore:hover, #header ul.menu > li > a,.orderlist {
	     -webkit-transition-property: all;
		-moz-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.15s,0.15s;
		-moz-transition-duration: 0.15s,0.15s;
		-o-transition-duration: 0.15s,0.15s;
		-ms-transition-duration: 0.15s, 0.15s;
		transition-duration: 0.15s, 0.15s;
		-webkit-transition-timing-function: ease-in,ease-out;
		-moz-transition-timing-function: ease-in,ease-out;
		-o-transition-timing-function: ease-in,ease-out;
		-ms-transition-timing-function: ease-in,ease-out;
		transition-timing-function: ease-in,ease-out;
	}


/* ----------------------------------------------*/
/* C 01 - CSS3 Animated Component
/* ----------------------------------------------*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
.animated1{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;-ms-animation-duration:0.7s;-o-animation-duration:0.7s;animation-duration:0.7s;
-moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; -0-animation-delay:0.5s; animation-delay:0.5s;
-webkit-transition-timing-function: cubic-bezier(0.065, 0.125, 0.185, 0.980);
   -moz-transition-timing-function: cubic-bezier(0.065, 0.125, 0.185, 0.980);
     -o-transition-timing-function: cubic-bezier(0.065, 0.125, 0.185, 0.980);
        transition-timing-function: cubic-bezier(0.065, 0.125, 0.185, 0.980);}
.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}


@-webkit-keyframes anistyle {
0%   {opacity: 0; -webkit-transform: translateY (1000px);}
100% {opacity: 1;-webkit-transform: translateY(0);}
}
		
@-moz-keyframes anistyle {
0% {opacity: 0;	-moz-transform: translateY(1000px);}
100% {opacity: 1;-moz-transform: translateY(0);}
}
	
@-o-keyframes anistyle {
0% {opacity: 0;	-o-transform: translateY(1000px);}
100% {opacity: 1;-o-transform: translateY(0);}
}
	
@keyframes anistyle {
0% {opacity: 0;transform: translateY(1000px);}
100% {opacity: 1;transform: translateY(0);}
}
	
.anistyle {
-webkit-animation-name: anistyle;
-moz-animation-name: anistyle;
-o-animation-name: anistyle;
animation-name: anistyle;
}	

/* ----------------------------------------------*/
/* C 03 - CSS3 Responsive Animations
/* ----------------------------------------------*/
	
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12
 {
 -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
         animation-fill-mode:forwards;
     -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
             animation-duration:1s;
	 -webkit-transition: width 0.8s ease-in-out;
	    -moz-transition: width 0.8s ease-in-out;
          -o-transition: width 0.8s ease-in-out;
             transition: width 0.8s ease-in-out;
}
/* ----------------------------------------------*/
/* C 05 - Responsive Media Breakpoints
/* ----------------------------------------------*/
/* RESPONSIVE PARAMETERS */
/*  Mobile Device Breakpoints */


@media(max-width:1400px){
.constrainmod {padding-top: 0;}
}
@media(max-width:1280px){
/* Joomla Content Padding and Margin Adjustments*/
#region2wrap .xtc-wrapper, #region4wrap .xtc-wrapper, #region5wrap .xtc-wrapper, #region8wrap .xtc-wrapper, #region9wrap .xtc-wrapper {padding:30px!important}
#region3wrap .xtc-wrapper {padding:30px!important;} 
#left .module, #right .module {margin: 0px!important} 
.customarticletext {width:100%!important;}
p.btmaddress {margin-left:80px}
}
@media(max-width:1140px){
	/*
.textlarge1 {font-size:38px!important;}
.mainslide-header img {max-width:50%!important;}
*/
.searchlarge .inputbox {max-width: 640px !important;}
.mailsmall p.fieldacyemail {width: 70%!important;float: left!important;}
.mailsmall .acysubbuttons {width: 20%!important; float: left!important;}
@media(max-width:1080px){
.suckerfish ul.menu > li, .dualfish ul.menu > li {margin: 0px 0px 0px 16px!important;padding: 10px 0px 6px 16px!important;}
.customarticletext {padding:30px 0 0 50px; width:100%!important;}
span.symbol {padding-left:0px;}
}
@media screen and (max-width: 980px){
/* Joomla Content Padding and Margins */
.leftlarge .items-leading .span6,.leftlarge .items-leading .span3{width:100%;margin-left:0;}
.leftlarge .items-leading div:first-child + div{margin-left:0;}
.rightlarge .items-leading .span6,.rightlarge .items-leading .span3{width:100%;margin-left:0;}
.centerlarge .items-leading .span6,.centerlarge .items-leading .span3{width:100%;margin-left:0;}
.centerlarge .items-leading div:first-child + div + div{margin-left:0;}
.customarticletext {padding:10px 0 0 50px; width:100%!important;}
}
@media screen and (max-width: 900px){
#headerwrap .xtc-wrapper {padding: 14px 10px !important;}
body.sticky {margin-top: 120px!important;}
body.innerpage.sticky{margin-top: 160px!important;}
#headerwrap {margin-bottom: 0!important;}
#menuwrap {float:right!important;}
.mobilebtn {margin: 0px!important; position:relative!important;}
.xtc-bodygutter{padding:0 1.5%!important;}
/* Full Width Span Breakpoint */
.row-fluid [class*="span"] {display: block; width: 100%;margin-left: 0;}
#region4wrap  .xtc-wrapper {padding: 20px!important;}
h3.moduletitle {text-align:center; padding-left:0!important;}
.pad50 h3.moduletitle {text-align:center; padding-left:0!important;}
#region9 .span8 {border: none !important; margin: 0!important;}
#right9 {border-left:none!important;}
.footerpt, .footerp {text-align:center!important;}
/* Image Gallery Plugin Width Adjustment */
.imagegalleryplg img {width:33%!important;}
/* Search Field Resize */
input#mod-search-searchword.inputbox {width:100%!important;}
/* Contact Module Center */
div.contactwrap {text-align:center;}
/* Footer Module Center */
#footer {text-align:center;}
/* Custom Html */
p.btmaddress {text-align:center;}
.cakewrap {text-align:center!important; margin-top:20px;}
.customarticletext {padding:10px 40px 0; width:100%!important; margin:0 auto!important; text-align:center;}
/* AcyMailing */
.searchlarge .acymailing_modulesearchlarge {padding: 30px 0px 55px!important;}
.acymailing_module_form .acymailing_introtext {line-height: 100%!important;}
.searchlarge .acymailing_introtext p {margin: 15px 0 !important; line-height:133%!important;}
.searchlarge .btn {margin-top: 20px !important; font-size: 16px !important; padding: 16px 32px 15px !important;}
ul.menubottom {padding: 0px 0px 20px !important;}
.menubottom li {padding-bottom: 0!important; margin-bottom: 0!important;}
p.btmaddress {margin:0px auto;}
#component {margin-bottom:80px;}
}
@media (max-width: 800px) {
/* Deluxe NewsPro Adjustments  */
.articleleft, .articleright, .articleleft p, .articleright p {float:none!important;text-align:center!important;width:90%!important; margin:0 auto!important;}
DL.search-results {width:95%;}
.search-searchword {display:none!important;}
.search .button {margin-top:12px!important;}
.floatleft {float:left!important;}
/* AcyMailing */
.searchlarge .inputbox {max-width: 85% !important;}
.searchlarge .acymailing_modulesearchlarge {padding: 20px 10px 46px !important;}
}
@media (max-width: 768px) {
/* Joomla Article */

#component p {font-size: 16px!important;}
/* Joomla Search Text Align, Padding and Resize Adjustments */
.formwrap,form#finder-search {text-align:left; padding:10px;width:80%; }
.formwrap, form#finder-search {width:100%!important;}
/* Image Gallery Resize */
.imagegalleryplg img {width:50%!important;}
.contactwrap {margin: 0px 10px!important;}
#region3wrap .xtc-wrapper {padding:15px!important;}
/* Module Suffix CSS */
.pad50 .modulecontent {padding: 30px!important;}

}
@media(max-width:660px){
.fontawesome-icon-list div {width:45%;}
/* AcyMailing */
.searchlarge .acymailing_introtext {font-size: 28px!important;}
}
@media(max-width:620px){
/* Joomla Category Blog Pagination Hide */
.pagination-start,.pagination-end,.pagination-prev,.pagination-next {display:none!important;}
/* Global Component H1,H2,H3,H4,H5,H6 Resize */
#region1wrap .xtc-wrapper {padding:0!important;}
.img-fulltext-left, .article-full-left {float:none!important; width:100%!important}
.article-full-left .article_infos {text-align:center!important;}
.sectiontableentry1 {background:none!important;padding:20px;border:1px solid #ccc;margin-bottom:12px;}
.sectiontableentry2 {background:none!important;padding:20px;border:1px solid #ccc;margin-bottom:12px;}
.Pagination ul {padding: 9px 0px!important;}
.iconarticletext p {margin-top:20px!important; font-size:14px!important;}
/* Custom HTML */
.customarticletext h4 {font-size: 48px!important;}
.customarticletext {padding: 10px 30px 0px!important;} 
/* AcyMailing */
.mailsmall .acysubbuttons {width: auto !important;display: block !important;float: none !important;margin: 0 auto !important;}
.mailsmall p.fieldacyemail {display: block !important;margin: 0px auto !important;width: 100% !important;float: none !important;}
.mailsmall .inputbox {width: 96% !important; margin-right: 0!important; text-align: center!important;}
.mailsmall {margin: 0 0 20px 0!important;}
}

@media(max-width:500px){
/* Custom HTML */
.customarticletext h4 {font-size: 32px!important;}
.customarticletext p {font-size: 14px!important; margin: 18px 0px 22px!important;}
}
@media(max-width:480px){
.xtc-leading .span6,.xtc-leading .span3,.xtc-intro .span3{float:none;width:100%;}
/* Joomla Content Print & Email Button Adjustments */
.cat-item div.action {position:relative!important;right:0px!important;bottom:0px;top:24px;}
/* Custom HTML Inset Padding Adjustment */
/* Joomla Content Navigation Padding and Margin Adjustments */
div.itemNavigation {margin:0px!important;padding:0px!important;}
.span12 .itemNav_pre,.span11 .itemNav_pre,.span10 .itemNav_pre, .span9 .itemNav_pre,.span8 .itemNav_pre,.span7 .itemNav_pre,.span6 .itemNav_pre,.span5 .itemNav_pre,.span4 .itemNav_pre,.span3 .itemNav_pre,.span2 .itemNav_pre,.span1 .itemNav_pre,	.span12 .itemNav_next,.span11 .itemNav_next,.span10 .itemNav_next, .span9 .itemNav_next,.span8 .itemNav_next,.span7 .itemNav_next,.span6 .itemNav_next,.span5 .itemNav_next,.span4 .itemNav_next,.span3 .itemNav_next,.span2 .itemNav_next,.span1 .itemNav_next {margin-left:0px!important;padding-right:0px;padding-left:0px;}
.prevnext_style {margin-bottom:72px;}
/* Joomla Page Title Font Resize */
h1.pagetitle span {font-size:25px!important;}
/* Region Padding Resize */	
.articleright p, .articleleft p {font-size:16px!important;}	
.articleright h2, .articleleft h2 {font-size:20px!important;margin-bottom:15px!important;}
h1 {font-size:25px!important;}	
.imagegalleryplg img {width:100%!important;}
.btm_contactwrap h2 {font-size:25px!important;}
.itemHeader h2.article_title a, .itemHeader h2.article_title, h2.cat_title, h2.cat_title a {font-size: 20px!important; padding: 0!important;}
/* Custom HTML */
.customarticletext {padding: 10px 6px 0px !important;width: 96% !important;}
.footerpt,.footerp {padding-left:0px;padding-right:0px;}
span.symbol {padding-left:0px!important;}
}
@media(max-width:450px){
/* Joomla Article Title Adjustment */
.jcatHeader h2 {font-size:32px!important;}
/* Joomla Article */
h2.article_title a, h2.article_title {font-size:26px!important;}
.itemJFullText {padding:0px!important;}
.itemJFullText h2 {font-size:22px!important;}
/* Deluxe News Pro Mod */
.iconarticles .firstcol, .iconarticles .centercol, .iconarticles .lastcol {
	width: 100%!important;float:none!important; display:block!important;margin-left: 0!important;}
}
@media(max-width:380px){
#region2wrap .xtc-wrapper, #region4wrap .xtc-wrapper, #region5wrap .xtc-wrapper, #region8wrap .xtc-wrapper, #region9wrap .xtc-wrapper {padding: 18px !important;}
.loginformwrap {margin:30px auto 0!important; width:260px!important; padding:30px 0;  border:10px solid rgba(0,0,0,0.05);}
td.key  {width:35px!important;}
.pad50 .modulecontent, .modulecontent {padding: 18px!important;}
.pad50 h3.moduletitle {padding: 24px 0px 0px 0px !important;}
/* AcyMailing */
.searchlarge .inputbox {max-width: 76% !important;padding: 16px !important;}
.searchlarge .acymailing_introtext p {margin: 10px 0px 5px !important;}
.searchlarge .btn {margin-top: 12px !important;}
@media(max-width:360px){
/* Custom HMTL */
.customarticletext a.buttonrm {padding:16px 0!important; width:100%!important;}	
.logintools a {padding: 0px 2px!important;}
}
@media(max-width:320px){
/* Joomla Content Pagination Font Resize & Padding & Border Adjustments */
div.pagination ul li {padding:0 4px 0 0;}
/* Breadcrumbs Title Removal */
.showHere {display:none;}
.mobilebtn {margin: 0px 0px 0px -7px !important;}
}
/* End Responsive Parameters */
/**
 * @copyright	(C) 2007 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(../../../media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}/**
 * @copyright	(C) 2006 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
