@charset "utf-8";
/* CSS Document */
.header-layout-minimal .main-navigation .sub-menu::before {
	top: 0px !important;
}
#custom-sidebar { width:25%; float:left; margin-right:5%; position:relative; padding:0px;}
#custom-pubcontent-landing {width:70%; float:right; padding-top: 40px;}
.home #custom-pubcontent-landing {padding-top: 4px !important;}
@media only screen and (max-width : 800px) {
	#custom-sidebar {width:100%; float:left; margin-right:0%; position:relative;}
	#custom-pubcontent-landing {width:100%; float:right; padding-top: 40px;}
}
.clear {clear:both}
.publications-container {
    float: left;
    width: 94%; padding:3%;
    position: relative;
    margin-right: 0px; background-color:#dedede; margin-bottom:20px;
}
.publications-container:nth-child(4n) {
    margin-right: 0px;
}
.publications-container img {
	width:100%;
	height:auto;
}
.pub-title-landing {
float:left; width:70%;
}
.pub-title-landing a {font-size:150%; line-height:100%;}
.pc-left {float:right; width:20%}

 #custom-sidebar #ofcategory, #custom-sidebar .postform {
	width:100% !important; display:block; position:relative;
}
.searchandfilter li {display: block !important;}
.searchandfilter h4 {
    margin: 0px 0 !important;
    font-size: 16px;
}
.accordion {
	background-color: #6cc4e9;
	color: #fff;
	cursor: pointer;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	padding: 2%;
	background-image: url(accor01.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
.active {
	background-color: #777777;
	background-image: url(accor02.png);
	background-repeat: no-repeat;
	background-position: right top;}
.panel {
    background-color: white;
    display: none;
     margin:0px !important; padding:0px;
}
#black-studio-tinymce-2 {
	list-style-type: none;
}
.home #black-studio-tinymce-2 {margin-bottom: 20px; position:relative; width:100%; max-height:450px;}
.home #black-studio-tinymce-2 img {width:100%; height:auto}
#black-studio-tinymce-2 h3 { margin-bottom: 0.6em !important}
#custom-sidebar strong {margin-bottom:10px; display:inline-block;}
.searchandfilter input[type="text"] {
	width:96%;
	font-size:90% !important;
	margin-top:0px;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 4%;
	padding-left: 2%;
	outline: none;
}
#home-text {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 55%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80%;
}
#black-studio-tinymce-2 .textwidget {
    line-height: 1.5em;
}
.tm_pb_more_button, .tm_pb_button{
	color: #fff;
background-color: #0e76bc;
font-size: 0.9rem;
font-weight: 400;
padding: 6px 25px;
transition: all 0.35s ease; display: inline-block; margin-top:15px;
}

.row, .single-post.position-fullwidth #primary {margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
#single-pub-tab {}
#single-pub-tab-left {width:70%; display:block; float:left}
#single-pub-tab-right {width:20%; display:block; float:right; margin-left:5%}
#single-pub-tab-right img {width:100%; height:100% !important; max-width:400px;}
.single-img-holder {background-color:#ededed; width:96%; padding:2%; display: flex;}
.download{
	background-color:#0e76bc;
	display:inline-block;
	color:#FFF;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%; margin-bottom:0px; font-size:100% !important;
}
.download:hover {
	background-color:#999;
}
.searchandfilter {padding:0px !important}
.searchandfilter div ul li { color:#777777; margin:0px !important}
.searchandfilter div ul li ul li { margin-bottom:0px; font-size:90%; padding: 0px !important;}
ul li, ol li {
    margin-top: 0px;
}
#search { width:50%; margin-left:25%; margin-right:25%; margin-bottom:40px;}
.site-content_wrap {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.search-form {
	padding: 0;
	margin-top: 20px !important;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#main {margin-top: 40px; width:100%;}
@media only screen and (max-width : 800px) {
	#main {margin-top: 10px;}
}
.home #main {margin-top: 0px !important; width:100%;}
.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] > ul, .searchandfilter > ul > li[data-sf-field-input-type="radio"] > ul {
    max-height: 100px;
    overflow: auto; display:block;
}

#main h2 {margin-top:0px;}
.searchandfilter ul li {
    list-style: none;
    display: block;
    padding-right: 10px;
    padding: 10px 0;
    margin: 0;
}
.widget li {
    color: #777777 !important; font-size:90%;
}
.widget ul {width:100%; list-style:none;}
#custom-sidebar li, #custom-sidebar ul {width:100%; list-style:none;}
 #custom-sidebar ul ul{
	overflow: auto; /*max-height: 100px;*/ background-color: #dedede!important; width:100%; padding:4%; margin-bottom:0px !important;
}
@media only screen and (max-width : 800px) {
	 #custom-sidebar ul ul{
	overflow: auto; max-height: 1000px;}
}
#custom-sidebar u, #custom-sidebar div {width:100%}
.site-description { font-size:200%; color:#0e76bc !important}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
    background-color: #dedede!important;
}
.home #primary { display:none;}

input[type="submit"] {
    padding: 4% !important; border:none; width:42%; background-color:#0e76bc; color:#FFF
}
input[type="submit"]:hover { background-color: #999999; color:#f1694b}

.addthisholder li{list-style: none;}
.addthisholder {margin-top: 40px; margin-bottom:20px;}
.container {
    margin-left: auto;
    margin-right: auto;
}

.site, .site-footer {width:100%; overflow-x: hidden;}

#single-pub-tab-left ul {
	padding-left: 5%;
	margin: 0 0 1.5em 0;
	list-style-image: none;
	list-style-type: disc !important; color: #777777!important;
}
#black-studio-tinymce-2 .textwidget {
	position: relative;
	width: 100%;
	background-image: url(homebgv4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:16%;
	background-position:center -180px
}
#black-studio-tinymce-2 .textwidget p, #black-studio-tinymce-2 .textwidget h1 {
	color:#FFF;
	text-shadow: 1px 1px 8px #333;
	
}
.textwidget h1 {font-size: 40px !IMPORTANT; line-height:44px !important; margin-bottom:0px !important; margin-top:0px !important }
@media only screen and (max-width : 800px) {
	.textwidget h1 {font-size: 26px !IMPORTANT; line-height:30px !important; margin-bottom:0px !important; }
}
.textwidget p {margin-bottom:10px !important; margin-top:0px !important; line-height:120%;}

.greybg {
	background-image: url(greybg.png);
	background-repeat: repeat;
	padding:1%;
	width:98%;
	margin-right: 0%;
	margin-left: 0%;
}

@media only screen and (max-width : 800px) {
.greybg {
	background-image: url(greybg.png);
	background-repeat: repeat;
	padding:4%;
	width:92%;
	margin-right: 0%;
	margin-left: 0%;
}	
}
#black-studio-tinymce-3 {
	list-style-type: none; margin-top:0px !important; margin-bottom:80px;
}
#black-studio-tinymce-3 .textwidget {padding:1%; background-color: #c3ddee}



.embed-container { position: relative; padding-bottom: 28.125%; height: 0; overflow: hidden; max-width: 50%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-width : 800px) {
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}
}
.header-layout-minimal .main-navigation .sub-menu {
    margin: 0 0 0 0 !important;
}
/* First Map Hover */
.page-id-3544 .mapplic-clickable:not(g), g.mapplic-clickable > * {
    opacity: 1 !important;
}
.page-id-3544 .mapplic-clickable:not(g):hover, g.mapplic-clickable:hover > * {
	opacity: 1 !important;
}


.mapkey {display: inline-block; width:50%; float:left; position:relative; margin-left:10%}
.mapmap {display: inline-block; width:30%; float:left; position:relative; margin-left:10%}
@media only screen and (max-width : 800px) {
	.mapkey, .mapmap {display: inline-block; width:100%; float:left; margin:0}
}
.mapkey img { width:100%; max-width:350px;}
.mapkey {padding-top:130px;}
@media only screen and (max-width : 800px) {
	.mapkey {padding-top:0; padding-bottom:50px;}
}
.mapkeyp { max-width:480px}
/* active elements 
.mapplic-active,
a.mapplic-active > path,
g.mapplic-active > * {
	fill: #343F4B;
	opacity: 1.0 !important;
}



*/

.mapplic-tooltip-content {
	max-height: 300px !important;
	margin-right: 10px;
	overflow: hidden !important;
}
.mapplic-tooltip {
min-width: 260px !important}

.mapplic-tooltip-description p {
	color:#333 !important
}