/*-------------------------------------------------------------*/
/*---------------Start Global Parmameters Styling--------------*/
/*-------------------------------------------------------------*/

/*--Set Template Width--*/
.wrapper960 {width:1200px;}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
.wrapper960 {width:960px !important;}
}

/*--Set Body Color and spacer--*/
body, .spacer{background-color:#6f7075;}

/*--Set HTML Background Image--*/
html{background:none !important;}

/*--End Background Image--*/

/*--Body font size--*/
body{font-size: 15px}

/* Fonts Selected */
body, input, button, select, textarea {font-family:Arial, Helvetica, sans-serif }
h2{font-family:Arial, Helvetica, sans-serif }
.module h3, .module_menu h3{font-family:Arial, Helvetica, sans-serif; }
#hornav{font-family:Arial, Helvetica, sans-serif }
.logo-text a{font-family:Arial, Helvetica, sans-serif !important;}

/*-------------------------------------------------------------*/
/*----------------------Buttons Styling------------------------*/
/*-------------------------------------------------------------*/
/*--Styles Button Color--*/
.content_vote .btn, .btn.dropdown-toggle, .pager.pagenav a, .pager a,
.btn-primary, span.content_vote input.btn, .btn,
.input-append .add-on, .input-prepend .add-on,
.btn.active, .btn:active, .btn:hover,.pagination ul,.readmore a.btn{background-color: #09000a; border-color: #09000a; }

#main span.content_vote input.btn{background-color: #09000a !important;}

/*buttons text, icons carets color styling*/
#main a.btn, #main a:hover.btn, button.btn, .pagenav, #main a.pagenav, #main a:hover.pagenav, #main ul.pager li.previous a, #main ul.pager li.next a, i, span.content_vote input.btn, .btn{color: #878787 !important;}
.caret{border-top: 4px solid #878787 !important;}
#main div#editor-xtd-buttons.btn-toolbar div.btn-toolbar a.btn,span.add-on{color: #878787 !important; background-color: #09000a !important;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {background-color: #09000a !important;}

/*--Print/Email Button Group Styling--*/
.btn-group a.btn, .btn-group > .btn, .btn-group > .dropdown-menu{background-color: #f5f5f5 !important; border-color: #f5f5f5 !important;}

/*--Print/Email Button Group icons,caret,text color styling--*/
div.btn-group a.btn i,div.btn-group ul.dropdown-menu li a i, #main div.btn-group ul.dropdown-menu li a, #main div.btn-group ul.dropdown-menu li a:hover{color: #2d2d2d !important;}
div.btn-group a.btn span.caret{border-top: 4px solid #2d2d2d !important;}
div.btn-group a.btn span.icon-cog{color: #2d2d2d !important;}

/*-------------------------------------------------------------*/
/*--------------------End Buttons Styling----------------------*/
/*-------------------------------------------------------------*/

/*--Input Boxes Styling - background color and text color--*/
.form-search input, .form-search textarea, .form-search select,
.form-search .help-inline, .form-search .uneditable-input,
.form-search .input-prepend, .form-search .input-append,
.form-inline input, .form-inline textarea, .form-inline select,
.form-inline .help-inline, .form-inline .uneditable-input,
.form-horizontal input, .form-horizontal textarea,
.form-horizontal select, .form-horizontal .help-inline,
.form-horizontal .uneditable-input, .form-horizontal .input-prepend,
.form-horizontal .input-append
{background-color:#fafafa !important; color: #878787 !important;}

/*--Input Boxes Styling - Border Colors--*/
.form-search input, .form-search textarea, .form-search select,
.form-search .help-inline, .form-search .uneditable-input,
.form-search .input-prepend, .form-search .input-append,
.form-inline input, .form-inline textarea, .form-inline select,
.form-inline .help-inline, .form-inline .uneditable-input,
.form-horizontal input, .form-horizontal textarea,
.form-horizontal select, .form-horizontal .help-inline,
.form-horizontal .uneditable-input, .form-horizontal .input-prepend,
.form-horizontal .input-append
{border-color:#414141 !important; }

/*-------------------------------------------------------------*/
/*---------------End Global Parmameters Styling----------------*/
/*-------------------------------------------------------------*/

/*--Load script to convert hex color to rgba--*/

/*-------------------------------------------------------------*/
/*------------Start Header Block Parmameters Styling-----------*/
/*-------------------------------------------------------------*/
/*--Header Container background color and Opacity setting--*/

/*--Header container, logo/menu responsive container, container social mobile, Component User Login set color--*/
#container_header.jl_container, #container_logo_menu_mobile, .login_moments{
    background-color: #fcfcfc;
    background-color: rgba(252,252,252, 1 );
}

/*--Header Wrapper background color and Opacity setting, logo/menu responsive container, container social mobile set color--*/

#header.block_holder{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0 );
}

/*-----------------------Search Styling-------------------------------*/
/*--search background color-- */
#search input#mod-search-searchword.inputbox, #mobile_search .inputbox{background-color:  !important;}

/*--search box border color-- */
#search .inputbox{
    border: 1px solid #fcfcfc;
    border: 1px solid (255,255,255, 1 );
}

/*--search text color-- */
#search input#mod-search-searchword.inputbox, #mobile_search .inputbox{color:  !important;}

/*--search box positioning-- */
#search{top: px}
#search{right: px}
/*---------------------End Search Styling ----------------------------*/

/*----------------Social Icons Color Styling -----------*/
	
	/*--Social Icons Color light --*/
	#social ul li a{background-position: 0px 0px;}

	

/*--------------End Social Icons Styling --------------*/

/*---------------------Header Custom Module Styling------------------------*/

/*--header custom module text color-- */
#custom{color: #414141}

/*--header custom module links colors-- */
#custom a{color: #414141}
#custom a:hover{color: #414141}

/*--header custom module positioning-- */
#custom{top: 0px}
#custom{left: 0px}

/*--------------------End Header Custom Module Styling---------------------*/

/*-------------------------------------------------------------*/
/*------------End Header Block Parmameters Styling-------------*/
/*-------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*--------------------------Start Logo Styling---------------------*/
/*-----------------------------------------------------------------*/
/*--Set Logo Image position and locate logo image file--*/
#logo{left:px}
#logo{top:px}

.logoimage a {background: url(../img/logo-header.webp) no-repeat; z-index:1;}

/*--End Set Logo Image position and locate logo image file--*/

/*--Text Colors for Logo and Slogan--*/
h1.logo-text a {color: #242424 }
p.site-slogan {color: #929d9e }
/*-----------------------------------------------------------------*/
/*------------------------End Logo Styling-------------------------*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*--------------------------Start Menu Styling---------------------*/
/*-----------------------------------------------------------------*/

/*--Hornav text color and hover color and bar color--*/
#hornav > ul > li > a {color: #ffffff }
#hornav > ul > li > a:hover {color: #d9d9d9}
#hornav {background-color: #fcfcfc }

/*--Hornav dropdown background color, text color and hover color--*/
#hornav ul ul{background-color: #414141}
#hornav ul ul li a:active, #hornav ul ul li a:focus, #hornav ul ul li a:hover{background-color: #414141}

#hornav ul ul li a {color: #000000}
#hornav ul ul li a:active, #hornav ul ul li a:focus, #hornav ul ul li a:hover {color: #d9d9d9}

/*--Responsive Menu--*/
.slicknav_nav {background-color:#fcfcfc !important;}
/*-----------------------------------------------------------------*/
/*--------------------------End Menu Styling-----------------------*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*-------------Start Slideshow Block Parmameters Styling-----------*/
/*-----------------------------------------------------------------*/
/*--Set Slideshow Module Block Container Image--*/
#container_slideshow_bg{background: url(../img/bg2.webp) no-repeat fixed;}

/*--Slideshow full or boxed--*/
/*--Set images to full width if fullwidth selected in parameters--*/

/*--Slideshow Container background color and Opacity setting--*/

#container_slideshow.jl_container{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0 );
}

/*--Slideshow Navigation color and Opacity setting--*/

.nivo-controlNavHolder{
    background-color: #474747;
    background-color: rgba(71,71,71, 0.1 );
}

/*--Container padding--*/
#container_slideshow.jl_container{padding-top:0px}
#container_slideshow.jl_container{padding-bottom:40px}
/*-----------------------------------------------------------------*/
/*--------------End Slideshow Block Parmameters Styling------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*-------Start Jumbotron Module Block Parmameters Styling------*/
/*-------------------------------------------------------------*/

/*---------------------Jumbotron Custom Module Styling------------------------*/

/*--jumbotron custom module text color-- */
#jumbotron{color: #ffffff}

/*--jumbotron custom module links colors-- */
#jumbotron a{color: #2f77cd}
#jumbotron a:hover{color: #2f77cd}

/*--jumbotron custom module button styling-- */
a.jumbotron-btn{color: #2f77cd !important;}

a:hover.jumbotron-btn{background-color: #2f77cd}
a:hover.jumbotron-btn{color: #2f77cd}

/*--------------------End Jumbotron Custom Module Styling---------------------*/

/*--Set Jumbotron Module Block Container Image--*/
#container_jumbotron_bg{background: url(../img/bg2.webp) no-repeat fixed;}
/*--End Jumbotron Module Block Container Image--*/

/*--Jumbotron Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_jumbotron.jl_container{
    background-color: #161616;
    background-color: rgba(22,22,22, 1 );
}

/*--Wrapper background color and Opacity setting--*/

#jumbotron.block_holder{
    background-color: #000000;
    background-color: rgba(0,0,0, 0 );
}

/*-------------------------------------------------------------*/
/*---------End Jumbotron Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start Top Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Top Module Block Container Image--*/
#container_top_modules_bg{background: url(../img/bg2.webp) no-repeat fixed;}
/*--End Top Module Block Container Image--*/

/*--Top Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_top_modules.jl_container{
    background-color: #fcfcfc;
    background-color: rgba(252,252,252, 0.4 );
}

/*--Wrapper background color and Opacity setting--*/

#top_modules.block_holder{
    background-color: #fcfcfc;
    background-color: rgba(252,252,252, 0 );
}

/*--Container Text Color--*/
#top_modules, #top_modules .fa{color:#191919 !important; }

/*--Container Link Color--*/
#top_modules a{color:#191919 !important; }

/*--Container Link Hover Color--*/
#top_modules a:hover{color:#191919 !important; }

/*--Container Module Head Color--*/
#top_modules .module h3, #top_modules .module_menu h3{background-color:#191919; }

/*--Container Module Head Color On/Off--*/
#top_modules .module h3, #top_modules .module_menu h3{background-color: transparent !important; }

/*--Container Module Head Text Color--*/
#top_modules .module h3, #top_modules .module_menu h3{color:#191919 !important; }

/*--Container Menu Link Color--*/
#top_modules .module ul.menu li a, #top_modules .module_menu ul.menu li a{color:#191919 !important; }
#top_modules .module ul a, #top_modules .module_menu ul a{border-color:#191919 !important; }

/*--Container Menu Link Hover Color--*/
#top_modules .module ul.menu li a:hover, #top_modules .module_menu ul.menu li a:hover{color:#191919 !important; }
#top_modules .module ul a:hover, #top_modules .module_menu ul a:hover{border-color:#191919 !important; }

/*--Container padding--*/
#container_top_modules.jl_container{padding-top:0px}
#container_top_modules.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#top_modules .module h3, #top_modules .module_menu h3{padding-left:0px}
#top_modules .module h3, #top_modules .module_menu h3{padding-right:0px}

/*-------------------------------------------------------------*/
/*---------End top Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start Main Content Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Main Content Block Container Image--*/
/*--End Main Content Block Container Image--*/

/*--Main Container Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_main.jl_container{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0 );
}

/*--Wrapper background color and Opacity setting--*/

#main.block_holder{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 1 );
}

/*--Article Title Color--*/
#content_full h2, #content_full h2 a:link, #content_full h2 a:visited, #content_full .content_header, #content_full .articleHead, #content_remainder h2, #content_remainder h2 a:link, #content_remainder h2 a:visited, #content_remainder .content_header, #content_remainder .articleHead, .published, .hits, .create{color: #000000 !important;  }

/*--Container Text Color--*/
#main, #main .fa, ul.breadcrumb li span, .list-author, .result-category, .result-text, .result-created, legend, div#slide-contact.accordion div.accordion-group div.accordion-heading {color:#414141 !important; }

/*--Container Link Color--*/
#main p a, .module ul.breadcrumb li a, .module_menu ul.breadcrumb li a{color:#2f77cd; }

/*--Container Link Hover Color--*/
#main p a:hover{color:#8ac1ff; }

/*--Container Module Head Color--*/
#main .module h3, #main .module_menu h3{border-color:#fcfcfc; }

/*--Container Module Head Color On/Off--*/

/*--Container Module Head Text Color--*/
.sidecol_block .module h3, .sidecol_block .module_menu h3, .contenttop .module h3, .contenttop .module_menu h3, .contentbottom .module h3, .contentbottom .module_menu h3{color:#878787 }

/*--Container Module Head Border Color--*/
.sidecol_block .module_header h3 {border:1px solid #fcfcfc !important; }

/*--Container Menu Link Color--*/
#main .module ul.menu li a, #main .module_menu ul.menu li a{color:#2f77cd !important; }
#main .module ul a, #main .module_menu ul a{border-color:#2f77cd !important; }

/*--Container Menu Link Hover Color--*/
#main .module ul.menu li a:hover, #main .module_menu ul.menu li a:hover{color:#8ac1ff !important; }
#main .module ul a:hover, #main .module_menu ul a:hover{border-color:#8ac1ff !important; }
#main .module ul a:hover, #main .module_menu ul a:hover{color:#8ac1ff !important; }

/*--Container padding--*/
#container_main.jl_container{padding-top:30px}
#container_main.jl_container{padding-bottom:30px}

/*--Module Head padding--*/
#main .module h3, #main .module_menu h3{padding-left:10px}
#main .module h3, #main .module_menu h3{padding-right:10px}

/*--Horizontal rule border color and tables border color--*/
hr, tr, td{border-color:#414141 !important; }

/*--Overrides Styling--*/
/*--component Login form--*/
.login_joomlage{border-color:#414141 !important; }

/*--Tags Styling - background color and text color--*/
ul.tags li a {background-color: #2d2d2d !important;}
ul.tags li a{color: #878787 !important;}
ul.tags li a:hover{color: #878787 !important;}

/*-------------------------------------------------------------*/
/*---------End Main Content Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start Bottom Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Bottom Module Block Container Image--*/
#container_bottom_modules_bg{background: url(../img/bg2.webp) no-repeat scroll;}
/*--End Bottom Module Block Container Image--*/

/*--Bottom Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_bottom_modules.jl_container{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0.5 );
}

/*--Wrapper background color and Opacity setting--*/

#bottom_modules.block_holder{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0.5 );
}

/*--Container Text Color--*/
#bottom_modules, #bottom_modules .fa{color:#929d9e !important; }

/*--Container Link Color--*/
#bottom_modules a{color:#e6f3fb !important; }

/*--Container Link Hover Color--*/
#bottom_modules a:hover{color:#e6f3fb !important; }

/*--Container Module Head Color--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{border: 1px solid #000000; }

/*--Container Module Head Color On/Off--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{border-color: transparent !important; }

/*--Container Module Head Text Color--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{color:#000000; }

/*--Container Menu Link Color--*/
#bottom_modules .module ul.menu li a, #bottom_modules .module_menu ul.menu li a{color:#000000 !important; }
#bottom_modules .module ul a, #bottom_modules .module_menu ul a{border-color:#000000 !important; }

/*--Container Menu Link Hover Color--*/
#bottom_modules .module ul.menu li a:hover, #bottom_modules .module_menu ul.menu li a:hover{color:#000000 !important;}
#bottom_modules .module ul a:hover, #bottom_modules .module_menu ul a:hover{border-color:#000000 !important; }

/*--Container padding--*/
#container_bottom_modules.jl_container{padding-top:30px}
#container_bottom_modules.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{padding-left:0px}
#bottom_modules .module h3, #bottom_modules .module_menu h3{padding-right:0px}

/*-------------------------------------------------------------*/
/*---------End Bottom Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start base Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set base Module Block Container Image--*/
#container_base_modules_bg{background: url(../img/bg2.webp) no-repeat fixed;}
/*--End base Module Block Container Image--*/

/*--base Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_base.jl_container{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0.5 );
}

/*--Wrapper background color and Opacity setting--*/

#base.block_holder{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0 );
}

/*--Container Text Color--*/
#base, #base .fa{color:#414141 !important;}

/*--Container Link Color--*/
#base a{color:#2f77cd !important;}

/*--Container Link Hover Color--*/
#base a:hover{color:#e6f3fb !important; }

/*--Container Module Head Color--*/
#base .module h3, #base .module_menu h3{border-bottom: 1px dashed #ffffff; }

/*--Container Module Head Color On/Off--*/
#base .module h3, #base .module_menu h3{border-color: transparent !important; }

/*--Container Module Head Text Color--*/
#base .module h3, #base .module_menu h3{color:#000000; }

/*--Container Menu Link Color--*/
#base .module ul.menu li a, #base .module_menu ul.menu li a{color:#000000 !important; }
#base .module ul a, #base .module_menu ul a{border-color:#000000 !important; }

/*--Container Menu Link Hover Color--*/
#base .module ul.menu li a:hover, #base .module_menu ul.menu li a:hover{color:#000000 !important;}
#base .module ul a:hover, #base .module_menu ul a:hover{border-color:#000000 !important;}

/*--Container padding--*/
#container_base.jl_container{padding-top:20px}
#container_base.jl_container{padding-bottom:20px}

/*--Module Head padding--*/
#base .module h3, #base .module_menu h3{padding-left:0px}
#base .module h3, #base .module_menu h3{padding-right:0px}

/*-------------------------------------------------------------*/
/*---------End base Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*--------Start Copright / Footer Block Parmameters Styling--------*/
/*-----------------------------------------------------------------*/

/*--Copright / Footer Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_copyright_footermenu.jl_container{
    background-color: #161616;
    background-color: rgba(22,22,22, 1 );
}

/*--Wrapper background color and Opacity setting--*/

#copyright-footermenu.block_holder{
    background-color: #000000;
    background-color: rgba(0,0,0, 0 );
}

/*--Container Text Color--*/
#copyright-footermenu, #copyright-footermenu .fa{color:#ffffff !important; }

/*--Container Link Color--*/
#copyright-footermenu a{color:#8ac1ff !important; }

/*--Container Link Hover Color--*/
#copyright-footermenu a:hover{color:#2f77cd !important; }

/*--Footer Menu Link Color--*/
#footermenu ul li a{color:#cfcfcf !important; }
#footermenu ul li a{border-color:#cfcfcf !important; }

/*--Footer Menu Link Hover Color--*/
#footermenu ul li a:hover{color:#949494 !important;}
#footermenu ul li a:hover{border-color:#949494 !important; }

/*--Container padding--*/
#container_copyright_footermenu.jl_container{padding-top:0px}
#container_copyright_footermenu.jl_container{padding-bottom:0px}
/*-----------------------------------------------------------------*/
/*--------End Copright / Footer Block Parmameters Styling--------*/
/*-----------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/*----------Start Style Side Column and Content Layout Divs---------*/
/*------------------------------------------------------------------*/
/*--Get Side Column widths from Parameters--*/
#sidecol_a {width: 25% }
#sidecol_b {width: 25% }

/*--Check and see what modules are toggled on/off then take away columns width, margin and border values from overall width*/
#content_remainder {width:75% }

/*Style Side Column A, Side Column B and Content Divs layout*/
	#content_remainder {float:left;}
	#sidecol_a {float:right;}
	#sidecol_b {float:right;}

/*Style Side Column A, Content, Side Column B Divs layout*/
/*------------------------------------------------------------------*/
/*-----------End Style Side Column and Content Layout Divs----------*/
/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/*----------------------Overrides Color Styling---------------------*/
/*------------------------------------------------------------------*/
.login_moments{border-color:#fcfcfc !important;}
/*------------------------------------------------------------------*/
/*--------------------End Overrides Color Styling-------------------*/
/*------------------------------------------------------------------*/

/*--Load Custom Css Styling--*/
/* --------------- Title Ribbon --------------- */

.ue
{
position: relative;
left:-10px;
 width: 50%;
 font-weight: bold;
 margin: 0px 10px 0px -70px!important;
 color: #000;
 background-color: #abd2ff;
 text-shadow: 0px 1px 2px #bbb;
 -webkit-box-shadow: 0px 2px 4px #888;
 -moz-box-shadow: 0px 2px 4px #888;
 box-shadow: 0px 2px 4px #888;
}

.maincontent h2.ue {
 min-width: 300px;
  }

@media only screen and (max-width: 440px) {
  .ue
    {
    padding: 0px 20px 0px 66px!important;
    font-size: 1.1em;
    line-height: 35px;
    }

  .sub3
    {
    left:40px;
    font-size:1em!important;
    line-height:35px!important;
    padding: 0px 20px 0px 40px!important;
    }

  .sub
    {
    left:20px;
    font-size:1em!important;
    }
}

@media only screen and (min-width: 441px) {
  .ue
    {
    padding: 0px 20px 0px 40px!important;
    font-size: 1.5em;
    line-height: 46px;
    }

  .sub3
    {
    left:40px;
    font-size:1em;
    line-height:35px!important;
    }

  .sub
    {
    left:51px;
    font-size:1em;
    line-height:35px!important;
    }
}

.ue:after
{
 content: ' ';
 position: absolute;
 width: 0;
 height: 0;
 left: 0px;
 top: 100%;
 border-width: 5px 10px;
 border-style: solid;
 border-color: #666 #666 transparent transparent;
}

.ue:before
{
 content: ' ';
 position: absolute;
 width: 0;
 height: 0;
 right: -2px;
 top: 0px;
 border-color: transparent #fff transparent transparent;
}

.sub2 {
 width: 100%;
}

.space {
top:-30px;
left:10px;
}

/* -------------------------------------------------------- */

/* --------------- JUX Timeline --------------- */

.jux-tl-title {
font-size:20px;
overflow-wrap: break-word;
}

.jux-tl-info {
background-color:#416b96;
color:#e6f3fb!important;
}

div.arrow {
display:none;
visibility:hidden;
}

.jux-tl-wrap {
top:30px;
}

/* --------------- Bildunterschrift ---------- */

@media only screen and (max-width: 1024px) {
  figure figcaption {margin: 11px 13px; color: #6f7075;}
}

@media only screen and (min-width: 1025px) {
  figure figcaption {margin: -11px 13px; color: #6f7075;}
}

/* --------------- Image Hover --------------- */

.box { 
    border:1px solid #ccc;
    padding:0px;

}
.overlay {  
    background:rgba(0, 0, 0, .75);
    text-align:center;
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box:hover {
    border:1px solid #555;
    border-radius:5px;
}

.box:hover .overlay {
    opacity:1;
}

@media only screen and (min-width: 768px) {
  .sidecol-1 {height:225px; width:160px;}

  .sidecol-1src {background:url(../img/flyer2.webp) no-repeat 50% 50%;}
  .sidecol-2 {height:107px; width:160px;}
  .sidecol-2src {background:url(../img/flyer2.webp) no-repeat 50% 50%;}
  .search {position:relative; top:50px; font-size:0.8em; line-height:0.8em;}
  .search1 {position:relative; top:24px; font-size:0.8em; line-height:0.8em;}
}

@media only screen and (min-width: 960px) {
  .sidecol-1 {height:295px; width:210px;}
  .sidecol-1src {background:url(../img/flyer1.webp) no-repeat 50% 50%;}
  .sidecol-2 {height:141px; width:210px;}
  .sidecol-2src {background:url(../img/flyer1.webp) no-repeat 50% 50%;
  .search {position:relative; top:100px; font-size:1.0em; line-height:0.8em;}
  .search1 {position:relative; top:24px; font-size:1.0em; line-height:0.8em;}
  }
}

@media only screen and (min-width: 1201px) {
  .sidecol-1 {height:365px; width:260px;}
  .sidecol-1src {background:url(../img/flyer.webp) no-repeat 50% 50%;}
  .sidecol-2 {height:174px; width:260px;}
  .sidecol-2src {background:url(../img/flyer.webp) no-repeat 50% 50%;}
  .search {position:relative; top:100px; font-size:1.0em; line-height:0.8em;}
  .search1 {position:relative; top:24px; font-size:1.0em; line-height:0.8em;}
}

/* --------------- Adress-Liste-Abstand --------------- */

li.address {
min-height:100px;
}

/* --------------- Diverse --------------- */

.fleft {
  float:left;
  margin:0 20px 20px 0!important;
}

.fright {
  float:right;
  margin:0 0 20px 20px;
}

.shad {
text-shadow: 1px 1px 2px #C0C0C0;
}

.shad2 {
margin: -2px 0 0 7px;
}

a.awl:hover {
text-shadow: 1px 1px 2px #C0C0C0;
}

div.dbe {
padding-right:30px;
}

/* --------------- Base Modules --------------- */

#wrapper_base-2{display:flex;flex-wrap:wrap;}
#wrapper_base-2 .base-2{float:none;}
#wrapper_base-2 .clear{display:none;}

a.baselink {
font-weight:600;
text-decoration:none;
margin-left:10px;
letter-spacing:0.1em;
}

.mleft {
margin-left:-7px;
}

.ba-terms-conditions span {vertical-align:top;}
.terms-content {font-size:90%;}
h2.ha {margin-bottom:11px!important;}

/* --------------- Hero (Startseite) --------------- */

.hero {
  position: relative;
  width: 1200px;
  max-width: 100%;
  height: 600px;
  margin: 0 auto 0px auto;
  overflow: hidden;
}
.hero-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-logo {
  position: absolute;
  top: 41px;
  left: 38px;
  width: 503px;
  height: auto;
  animation: heroFade 777ms ease both;
}
.hero-line1,
.hero-line2 {
  position: absolute;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  background: #416b96;
  color: #e6f3fb;
  padding: 5px 15px;
  margin: 0;
  opacity: 1;
}
.hero-line1 {
  top: 462px;
  left: 0;
  font-size: 27px;
  font-weight: 400;
  animation: heroIn 1500ms ease both;
}
.hero-line2 {
  top: 524px;
  left: 119px;
  font-size: 22px;
  font-weight: 500;
  animation: heroIn 2000ms ease 300ms both;
}
@keyframes heroIn {
  from { transform: translateX(-120%); }
  to { transform: translateX(0); }
}
@keyframes heroFade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media only screen and (max-width: 1200px) {
  .hero { height: auto; aspect-ratio: 2 / 1; }
  .hero-line1 { font-size: 2.5vw; top: 70%; }
  .hero-line2 { font-size: 1.7vw; top: 80%; left: 5%; }
  .hero-logo { width: 42%; top: 7%; left: 3%; }
}
@media only screen and (max-width: 767px) {
  .hero-line1, .hero-line2 { padding: 0 8px; }
}

@media only screen and (max-width: 767px) {
  .ue.sub,
  .ue.sub.sub2,
  .ue.sub3,
  .ue.space {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-left: -20px !important;
  }
}

/* --------------- Mobile-Module (Joomla-Template) --------------- */

/* #Mobile (Landscape) */
    @media only screen and (max-width: 767px) {#sidecol_b{display:none !important;}}

/* #Mobile (Landscape) */
    @media only screen and (max-width: 1024px) {#social{display:none !important;}}

/* #Mobile (Landscape) */
    @media only screen and (max-width: 1024px) {#mobile_search{display:none !important;}}

/* #Mobile (Landscape) If there is nothing in the social container then do not display it */
    @media only screen and (max-width: 1024px) {#container_social_mobile{display:none !important;}}

/* --------------- Datenschutz-Listen (Impressum) --------------- */

ul.dsgvo {margin: 0 0 0 0.8em; padding-left: 0.8em; list-style-type: disc;}
  ul.nolistleft {list-style-type:none; margin-left: 0.1em; padding-left: 0.1em;}
  ul.nolist {list-style-type:none;}
  ul.dsgvo_verz ul {padding-left: 0.8em; list-style-type:none;}
  h6 {padding:10px 0 0 0!important; margin-bottom:2px!important;}
  h5, h6 {margin-bottom:2px!important;}
  hr.hrone {height:1px; margin:0 0 5px 0;}

/* --------------- Mobile: Bilder 100% + Text darunter (Startseite/Leistungen) --------------- */
@media only screen and (max-width: 640px) {
  .fleft, .fright { float: none; width: 100%; margin: 0 0 10px 0 !important; }
  .fleft img, .fright img { width: 100%; height: auto; }
  .col-2 img.frame-1.fleft { float: none; width: 100%; height: auto; margin: 0 0 10px 0 !important; }
}

/* --------------- Fixierter Header (Desktop) --------------- */
@media only screen and (min-width: 1025px) {
  #container_header { position: fixed; top: 0; left: 0; right: 0; width: 100%; }
  .spacer { height: 71px !important; }
}