/*
Theme Name: bestbion dx GmbH
Author: P3 CREATION GROUP
Author URI: http://www.p3creation.com
Description: bestbion Responsive Wordpress Theme.
Version: 1.1
Template: porto
License: Commercial
*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


@font-face {
	font-family: 'Istok Web';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/istok-web-regular.woff2') format('woff2'), url('../fonts/istok-web-regular.woff') format('woff');
}
@font-face {
	font-family: 'Istok Web';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/istok-web-700.woff2') format('woff2'), url('../fonts/istok-web-700.woff') format('woff');
}
@font-face {
	font-family: 'Kameron';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/kameron-700.woff2') format('woff2'), url('../fonts/kameron-700.woff') format('woff');
}


/* Borlabs Cookie */
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn {
	background: #d81f27;
}
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:hover {
	background: #c21c23;
}


/* SARS-CoV-2/COVID-19 */
.main-menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.nav-item-bold {
	max-width: 145px
}

#main-menu .mega-menu > li.nav-item-bold > a {
	font-weight: 600;
	word-break: break-all;
}


/* Popover */
#info-popover {
	position: fixed;
	bottom: 5px;
	left: 15px;
	bottom: 47px;
	z-index: 1060;
	max-width: calc(100% - 30px);
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
@media (min-width: 768px) {
	#info-popover {
		left: 70px;
		max-width: 50%;
		bottom: 5px;
	}
}
@media (min-width: 1200px) {
	#info-popover {
		max-width: 40%;
	}
}

#info-popover .small {
	line-height: 1.428571;
}

#info-popover i.fa {
	margin-left: 0.25rem;
}


/* Modal */
.modal {
	padding-right: 0 !important;
}
/*.modal-open .modal {
	overflow-y: hidden;
}*/

.modal-dialog-centered {
	margin-top: 50vh;
}
.modal.fade .modal-dialog-centered {
	-webkit-transform: translate(0, -75%);
	-ms-transform: translate(0, -75%);
	-o-transform: translate(0, -75%);
	transform: translate(0, -75%);
}
.modal.in .modal-dialog-centered {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#newsletter-modal .modal-dialog,
#sib-modal .modal-dialog {
	margin: auto auto 0 auto;
	width: 100%;
	max-width: 580px;
	bottom: 29px;
}

#newsletter-modal .modal-content,
#sib-modal .modal-content {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

#newsletter-modal .close,
#sib-modal .close {
	position: absolute;
    left: -6px;
    top: 29px;
    font-size: 4rem;
    z-index: 1;
    color: #d81f27;
	opacity: 1;
	text-shadow: none;
}

#newsletter-modal .modal-body,
#sib-modal .modal-body {
	padding: 0;
}


/* Buttons */
#newsletter-btn {
	position: fixed;
	bottom: 47px;
	left: 50%;
	z-index: 1030;
	transform: translateX(-50%);
	font-size: 16px;
	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .3);
}
@media (min-width: 768px) {
	#newsletter-btn {
		bottom: 5px;
		left: 70px;
		transform: none;
	}
}

#footer > .footer-main > .container > .row > .col-sm-3:last-child {
	display: inline-block;
}
@media (max-width: 767.98px) {
	#custom_html-3 img {
		margin-top: 0 !important;
	}
}

@media (max-width: 767.98px){
	#focus-img {
		width: 70%
	}
}


/* Masonry */
.grid-sizer,
.grid-item {
	width: 22%;
}

.grid-item {
	margin-bottom: 10px;
}

.gutter-sizer {
	width: 10px;
}

/* Lazyload */
.btn-lazyload .spinner-border {
	display: none;
}

.btn-lazyload.busy .spinner-border {
	display: inherit;
}

/* Logo */
#header .logo {
	display: inline-block;
	margin-right: 8px;
	max-width: calc(50% - 9px);
}

#header .sd-biosensor-logo {
	display: inline-block;
	margin: -7px 0 0 8px;
	max-width: calc(50% - 9px);
}

#header .vr {
	display: inline-block;
	margin-bottom: -.7em;
    width: 2px;
    height: 2.4em;
    background-color: currentcolor;
    opacity: .6;
}

#header.sticky-header .logo {
	max-width: calc(50% - 9px);
}

#header.sticky-header .header-main.change-logo .logo img {
	-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}