/*
    font-family: 'Lato', sans-serif;
    font-family: 'Montserrat', sans-serif;
*/





body, p, p.lead {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	color: #222222;
}

p { margin-bottom: 26px; }

p.lead, p strong, p b { font-weight: 400; color: #000000;}
p em {font-weight: 300; color: #000000; font-style: italic; }
p span, p small {font-size: 16px;
	line-height: 20x;
	font-weight: 300;
	color: #666666;
}

article p span { font-size: 18px;}

p.bu { text-align: right; color: #999999; font-size: 14px; margin-top: 0px; padding-top: 0px;}



#leftBar p { font-size: 16px; line-height: 24px; color: #999999;}

h1, h2, h3, h4, h5 {
    font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: #000000;
}
h1, h2 { padding-bottom: 15px; border-bottom: 2px solid #99CC1D; }

h3, h4 {
	font-size: 24px;
	line-height: 30px;
}

h3, h4, p.lead { padding-bottom: 15px; margin-bottom: 30px; background-image: url('../img/line_short.png'); background-repeat: no-repeat; background-position: bottom left;}
p.lead { padding-bottom: 25px; margin-bottom: 5px;  }
article.item-page p.lead { background-image: none; !important }

h6 {
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 15px; margin-bottom: 30px; background-image: url('../img/line_short.png'); background-repeat: no-repeat; background-position: bottom left;
}
h6 small {
	color: #000000;
	font-size: 18px;
	font-weight: 300;
}

h6.textheadline {
	margin-bottom: -8px;
	padding-bottom: 12px;
	background-size: 15px;
}

h3.textheadline {
	margin-bottom: -8px;
	padding-bottom: 12px;
}


h5, h1 span, h2 span, h5 strong {
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	font-style: italic;

}

hr {border: none; height: 1px; border-top: 2px solid #99CC1D;}

p.toggleNavigation{ margin-bottom: 5px; }
p.toggleNavigation span { padding: 3px 15px; padding-right: 0px; margin-left: 5px; padding-bottom: 3px; font-size: 14px; color: #666666; border-bottom: 2px solid #FFFFFF; cursor: pointer; margin-bottom: 0px;}
p.toggleNavigation span:hover {  font-size: 14px; color: #D11E2F; border-bottom: 2px solid #D11E2F; cursor: pointer; margin-bottom: 0px;}
p.toggleNavigation span.active {color: #666666; border-bottom: 2px solid #D11E2F;}


p span.ccbkTag {
	background-color: #EFEFEF;
	border-radius: 10px;
	padding: 5px 10px;
	margin-right: 0px;
	margin-top: 8px;
	display: inline-block;
	font-size: 14px;
	color: #000000;
}

/* LINKS
================== */

a:link, a:hover, a:visited {
	color: #D11E2F;
	text-decoration: none;
}

a.blackLink:link, a.blackLink:visited {
	color: #222222;
	text-decoration: none;
}

a.blackLink:hover {
	color: #222222;
}

.readmoreOpener {
		font-weight: 400;
		color: #212121;
		font-size: 18px;
		cursor: pointer;
		padding: 15px 0px;
		padding-right: 30px;
		background-image: url('../img/redArrowDown.png');
		background-repeat: no-repeat;
		background-position:  right 15px;
}

a.whiteLink:link, a.whiteLink:hover, a.whiteLink:visited { color: #FFFFFF;}

a.blackLink:link, a.blackLink:hover, a.blackLink:visited { color: #222222;}

div.page-header h2 a:link, div.page-header h2 a:hover, div.page-header h2 a:visited,
div.page-header a.btn:link, div.page-header a.btn:hover, div.page-header a.btn:visited { color: #000000; background-color: #EFEFEF;}

div.page-header h2 a:link, div.page-header h2 a:hover, div.page-header h2 a:visited
{
	padding-left: 30px;
	background-image: url('../img/redArrow.png');
	background-position: 0px 10px;
	background-size: 20px;
	background-repeat: no-repeat;
}

#leftBar01 h3 a:link,#leftBar01 h3 a:visited, #leftBar01 h3 a:hover {
	color: #222222;
	text-decoration: none;
	font-weight: 400; 
}

#leftBar01 h3 span { color: #D11E2F; }
#leftBar01 p { color: #222222; font-weight: 300; }



.categories-list h3.page-header a:link, .categories-list h3.page-header a:hover, .categories-list h3.page-header a:visited,
.blog div.page-header h2 a:link, .blog div.page-header h2 a:hover, .blog div.page-header h2 a:visited,
.blog div.page-header a.btn:link, .blog div.page-header a.btn:hover, .blog div.page-header a.btn:visited {
	background-color: #FFFFFF;
	padding-left: 0px;
	background-image: none;
	color: #000000;
}

.categories-list h3.page-header,
.items-row h2 { 
	border-bottom: none; 
	padding-bottom: 15px; margin-bottom: 30px; background-image: url('../img/line_short.png'); background-repeat: no-repeat; background-position: bottom left;
	
}




a.backLink:link {
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url('../img/redArrowLeft.png');
	background-position: 0px 2px;
	background-size: 20px;
	background-repeat: no-repeat;
	font-size: 18px;
}


a.forwardLink:link {
	margin-bottom: 10px;
	padding-right: 25px;
	background-image: url('../img/redArrowRight.png');
	background-position: 100% 4px;
	background-size: 19px;
	background-repeat: no-repeat;
	font-size: 16px;
	float: right;
}



p.readmore a.btn:link,
p.readmore a.btn:visited,
a.readmoreCCBK:link {
	margin-bottom: 10px;
	padding-left: 25px;
	background-image: url('../img/redArrow.png');
	background-position: 0px 4px;
	background-size: 17px;
	background-repeat: no-repeat;
	font-size: 18px;
}
p.readmore a.btn:link, p.readmore a.btn:visited { background-position: 0px 5px; float: left; display: block; padding-top: 0px; padding-bottom: 0px; }

a.readmoreCCBK:hover {
	color: #222222;
	text-decoration: underline;
}

.ccbkExternalLinks a.readmoreCCBK:link {
	background-position: 0px 3px;
	line-height: 24px;
	margin-bottom: 15px;
	display: block;
}




div.subcatsmenu ul.nav li, ul.menuwikitopmenu li { 
	padding-left: 10px;
	background-image: url('../img/redArrowRight.png');
	background-position: 0px 14px;
	background-size: 19px;
	background-repeat: no-repeat;
	font-size: 18px;
	
	display: inline; float: left;
	margin-right: 5%;
	width: 20%;
}

div.subcatsmenu ul.nav li a:link, , ul.menuwikitopmenu li a:link,
div.subcatsmenu ul.nav li a:visited, ul.menuwikitopmenu li a:visited { color: #000000;}
div.subcatsmenu ul.nav li a:hover, ul.menuwikitopmenu li a:hover { text-decoration: underline; background-color: transparent;} 


.ugp5 { margin-top: 5px;}
.ugp15 { margin-top: 15px;}
.ugp30 { margin-top: 30px;}
.ugp60 { margin-top: 60px;}
.ugp90 { margin-top: 90px;}
.ugp120 { margin-top: 120px;}
.ugp180 { margin-top: 180px;}
.ugp240 { margin-top: 240px;}

.bgp30 { margin-bottom: 30px; }
.bgp60 { margin-bottom: 60px; }
.bgp90 { margin-bottom: 90px; }

.pointer { cursor: pointer; } 

.brandInverted { color: #D11E2F; }
.bgGrey { background-color: #EFEFEF;}
.bgBlack { background-color: #222222;}
.bgDarkGrey { background-color: #4A4A4A;}
.bgLightGrey { background-color: #F8F8F8;}
.bgWhite { background-color: #FFFFFF; }

.bgDarkGrey * { color: #F8F8F8; }

.whiteGradientOverlay {
	margin-top: -65px;
	display: block;
	position: relative;
	height: 75px;
	width: 100%;
	background-image: url('../img/transGradient.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	z-index: 100;
	

}



.shadowLight { box-shadow: 0px 1px 2px 1px #979797;}

.red {color: #D11E2F;}
.white { color: #FFFFFF; }


.noPad { padding: 0px; margin: 0px; }


.btn { font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 1px; border-radius: 2px; font-weight: 400;}
.btn-sm { padding: 10px 25px; }

.btnRed   {border: 2px solid #D11E2F; background-color: #D11E2F; color: #FFFFFF; padding-top: 4px; padding-left: 25px; padding-right: 25px;}
.btnBlack   {border: 2px solid #222222; background-color: #222222; color: #FFFFFF; padding-top: 4px; padding-left: 25px; padding-right: 25px;}



.btnWhiteGhost   {border: 2px solid #FFFFFF; background: none; color: #FFFFFF; padding-top: 4px; padding-left: 25px; padding-right: 25px;}
.btnWhiteGhost.focus, .btnWhiteGhost:hover, .btnWhiteGhost:hover, a.btnWhiteGhost, a.btnWhiteGhost:link, a.btnWhiteGhost:visited { color: #FFFFFF; background: rgba(255,255,255,0.25); } 
a.btnWhiteGhost:hover  { color: #FFFFFF; }

.btnRedGhost {border: 2px solid #D11E2F; background: none; color: #D11E2F; padding-top: 4px; padding-left: 25px; padding-right: 25px; }
.btn.btnRedGhost.focus, .btn.btnRedGhost:hover, .btn.btnRedGhost:hover, .btn.btnRedGhost a, .btn.btnRedGhost a:link, .btn.btnRedGhost a:visited { color: #D11E2F; background: rgba(209,30,47,0.05); font-weight: 400;} 
.btnRedGhost a:hover { color: #D11E2F; }

.btnBlackGhost, a.btn.btnBlackGhost, a.btn.btnBlackGhost:link, a.btn.btnBlackGhost:visited {border: 2px solid #000000; background: none; color: #000000; padding-top: 4px; padding-left: 25px; padding-right: 25px; }
.btn.btnBlackGhost.focus, .btn.btnBlackGhost:hover, .btn.btnBlackGhost:hover, .btn.btnBlackGhost a, .btn.btnBlackGhost a:link, .btn.btnBlackGhost a:visited { color: #000000; background: rgba(0,0,0,0.05); font-weight: 400;} 
.btnBlackGhost a:hover { color: #000000; }


a.btnBlackGhostNarrow:link, a.btnBlackGhostNarrow, a.btnBlackGhostNarrow:visited, a.btnBlackGhostNarrow:hover, .btnBlackGhostNarrow {border: 2px solid #000000; background: none; color: #000000; padding: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
a.btnRedGhostNarrow:link, a.btnRedGhostNarrow, a.btnRedGhostNarrow:visited, a.btnRedGhostNarrow:hover, .btnRedGhostNarrow {border: 2px solid #D11E2F; background: none; color: #D11E2F; padding: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; }

.btnWhiteGhostNarrow {border: 2px solid #FFFFFF; background: none; color: #FFFFFF; padding: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; }


.btnDarkGrey { border: 1px solid #EFEFEF; background-color: #979797; color: #EFEFEF;}
.btnDarkGrey.focus, .btnDarkGrey:hover { border: 1px solid #EFEFEF; background-color: #888888; color: #FFFFFF;}

.btnLightGrey { border: 1px solid #EFEFEF; background-color: #CFCFCF; color: #979797;}
.btnLightGrey:hover { border: 1px solid #EFEFEF; background-color: #979797; color: #222222;}

.smallGap { padding-left: 10px; padding-right: 10px; }

.wgRoundImage { width: 90px; height: 90px; border-radius: 45px; 	background-position: 50% 50%; background-size: cover;
}

.wgRoundImageLarge {width: 150px; height: 150px; border-radius: 150px; 	background-position: 50% 50%; background-size: cover;
}

.greyImage {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.fullWidthImage {
	width: 100%;
	display: block;
	margin: 30px 0px;
}

.superTeaser {
		width: 100%;
		height: 650px;
		padding: 0px;
		background-position: 50% 50%; 
		background-size: cover;
}

.responsiveImage { width: 100%; } 

ul.breadcrumb { 
	position: relative;
	padding: 0px; background-color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 300; color: #979797; 
	margin-bottom: 10px; font-size. 14px; margin-left: 1px; display: block; width: 100%; padding-bottom: 30px;
	clear: both;
}
.breadcrumb > li + li::before { content: ""; padding: 0px; }
.breadcrumb > li, .breadcrumb > li  a   { color: #979797; display: inline; float: left; }
.breadcrumb > li.active  { color: #666666;}
.breadcrumb > li  a:hover { color: #979797; text-decoration: underline; }

ul.breadcrumb span.divider { display: inline; float: left; margin-left: 6px; margin-right: 6px; color: #4A4A4A; }

ul.breadcrumb li span.icon-location::before {content: "";}

.blackLink , h1, h2  {clear: both; display: block; }


/* MAP
================== */

#smallMap {
	display: block;
	width: 100%;
	height: 180px;
	background-color: #EFEFEF;
}

.mapOpener {
	display: none;
}

.mapOpener.mapOpen {
	color: #FFFFFF;
	background-color: #979797;
}

.moduleMap {
	width: 100%;
	height: 520px;
	display: block;
}
#susanamap {
	width: 100%;
	height: 480px;
	display: block;
	display: none;
}


.leaflet-top .leaflet-control {
	margin-top: 20px;
}

.leaflet-right .leaflet-control {
	margin-right: 20px;
}

.leaflet-container a.readmoreCCBK:link {
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url('../img/redArrow.png');
	background-position: 0px 4px;
	background-size: 14px;
	background-repeat: no-repeat;
	font-size: 14px;
}


.info {
	padding: 6px 8px;
	background: white;
	background: rgba(241, 242, 240, 1);
	border-width: 1px;
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 2px;
}

.info h4 {
	margin: 0 0 5px;
	color: #777;
}



.leaflet-popup-content-wrapper {
    border-radius: 5px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
.leaflet-popup-content {
    margin: 10px;
    overflow: hidden;
    width: 200px;
}
.leaflet-popup-content p {
    font-size: 14px;
}
.leaflet-popup-content img {
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

a.leaflet-popup-close-button:link {
	margin-right: 8px;
	margin-top: 2px;
	color: #D11E2F;
}
a.leaflet-popup-close-button:hover {
	color: #000000;
}

.legend {
	text-align: left;
	line-height: 18px;
	color: #555;
}

.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
	opacity: 1;
}



/* CCBK Pages
================== */

.logoPartnerBmgf {
	width: 100%;
	height: 120px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.sortBar {
	background-color: #EFEFEF;

}


input[type=checkbox] + label, input[type=radio] + label { 
	cursor: pointer; 
    font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #979797;
	background-image: url('../img/checkbox_empty.png');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 17px;
	padding-left: 25px;
}

input[type=checkbox]:checked + label.checkbox, input[type=radio]:checked + label.radiobox  { 
	background-image: url('../img/checkbox_active.png');
	color: #222222;
}

input[type=radio] + label {background-image: url('../img/radiobox_empty.png');}
input[type=radio]:checked + label.radiobox  { background-image: url('../img/radiobox_active.png');}


input.hiddencheckbox, input.hiddenradiobox  { display: none; }


p.filterHead { color: #FFFFFF; 	cursor: pointer; 
    font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 0px; margin: 0px;
 }
 
 #fwpButton {
	 max-width: 130px;
	 overflow: hidden;
	 text-align: right;
 }
 
 ul.filterWordPhrase {
 	display: block;
 	padding: 0px;
 	clear: both;
 	list-style: none;
 	margin: 0px;
}

 ul.filterWordPhrase li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    color: #262626;
	text-decoration: none;
}

 ul.filterWordPhrase li:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}


/* Forms */
input.form-control { border-radius: 1px; width: 100%; margin-bottom: 15px; box-shadow: none; padding: 10px 15px; height: auto;}
input.form-control:focus { border-color: #D11E2F; box-shadow: none; color: #000000;}


input#countryInput::placeholder { color: #000000; font-weight: 400;}

/* IMAGES */
.smallImageRounded {
	height: 90px;
	width: 90px;
	background-size: cover;
	background-position: 50% 50%;
	display: inline; float: left;
	border-radius: 50%;
}



/* LISTEN */
ul.linkList { list-style: none; margin: 0px; padding: 0px;}
ul.linkList li {
	margin-bottom: 26px;
	padding-left: 30px;
	background-image: url('../img/redArrow.png');
	background-position: 0px 6px;
	background-size: 17px;
	background-repeat: no-repeat;
}



div.ccbkFilter ul { margin: 0px; padding: 0px; }
div.ccbkFilter ul li {
	margin: 0px;
}

div.ccbkFilter ul li {
}


div.pagination ul li {
	display: inline;
	float: left;
	margin-left: 7px;
	font-size: 14px;
}

div.pagination ul li a:link, div.pagination ul li a:visited {
	color: #222222;
	background-color: #D8D8D8;
	padding: 6px 11px;
	font-weight: 400;
	border: 1px solid #D8D8D8;
}

div.pagination ul li a:hover {
	color: #000000;
	background-color: #979797;
	border: 1px solid #979797;
}

div.pagination ul li.active a:link, div.pagination ul li.active a:visited, div.pagination ul li.active a:hover  {
	color: #D61932;
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
}





/* NAVBAR */

.navBarBlack {	background-color: #000000; min-height: 86px;}
.navBarBlack #navbar {
	background-color: #000000;
	height: 86px;
}

.navBarBlack.collapse { height: auto; }








/* loader/spinner  */
.sloaderbg {position:fixed;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.6);display:none;z-index:9999;}


.sloader {
position:fixed;
	left:50%;
	top:50%;
	margin: -25px 0 0 -25px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #99CC1D;

  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}






/* 
================ STARTSEITE */
#startLogo { display: inline; float: left; width: 30%;}
#startLogo img { height: 150px; margin-left: 10px;}

.startGreenBarLeft { display: inline; float:left; background-color: #99CC1D; height: 150px; width: 30px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.startGreenBarRight { display: inline; float:right; background-color: #99CC1D; height: 420px; width: 30px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

#startLeadingContainter { display: block; margin-top: 15px; height: 420px; width: 100%; overflow: hidden; position: relative;}
.startLeadingContainterImage { height: 420px; width: 100%; display: inline: float: left; margin-left: -40px;  background-size: cover; background-position: top left; border-radius: 7px;}

.startLeadingImageHolder { height: 420px; width: 100%; display: block: float: left; margin: 0px;  background-size: cover; background-position: top left;} 

#startMainMenu { display: block; float: right; margin-top: -25px; margin-right: 40px;  }
#startMetaMenu {display: inline; float: right; width: 65%; margin-right: 35px; }

.startLeadingTextBox { padding: 20px; padding-top: 0px; margin-left: 85px;   background: rgba(0,0,0,0.65); width: 40%; height: auto;  bottom: 30px; display: inline; float: left; position: absolute; border-radius: 7px;}
.startLeadingTextBox * { color: #FFFFFF; }


/*
.startLeadingActionArea { width: 20%; height: auto; margin-left: 40%; padding-left: 110px; bottom: 30px; display: inline; float: left; position: absolute;}


.startLeadingCycler { width: 20%; height: auto;  float: right; margin-right: 45px; text-align: right; z-index: 900; margin-top: -60px; position: relative;}
.startLeadingCycler div.inner { margin-right: 30px; }
*/

.startLeadingTextBox {
	padding-bottom: 55px;
}
.startLeadingTextBox hr { border-top: 1px solid rgba(255,255,255,0.5);}
.startLeadingActionArea {  margin-left: 85px; padding-left: 20px; bottom: 50px; display: inline; float: left; position: absolute;}


.startLeadingCycler { width: 20%; height: auto;  float: right; margin-right: 60%; text-align: right; z-index: 900; margin-top: -80px; position: relative;}
.startLeadingCycler div.inner { margin-right: -20px; }


.startLeadingCyclerIcon { width: 27px;}

.startSectionIntro { display: block; margin-top: 60px; height: 270px; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: top left; background-attachment: none; background-repeat: no-repeat;}
.startSectionIntroHeading { padding: 0px 40px 0px 20px; background-color: #FFFFFF; width: auto; height: auto;  bottom: 0px; display: inline; float: left; position: absolute; }


.startLeadingActionArea .btnWhiteGhost, 
.startLeadingActionArea .btnWhiteGhost:focus, 
.startLeadingActionArea .btnWhiteGhost:hover, 
.startLeadingActionArea a.btnWhiteGhost, 
.startLeadingActionArea a.btnWhiteGhost:link, 
.startLeadingActionArea a.btnWhiteGhost:visited {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 400;
	
}



#mobileCyclerSection { margin-bottom: -30px;}

#slickSliderNavigation {
	display: block;
	position: absolute;
	top: 320px;
	width: 100%;
	height: auto;
	background-color: none;	
}

#slickSliderNavigation .slickSliderLeft {
	background-size: cover; 
	background-position: 50% 50%;	
	width: 27px;
	height: 27px;
	left: 20px;
	position: absolute;
	background-image: url('../img/blackSliderArrowLeft.png');
	cursor: pointer; 
}

#slickSliderNavigation .slickSliderRight {
	background-size: cover; 
	background-position: 50% 50%;	
	width: 27px;
	height: 27px;
	right: 20px;
	position: absolute;
	background-image: url('../img/blackSliderArrowRight.png');
	cursor: pointer; 
}



.mobileSlideImage { height: 300px; width: 100%; background-size: cover; background-position: 50% 50%; } 
.mobileSlideTextBox h3,
.mobileSlideTextBox p {
	color: #FFFFFF;
	margin: 20px;
	margin-left: 0px;
	padding-top: 30px; 
	padding-left: 20px;
}
.mobileSlideTextBox h3 { font-size: 18px; padding-bottom: 20px;}
.mobileSlideTextBox p {
	padding-top: 0px; 
	font-size: 14px;
}
.mobileSlideTextBox a.btnWhiteGhost { margin-bottom: 30px; background: rgba(0,0,0,1); border: 1px solid #FFFFFF; }




input[type="submit"].startLogout {
	display: none;
}




h4.panel-title,
h4.panel-title a:link,
h4.panel-title a:visited {
	width: 100%;
	display: block;
	background-image: none;
	color: #D11E2F;
}

h4.panel-title a.collapsed:hover {
	text-decoration: none;
	color: #000000;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 0px solid #FFFFFF;;
	border-bottom: 0px solid #FFFFFF;;
}

.panel-default,
.panel-default > .panel-heading {
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 0px;
}

.panel-body {
	padding: 0px;
	padding-top: 15px;
	padding-top: 30px;
}

/*
================ JOOMLA OVERRIDES ARTICLE  */


div.base-desc  { margin-top: 120px; border-bottom: 1px solid #EFEFEF; margin-bottom: 30px; }

.thumbnail .caption { margin: 0px; padding: 0px;}

div.article_imgage {
	height: 300px; 
	width: 100%;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

div.readmoreToggle { display: block; }
p.readmoreToggleOpener, p.readmoreToggleCloser { display: none; }


#partnerGrid {

	background-color: #F8F8F8;
	width: 100%;
	margin-top: 90px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.socialShare {
	margin-top: -67px;
	background-color: #FFFFFF;
	padding: 20px 15px;
	border-radius: 25px;
	display: inline-block; float: right;
	width: auto;
	height: 70px; overflow: hidden;
	margin-right: 20px;
}

.socialShare p { font-size: 12px; color: #999999;}

#footer {
	background-color: #222222;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}

#footer p { color: #EFEFEF; }


#footer ul.nav.menu {
	display: block;
	margin: 0px; padding: 0px; !important
	list-style: none;
}

#footer ul.nav.menu li { margin: 0px; padding: 13px 0px;  border-top: 1px dotted #444444; font-size: 14px; line-height: 18px;  }
#footer ul.nav.menu li:first-child { border-top: 0px; }
#footer ul.nav li a, #footer ul.nav.menu li a:link, #footer ul.nav.menu li a:visited { color: #CFCFCF; padding: 0px; font-weight: 400; }
#footer ul.nav.menu li a:hover,#footer ul.nav li a:hover { color: #CFCFCF; background-color: transparent; }

#footer ul.nav.menu li ul { padding-left: 10px; border-top: 1px dotted #444444; margin-top: 15px; margin-bottom: -15px; }
#footer ul.nav li ul li a, #footer ul.nav.menu li ul li a:link, #footer ul.nav.menu li ul li a:visited { color: #999999; padding: 0px; font-weight: 300; font-size: 14px; }






/* doing second line */
#footer ul.nav li a.indent1  {text-indent:-23px;margin-left:23px;}
#footer ul.nav li a.indent2  {text-indent:-27px;margin-left:27px;}



/* 
##########################
COUNTRY FILTER          */

.tagInput {
	background-color: #EFEFEF;
	border-radius: 5px;
	display: inline;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #222222;
	display: none; 
}

.tagTitle, .tagCloser { display: inline; float: left; padding: 9px 12px; line-height: 1em; }
.tagCloser { padding: 9px 15px; border-left: 2px solid #FFFFFF; color: #FFFFFF; font-weight: 700; background-color: #222222; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor:pointer;}


.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}






/* 
##########################
LEFT BAR STYLES         */

#leftBar ul.nav.menu { margin-top: -50px; }
#leftBar ul.nav.menu li { margin: 0px; padding: 15px 0px;  border-top: 1px dotted #444444; font-size: 18px; font-weight: 400; 	padding-left: 30px;
	background-image: url('../img/redArrow.png');
	background-position: 0px 20px;
	background-size: 17px;
	background-repeat: no-repeat;
}
#leftBar ul.nav.menu li:first-child { border-top: 0px; }
#leftBar ul.nav.menu li ul li:first-child { border-top: 1px dotted #444444;  }

#leftBar ul.nav.menu li.divider {
background-image: none;
border-top: none;
}
#leftBar ul.nav.menu li.divider span.separator { display: none; }

#leftBar ul.nav li a, #leftBar ul.nav.menu li a:link, #leftBar ul.nav.menu li a:visited { color: #666666; padding: 0px; }

#leftBar ul.nav.menu li.current { background-image: url('../img/blackArrowRight.png'); }
#leftBar ul.nav.menu li.current a:link, #leftBar ul.nav.menu li.current a:visited  { color: #000000; font-weight: 400;}

#leftBar ul.nav.menu li ul li.current { background-image: none; }
#leftBar ul.nav.menu li ul li.current a:link, #leftBar ul.nav.menu li.current a:visited  { color: #d61932; font-weight: 400; font-size: 14px; }


#leftBar ul.nav.menu li.deeper { background-image: url('../img/blackArrowDown.png');}
#leftBar ul.nav.menu li.deeper a:link, #leftBar ul.nav.menu li.deeper a:visited  { color: #d61932; font-weight: 400;}

#leftBar ul.nav.menu li ul li.deeper { background-image: url('../img/blackArrowDown.png'); }
#leftBar ul.nav.menu li ul li.deeper a:link, #leftBar ul.nav.menu li ul li.deeper a:visited  { color: #d61932; font-weight: 400; font-size: 14px; }


#leftBar ul.nav.menu li ul { list-style: none; padding: 0px; margin: 0px; margin-top: 15px; margin-bottom: 30px; }
#leftBar ul.nav.menu li ul li,
#leftBar ul.nav.menu li.deeper ul li.active ul li.active 
{ margin: 0px; padding: 5px 0px;  border-top: 1px dotted #444444; font-size: 18px; font-weight: 400; padding-left: 0px;
	background-image: none;
}


#leftBar ul.nav.menu li.active ul li a, 
#leftBar ul.nav.menu li.active ul li a:link, 
#leftBar ul.nav.menu li.active ul li a:visited {  font-size: 14px; }

#leftBar ul.nav.menu li.active ul li.active a, #leftBar ul.nav.menu li.active ul li.active a:link, #leftBar ul.nav.menu li.active ul li.active a:visited { font-size: 14px; }
#leftBar ul.nav.menu li.deeper ul li.active { background-position: 0px 10px; background-image: url('../img/blackArrowRight.png'); }
#leftBar ul.nav.menu li.deeper ul li.active a { color: #000000; margin-left: 25px; }
#leftBar ul.nav.menu li.deeper ul li.deeper { background-position: 0px 10px; background-image: url('../img/blackArrowDown.png'); margin-top: 15px;}




#leftBar ul.nav.menu li.deeper ul li.deeper ul { margin-left: 0px; }
#leftBar ul.nav.menu li.deeper ul li.deeper ul li { margin-left: 0px;  line-height:1.2em;}
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li {margin-left: 25px;}

#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li a, 
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li a:link, 
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li a:visited
 { margin-left: 0px; color: #666666; font-size: 12px;}

#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.active a:link,
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.active a:visited
 { color: #000000; font-weight: 400; margin-left: 0px;}  
 
 
 
 
 
  #leftBar ul.nav.menu li.deeper ul li.deeper ul li.active { background-position: 0px 10px; background-image: url('../img/blackArrowRight.png'); }
  #leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.current.active a {margin-left: 25px;}
  
  #leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.active.deeper.parent a {margin-left: 0px;}
  
 #leftBar ul.nav.menu li.deeper ul li.deeper ul li.deeper { background-position: 0px 10px; background-image: url('../img/blackArrowDown.png'); margin-top: 15px; line-height:1.1em;padding-left:25px;}

 #leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li ul li {margin-left:0px;}

#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent  ul li.active.deeper.parent ul li a, 
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent  ul li.active.deeper.parent ul li a:link, 
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent  ul li.active.deeper.parent ul li a:visited
 { margin-left: 0px; color: #666666; font-size: 12px;}

#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.active.deeper.parent ul li.active a:link,
#leftBar ul.nav.menu li.active.deeper.parent ul li.active.deeper.parent ul li.active.deeper.parent ul li.active a:visited
 { color: #000000; font-weight: 400; margin-left: 25px;}  


#shariffCloser,#shariffOpener {

	cursor: pointer;
}

#shariffCloser {
	margin-bottom: 20px;
	display: block;
	display: none;
}
.shariffholder {
	box-shadow: none;
	padding: 0px;
	position: relative;
	width: 100%;
	margin-bottom: 0px;
	transition: all ease 0.75s; 
}

.shariffholder.open {
	box-shadow: 0px 2px 2px 1px #CFCFCF;
	padding: 10px 20px;
	display: block;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}

#shariff {
	padding-top: 0px; 
	margin-top: 30px;
	display: block;
	width: 100%;
	position: relative;
}



#notifierPopUp {
	display: block;
	position: fixed;
	width: auto;
	bottom: 0px;
	right: 30px;
	float: right;
	height: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0px 0px 1px 2px #666666;

	padding: 10px 30px;
	z-index: 1001;
	}

#notifier {
	display: block;
	position: fixed;
	width: 600px;
	bottom: 00px;
	right: 30px;
	float: right;
	height: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0px 0px 1px 1px #666666;

	padding: 20px;
	display: none;
	z-index: 1001;
}


#notifier h2 {
	padding-left: 35px;
	background-image: url('../img/redArrowRight.png');
	background-position: 0px 8px;
	background-size: 24px;
	background-repeat: no-repeat;
	margin-top: 0px; 
}


input.form-control.searchBar {
	width: 350px;
}



.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title {
line-height: 1.6em; }

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 24px; 
}






    /* NEWS SLIDESHOW
    -------------------------------------------------- */	
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border: 5px solid #EFEFEF;  opacity: 0.65; filter: grayscale(90%); }
#cycle-2 .cycle-slide:hover { border:5px solid #EFEFEF; opacity: 1; filter: grayscale(75%); }
#cycle-2 .cycle-slide.cycle-slide-active,#cycle-2 .cycle-slide.cycle-slide-active:hover { border:5px solid #EFEFEF; opacity: 1; filter: grayscale(0%);}
#slideshow-1, #slideshow-2 { width: 100%; margin: auto; overflow: hidden; display: block;}
#slideshow-2 { padding-bottom: 10px; }
.cycle-slideshow img { width: 100%; height: auto; display: block; margin-top: 0px; }

#cycle-2 div {height: 120px; background-position: 50% 50%; background-size: cover; cursor: pointer;}
span.custom-caption {float: right; text-align: right;}

p.buautor, .custom-caption { font-size: 75%; float: right; text-align: right; color: #AFAFAF; padding-top: 5px;}
.cycleNavNew, .custom-caption  { font-size: 85%; color: #999999; padding-top: 0px;}
p.bu {margin-bottom: 10px; color: #222222; font-weight: 400; padding-top: 5px; display: block;}
p.bu span {display: block; color: #666666; font-weight: 300; font-size: 85%;}




@media (max-width: 1200px) { 

.mobileSlideImage { height: 450px; width: 100%; background-size: cover; background-position: 50% 50%; } 
#slickSliderNavigation { top: 435px; }


input.form-control.searchBar {
	width: 200px;
}
}

@media (max-width: 767px) { 

#cycle-2 div {height: 60px; background-position: 50% 50%; background-size: cover; cursor: pointer;}


.mobileSlideImage { height: 330px; width: 100%; background-size: cover; background-position: 50% 50%; } 
#slickSliderNavigation { top: 320px; }

input.form-control.searchBar {
	width: 100px;
}

#notifier h2 {
	padding-left: 0px;
	background-image: none;
	margin-top: 0px; 
	font-size: 24px;
	line-height: 30px;
	padding-top: 15px;
}
#notifier h5 {
	font-size: 18px;
	line-height: 24px;
}
#notifier p {
	font-size: 14px; line-height: 24px; 
}

#notifier {
	width: 100%;
	margin: 0px;
	right: 0px;
	background-color: #F2F2F2;
	margin-bottom: 0px;

	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: none;
	z-index: 2000;

}

}