/************************************************************************************************************
    CUSTOMIZING STYLE - OVERWRITES COMMON CLASSES OF CANVAS THEME AND ADD CUSTOM ONES TO THE THEME

    MAIN BLUE COLOR:

    Light:   #b2d5ef
    Middle:  #0072bbf
    Dark:    #003880
*************************************************************************************************************/

@font-face {
	font-family: DINOT;
	src: url(/Themes/BertlingWeb/fonts/DINOT.otf);
}

html, body {
	font-family: DINOT, 'Roboto', sans-serif !important;
	font-size: 17px !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: DINOT, 'Roboto', sans-serif !important;
	font-weight: 300;
	text-transform: uppercase;
	color: #0072bb;
}

img
{
	height:auto;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	font-family: DINOT, 'Roboto', sans-serif !important;
	font-weight: 300;
	text-transform: uppercase;
	color: #0072bb;
}

.breadcrumb-left
{
	left: 10px !important;
}

.breadcrumb a {
	color: #00448d;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 0rem;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0.3rem;
}

.breadcrumb-menu .dropdown-item
{
	font-size:12px;
}

.entry-title h2, .entry-title h3, .entry-title h4 {
	font-weight: 300;
}

a {
	cursor: pointer;
}

.umb-grid a {
	color: #003880;
	text-decoration: underline !important;
}

.btn, .button, .button a, .btn a{
	text-transform: uppercase;
	text-decoration: none !important;
}

.btn .la-plus {
	font-size: 1.3rem;
	position:relative;
	top:2px;
}


/***************************/
/*** MARGIN AND PADDING ***/
/**************************/

.mr-2
{
	margin-right:15px;
}

/**********************/
/*** UMBRACO FORMS ***/
/*********************/

.umbraco-forms-container label {
	width: 80% !important;
	text-transform: initial !important;
	font-size: 17px;
	font-weight: 400;
}

.umbraco-forms-form legend
{
	text-transform:uppercase;
}

.umbraco-forms-form .help-block
{
	font-size:13px;
}

.umbraco-forms-form .field-validation-error
{
	color:red;
	display:block;
}

/******************/
/*** NAVIGATION ***/
/******************/
.menu-link {
	font-size: 0.9rem;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

	.menu-link:hover, .mega-menu:hover {
		background-color: #ffffff;
		color: #0072bb;
	}

.page-menu-item > a {
	display: block;
	position: relative;
	line-height: 22px;
	padding: 11px 14px;
	color: #FFF;
	font-size: 0.9rem;
	text-transform: uppercase;
}

.menu-link {
	font-family: DINOT, 'Roboto', sans-serif !important;
}

.side-menu.--center {
	top: 32%;
}

.mobileServiceToggle {
	position: fixed;
	left: 0px;
	top: 40%;
	height: 108px;
	width: 30px;
	color: #fff;
	background-color: #004189;
	z-index: 9999;
	text-align: center;
	padding-top: 10px;
	display:none;
}

.mobileServiceToggle:hover {
	color: #fff;
	background-color: rgba(117, 178, 226, 1);		
}

.mobileServiceToggle:hover span {
	color:#fff;
}

	.mobileServiceToggle span {
		position: absolute;
		top: 57px;
		right: -10px;
		font-size: 10px;
		transform: rotate(-90deg);
		font-size: 14px;
	}


	.svg-trigger path {
		stroke: #ffffff;
	}

.mega-menu-style-2
{
	width: 100% !important;
}

.mega-menu:not(.mega-menu-full) .mega-menu-content .container {
	max-width: 1320px !important;
	padding: 0px 25px !important;
}

.linkedInMailIconsMenu {
	position: absolute;
	right: 20px;
	top: 14px;
}

.linkedInMailIconsMenu a {
	color:#ffffff;
}

.linkedInMailIconsMenu a.mail {
	top: 1px;
	position: relative;
}

.dropdown-menu
{
	border-radius:0px !important;
}

/*******************/
/*** CHATBOT FIX ***/
/*******************/

#tars-cb-widget-overlay {
	z-index: 10000 !important;
}

/****************************/
/*** FONT AND FONT SIZES ***/
/****************************/
.pricing-title {
	letter-spacing: 0px;
}

.title-block h3, .title-block span {
	font-family: DINOT, 'Roboto', sans-serif !important;
	font-weight: 300;
}

#page-title.page-title-parallax h1 {
	color: #0072bb;
}

#copyrights {
	font-size: 1.1rem;
}

.linkedInFooter {
	position: relative !important;
	top: -1px !important;
	font-size: 1.5rem !important;
}

.slider-text-buttons h1 {
	font-size: 45px !important;
	font-weight: 600 !important;
	letter-spacing: 2px !important;
	line-height:55px;
}

.tparrows {
	height: 60px !important;
	margin-top: -34px;
}

.post-grid .entry-title h2, .post-grid .entry-title h2  a{
	font-weight: 400 !important;
}

	.post-grid .entry-title h2 a, .entry-title h2 a {
		text-decoration: none !important;
		color: #0072bb;
		font-size: 1.125rem;
	}

	.post-grid .entry-title h2, .entry-title h2 {
		line-height: 1.1 !important;
	}
	
.hesperiden.tparrows.tp-rightarrow:before {
	content: '' !important;
	width: 40px;
	height: 60px;
	margin-right: -3px;
	background-image: url("/Themes/BertlingWeb/assets/svgs/Slider arrow ponting right - white.svg");
	background-position: center center;
	background-repeat: no-repeat;
}

.hesperiden.tparrows.tp-leftarrow:before {
	content: '' !important;
	width: 40px;
	height: 60px;
	margin-right: -3px;
	background-image: url("/Themes/BertlingWeb/assets/svgs/Slider arrow ponting left - white.svg");
	background-position: center center;
	background-repeat: no-repeat;
}

.flex-prev, .flex-next, .flex-prev:hover, .flex-next:hover {
	background:none !important;
}

	.flex-prev::before {
		position: absolute;
		top: 0px;
		left: 0px;
		content: '' !important;
		width: 40px;
		height: 60px;
		margin-right: -3px;
		background-image: url("/Themes/BertlingWeb/assets/svgs/Slider arrow ponting left - white.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-color: rgba(117, 178, 226, 0.75) !important;
	}

	.flex-prev:hover::before {
		background-color: rgba(117, 178, 226, 0.95) !important;
	}

.flex-prev i 
{
	display:none;
}

	.flex-next::before {
		position: absolute;
		top: 0px;
		right: 0px;
		content: '' !important;
		width: 40px;
		height: 60px;
		margin-left: 0px;
		background-image: url("/Themes/BertlingWeb/assets/svgs/Slider arrow ponting right - white.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-color: rgba(117, 178, 226, 0.75) !important;
	}

	.flex-next:hover::before {
		background-color: rgba(117, 178, 226, 0.95) !important;
	}

.flex-next i {
	display: none;
}

blockquote {
	border-left: 0px solid #EEE;
	color: #003880;
	padding:0px 20px 0px 40px; 
	position:relative;
}

	blockquote::before {
		position: absolute;
		top: 10px;
		left: 0px;
		content: '' !important;
		width: 28px;
		height: 29px;
		margin-left: 0px;
		background-image: url("/Themes/BertlingWeb/assets/svgs/quote-arrow-left.png");
		background-position: center center;
		background-size: 30px;
		background-repeat: no-repeat;
	}

	blockquote::after {
		position: absolute;
		bottom: 10px;
		right: 0px;
		content: '' !important;
		width: 28px;
		height: 29px;
		margin-left: 0px;
		background-image: url("/Themes/BertlingWeb/assets/svgs/quote-arrow-right.png");
		background-position: center center;
		background-size: 30px;
		background-repeat: no-repeat;
	}



@media (max-width: 767px) {
	.flexslider .slider-text-buttons h1 {
		font-size: 25px !important;
	}

	.flexslider .slider-text-buttons h1 {		
		font-weight: 600 !important;
		letter-spacing: 2px !important;
		line-height: 29px;
		color:#fff;
	}

	.flexslider .button.button-large {
		padding: 8px 13px;
		font-size: 1rem;
		line-height: 18px;
	}

	.flexslider .mobile-slider-text-wrapper {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 20px;
		text-align:center;
	}
}

/*************************/
/*** ICONS ***/
/*************************/
.footprint {
	background-image: url('/Themes/BertlingWeb/assets/svgs/Carbon footprints blue bg.svg');
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.sm-item:hover .footprint {
	background-image: url('/Themes/BertlingWeb/assets/svgs/Carbon footprints-white bg.svg');
}

.tracktrace {
	background-image: url('/Themes/BertlingWeb/assets/svgs/tracktrace.svg');
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.sm-item:hover .tracktrace {
	background-image: url('/Themes/BertlingWeb/assets/svgs/tracktrace-white bg.svg');
}


.contact {
	background-image: url('/Themes/BertlingWeb/assets/svgs/Email.svg');
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.sm-item:hover .contact {
	background-image: url('/Themes/BertlingWeb/assets/svgs/Email-white bg.svg');
}

.inputwrapperTracking .icon-email2:before {
	content: "";
	background-image: url('/Themes/BertlingWeb/assets/svgs/tracktrace-white bg.svg');
	background-size: 20px 20px;
	z-index: 9999999;
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
}
.pricing-box i {
	color: #004189;
}
#loadMap i {
	color: #004189;
}

.footerIcon {
	height: 35px;
	width: 35px;
}

.footerIcon i{
	font-size: 23px;
}

.fbox-icon i, .fbox-icon img {
	border-radius: 0%;
	background-color: transparent !important;
}

.fbox-lg .fbox-icon {
	width: auto !important;
}

/*************************/
/*** LINKS AND BUTTONS ***/
/*************************/
.button.button-mini {
	padding: 6px 8px;
	font-size: 13px;
}

h1 a.text-dark, h2 a.text-dark, h3 a.text-dark, h4 a.text-dark, h5 a.text-dark, h6 a.text-dark {
	text-decoration: none !important;
}

	.umb-grid a:hover {
		color: #f18506;
	}

.mega-menu-content .umb-grid a {
	color: #003880;
	text-decoration:none !important
}

.mega-menu-content .umb-grid a:hover {
	color: #f18506;
}

a.btn, a.button {
	color: #ffffff;
}

.button
{
	font-weight:300 !important;
}

.button-lg
{
	font-size:18px;
	text-shadow:none !important;
}

.btn-sm {
	font-size: 14px;
	text-shadow: none !important;
	border-radius:0px !important;
}

.button-transparent {
	background-color: rgba(0, 65, 137, 0.89);
}

.button-middleBlue {
	background-color: rgba(117, 178, 226, 0.75);
	color:#fff !important;
}

.button:hover {
	background-color: rgb(0, 113, 187) !important;
}

.page-menu-item > a {
	border-radius: 0px !important;
}

.standard-logo img, .retina-logo img {
	height: 194px !important;
}

#logo {
	overflow: hidden;
	max-height: 100px;
}


.button-large a {
	color: white !important;
}

#intro, #intro h1 {
	color: #fff;
}

#page-menu {
	border-top: solid 5px #75b2e2;
}

.heading-block {
	margin-bottom: 25px;
}

.border-primary {
	border-top: 3px solid #0071bb !important;
}

.pricing-box
{
	border-radius:0px;
}

.pricing-box:hover {
	/*cursor: pointer;
	box-shadow: 0 8px 10px 1px rgb(0 0 0 / 3%), 0 3px 14px 2px rgb(0 0 0 / 3%), 0 5px 5px -3px rgb(0 0 0 / 4%);*/
}

.pricing-title h3 {	
	font-size: 1.2rem;	
	color: #0071bb;
}

#header, .full-header #logo, #header-wrap,
.full-header .primary-menu .menu-container, #top-bar {
	border: 0px solid #F5F5F5 !important;
	background-color:#ffffff;
}

#header-wrap, .sticky-header #header-wrap {
	background-color: #003880;
	border-top: solid 3px #75b2e2 !important;
}

#header {
	z-index: 9999999;
}


.header-icons {
	width: 18px !important;
	bottom: 2px;
	position: relative !important;
}

.header-row .icon-line2-login {
	font-size: 15px;
	line-height: 1;
	vertical-align: middle;
}

.caseStudyGrid .col-md-12 {
	padding: 0px;
}

.caseStudyPlay {
	position: absolute;
	top: 44%;
	left: 46%;
	z-index: 99999999;
	font-size: 81px;
	color: rgba(255,255,255,0.7);
}

.portfolio-desc h3 a {
	color: #0072bb !important;
}

.sectionWaveDarkblue {
	padding: 26px 0px;
}

.sectionWaveDarkblue .section {
	margin:0px;
}

.sectionWaveDarkblue:before {
	content: url(/Themes/BertlingWeb/assets/images/welleOben.fw.png);
	position: absolute;
	top: 0px;
	right: 0px;
}

.sectionWaveDarkblue:after {
	content: url(/Themes/BertlingWeb/assets/images/welleUnten.fw.png);
	position: absolute;
	bottom: -5px;
	left: 0px;
}

#top-bar .highlights {
	padding-left: 35px;
}

#top-bar .button, .menu-item .highlights .button {
	background-color: #ffa800;
	text-shadow: none;
}

#top-bar .button:hover, .menu-item .highlights .button:hover {
	background-color: #d28b01;
}

.dark #copyrights, #copyrights.dark {
	color: #ffffff;
	background-color: #004189;
}

.social-links{
	float: right;
}

.dark #footer, #footer.dark {
	border-top: solid 5px #75b2e2;
}

.side-menu.-medium .sm-icon {
	padding: 0px;
}

.modal {
	z-index: 9999999;
}

.modal-header {
	background-color: #004189;
	color: #fff !important;
	border-top: solid 5px #75b2e2;
}

.modal-title {
	color: #fff !important;
}

.btn-primary, .btn-success {
	background-color: #004189;
	border-radius:0px;
	border:solid 0px white;
}

.btn-secondary {
	background-color: #0071bb;
	border: solid 0px white;
	border-radius: 0px;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover {
	background-color: #75b2e2;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-radius: 0px !important;
}

strong
{
	font-weight:600;
}

.dropdown-toggle {
	background: #fff;
	border: solid 1px #e4e6ef;
	border-radius: 0px;
	color: #3F4254;
}

.bootstrap-select > .dropdown-toggle:after {
	font-family: "Font Awesome 5 Free";
	margin-top: -1px;
	background-color: #004189;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 34px;
	color: #fff;
	content: '\f078';
	border: none !important;
	text-align: center;
	font-weight: 900;
	padding-top:8px;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
	outline: thin dotted #333 !important;
	outline: 0px auto -webkit-focus-ring-color !important;
	outline-offset: 0px;
}

.hesperiden.tparrows {
	cursor: pointer;
	background: #000;
	background: rgba(117, 178, 226, 0.75) !important;
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0px !important;
}

#calcParams .bootstrap-select > .dropdown-toggle:after {
	height: 40px !important;
}

/*.noPicture {
	margin-top: 20px !important;
}*/

.col-md-4 .feature-box {
	margin-left: 0rem;
	margin-right: -0.95rem;
}

.feature-box-speech {
	border: 2px solid #0072bb;
}

	.feature-box-speech:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;

		border-top: 10px solid #0072bb;
		border-right: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #0072bb;

		left: 20px;
		bottom: -21px;
	}

	.feature-box-speech:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		border-top: 10px solid #fff;
		border-right: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #fff;
		left: 22px;
		bottom: -15px;
	}



.portfolio-desc span, .portfolio-desc span a, .entry-content span, .entry-content span a, .entry-content a {
	color: #FFF;
	font-size: 13px;
	text-decoration: none !important;
}

.header-menu-mobile .button {
	background-color: #003880;
}


.download {
	background-image: url(/Themes/BertlingWeb/assets/svgs/Download.svg);
	background-repeat: no-repeat;
	padding-left: 26px;
	display: block;
	color: #003880;
	background-size: 17px;
	background-position: 4px;
}

.officeCardWrapper {
	min-height:235px;
	padding:0px 10px;
}

.centerIconOffice {
	text-align: left;
	padding-left: 125px;
}

.officeMain
{
	font-size:1.3rem !important;
}

.officeSub{font-size: 1.125rem !important;}

.cardContact {
	text-align: left;
	padding-left: 65px;
}

.gm-ui, .gm-ui-hover-effect {
	background: #004189 !important;
	top: 0px !important;
	right: -1px !important;
	color: #fff !important;
	content: "" !important;
	opacity:1;
	position:relative;
}

	.gm-ui-hover-effect:before {
		content: "\f00d" !important;
		font-family: "Font Awesome 5 Free";
		position: absolute;
		color: #fff;
		top: 5px;
		left: 9px;
		font-size: 18px;
		font-weight: 700;
	}

	.gm-ui img, .gm-ui-hover-effect img, .gm-ui span, .gm-ui-hover-effect span {
		display: none !important;
	}

#map {
	height: 500px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
	display: none;
}

#gmapContainer {
	position: relative;
	background-image: url(/Themes/BertlingWeb/canvas/images/mapPreview.PNG);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
}


.gmapImgOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.map-not-accept {
	margin: auto;
}

.acceptGoogle {
	position: absolute;
	top: 50%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0,5;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
}

/*
    left sided
*/
.container a,
.button {
	margin-left: 0;
}

li {
	list-style-position: inside;
}


abbr[title], abbr[data-bs-original-title]
{
	text-decoration:none !important;
}

/****************************/
/**** LIST / TABLE STYLE ***/
/***************************/
.table th {
	background-color: #0071bb !important;
	color: #fff;
	border-right: solid 1px #fff !important;
	text-transform: uppercase;
	padding: 10px 20px !important;
}

.table tr td {
	padding: 10px 20px !important;
}

*, *::before, *::after {
	box-sizing: border-box;
}

section ul, .umb-grid ul {
	margin-left: 15px;
	list-style: none;*/ /* Remove default bullets */
}

section ul li::before, .umb-grid ul li::before {
		content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #0072bb; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
	}

.dropdown-menu li::before {
	content: "";
	margin-left:0px;
	display:none;
}

	
.ul-arrows {
}

.ul-arrows li::before {
	content: '' !important;
	display: inline-block !important;
	height: 16px !important;
	width: 16px !important;
	background-image: url('/Themes/BertlingWeb/assets/svgs/Slider arrow ponting right - blue.svg');
	position: relative;
	top: 2px;
	margin-right: 0px;
}


.a-arrows::before {
	content: '' !important;
	display: inline-block !important;
	height: 16px !important;
	width: 16px !important;
	background-image: url('/Themes/BertlingWeb/assets/svgs/Right arrow blue.svg');
	position: relative;
	top: 2px;
	margin-right: 5px;
}


.grid-filter {
	margin-left: 0px;
}

.grid-filter li::before {
	content: none;
}

.top-search-open .top-search-parent #logo, .top-search-open .top-search-parent .primary-menu, .top-search-open .top-search-parent .header-misc > *:not(#top-search) {
	opacity: 1 !important;
}

.top-search-form {
	width: 70% !important;
	right: 0;
	margin-left: 20rem;
}

.form-control {
	border-radius: 0px;
	border: solid 1px #e4e6ef;
}

.content-wrap {
	position: relative;
	padding: 0px 0 80px 0px;
}

/******************/
/* HEADLINES */
/*****************/

	#page-title {
	background-color: #bad9f0;
	border-bottom: 1px solid #75b2e2;
	background-size:cover;
	background-position:center center !important;
}

#page-title h1, .page-title-parallax h1 {
		color: #ffffff;
	}

#page-title span, .page-title-parallax span {
		color: #ffffff;
	}


/******************/
/* FONT STYLES */
/*****************/
.font17px
{
	font-size:17px;
}

.contact-tel:hover, .contact-tel:visited, .contact-tel:link, .contact-tel:active {
	color: #555 !important;
	text-decoration: none !important;
}

a.contact-link-vcard{
	color: #555 !important;
	text-decoration: none !important;
}


/******************/
/* GRID */
/*****************/
.Spacing-Top {
	padding-top: 50px;
}

.Spacing-Bottom {
	padding-bottom: 50px;
}

.Spacing-Top-And-Bottom {
	padding: 50px 0px;
}

.lightblue-background {
	background-color: #b2d5ef;
}

.middleblue-background {
	background-color: #0072bb;
	color:#fff;
}

.darkblue-background {
	background-color: #003880;
	color:#fff;
}

.middleblue-background h1, .middleblue-background h2, .middleblue-background h3, .middleblue-background h4, .middleblue-background h5, .middleblue-background h6, .middleblue-background p,
.darkblue-background h1, .darkblue-background h2, .darkblue-background h3, .darkblue-background h4, .darkblue-background h5, .darkblue-background h6, .darkblue-background p 
{		
		color: #fff;
}

.contactMacro {
	padding: 1rem 1rem 1rem 0 !important;
}

.entry-image img {
	border-radius: 0px !important;
}

.negateMargin {
	margin: 0px -45px !important;
}

.portfolio-single-content
{
	padding-top:30px !important;
}

/*** RTE ****/
.lightblue {
	color: #b2d5ef !important;
}

.middleblue {
	color: #0072bb !important;
}

.darkblue {
	color: #003880 !important;
}

.commonGrey {
	color: #555 !important;
}

.smallFont {
	font-size: 12px !important;
}

.largeFont {
	font-size: 24px !important;
}

/********************/
/*** Title Colors ***/
/********************/

.color_white {
	color: #ffffff !important;
}


.color_blue_light {
	color: #5A9FDA !important;
}

.color_blue_middle {
	color: #0067B8 !important;
}

.color_blue_dark {
	color: #003880 !important;
}

.color_orange {
	color: #F18506 !important;
}

.color_grey {
	color: #39505D !important;
}

.color_green {
	color: #008000 !important;
}

.grey {
	color:#888 !important;
}

/******************/
/*** Flip Cards ***/
/******************/
.bgcolor_blue_light {
	background-color: #5A9FDA;
	color: #ffffff
}

.bgcolor_blue_middle {
	background-color: #0067B8;
	color: #ffffff
}

.bgcolor_blue_dark {
	background-color: #003880;
	color: #ffffff
}

.bgcolor_orange {
	background-color: #F18506;
	color: #ffffff
}

.bgcolor_grey {
	background-color: #39505D;
	color: #ffffff
}

.bgcolor_green {
	background-color: #008000;
	color: #ffffff
}

.flip-card-front, .flip-card-back
{
	border-radius:0px;
}

.flip-card-front h3, .flip-card-back h3 {
	color:#ffffff;
}
	

.flip-card-front::after, .flip-card-back::after {
	cursor: pointer;
	opacity: 0;
	background-color: transparent;
}

.flip-card-icon
{
	max-width:150px;
	margin-bottom:5px;
}


.col-md-3 .flip-card-icon {
	max-width: 100px;
	margin-bottom: 10px;
}

.col-md-3 .card-body {
	padding: 1rem 0.5rem;
}

	.col-md-3 .card-body h3 {
		font-size: 18px;
	}

.col-md-3 .flip-card-inner p
{
	/*font-size:0.8rem;*/
}

.col-md-3 .flip-card-inner .button.button-large {
	padding: 5px 20px;
	font-size: 0.8rem;
	line-height: 24px;
}

.col-md-2 .flip-card-icon {
	max-width: 75px;
	margin-bottom: 10px;
}

.primary-menu
{
	margin-left:-17px;
}

.min-vh-65 {
	min-height: 60vh !important;
}

.gm-style-iw {
    width: 450px !important;
	max-width: 450px !important;
}

.gm-style .gm-style-iw-c
{
	border-radius:0px !important;
}

.grid-filter li:first-child a, .grid-filter li:last-child a, .grid-filter {
	border-radius: 0px;
}

.list-group
{
	border-radius:0px;
}

.entry-meta {
	font-size: 13px;
	color:#888 !important;
	margin-top:0px;
}

.newslist-meta ul {
	margin-left: 0px;
}

.newslist-meta ul li {
	margin-left: 0px;
}

.newslist-meta ul li::before {
	content: none !important;
}

a.newslist-link {
	color: #003880 !important;
}

a.newslist-link:hover {
	color: #f18506 !important;
}

.grid-filter
{
	border: none;
}

.grid-filter li {
	line-height: 1 !important;
	padding-right: 10px;
	padding-bottom:10px;
}

.grid-filter li a {
	border-left: 0px solid rgba(0,0,0,0.07);
	background-color: #ededed
}

.grid-filter li a:hover {
	background-color: #0072bb;
	color:#fff !important;
}


	#page-title::before {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: rgba(0,0,0,0.5);
	}

.posts-sm .entry-image {
	width: 95px;
}

.newsList {
	background: #e8f5ff;
	padding: 0px 15px 10px 15px;
}

.newsList > h4 {
	background: #003880;
	margin: 0px -15px 20px;
	padding: 15px;
	color: #dddddd;
}


@media (max-height:766px) {
	.side-menu.--center {
		top: initial;
		bottom: 55px;
	}
}

@media (max-height:425px) {
	.side-menu.--center {
		top: initial;
		bottom: 0px;
	}
}



@media (max-width:1399px) {
	.mega-menu:not(.mega-menu-full) .mega-menu-content .container {
		max-width: 1140px !important;
	}
}


@media (max-width:1199px) {
	.mega-menu:not(.mega-menu-full) .mega-menu-content .container {
		max-width: 960px !important;
	}
}


@media (max-width:991px) {
	.acceptGoogle {	
		top: 10%;
	}

		#header
	{
		overflow:hidden;
	}

	.card-title {
		font-size: 1rem;
	}

	.flip-card-back .flip-card-inner p {
		line-height: 1.3 !important;
		font-size: 0.8rem !important;
	}

	.primary-menu {
		margin-left: 0px;
	}

	.justify-content-between {
		justify-content: right !important;
	}

	.top-search-form {
		width: 0px !important;
		right: 0;
		margin-left: 0px;
	}

	.header-menu-mobile {
		display: block !important;
		position: absolute;
		right: 31px;
		top:4px;
	}

	.linkedInMailIconsMenu {
		position: absolute;
		left: 0px;
		top: 10px;
		width:90px;
	}

	.primary-menu, .justify-content-between {
		width: 100%;
	}

	#primary-menu-trigger, #page-menu-trigger {
		display: block;
		position: relative;
		float: none;
		left: 98%;
		top: 0px;
	}
}



@media (max-width:767px) {
	#page-title {
		padding: 5rem 0;
	}

	.flip-card
	{
		margin-bottom:25px;
	}

	.pt-sm-2
	{
		padding-top:20px;
	}

	#page-title {
		text-align: left !important;
	}



	.slider-text-buttons h1 {
		font-size: 17px !important;
	}

	.buttonSlider 
	{
		font-size: 12px;
		display: block;
		margin-bottom: 10px;
	}
}

@media (max-width:575px) {
	.grid-filter li {
		position: relative;
		width: auto;
	}
}

	@media (max-width:500px) {
		#primary-menu-trigger, #page-menu-trigger {
			display: block;
			position: relative;
			float: none;
			left: 92%;
			top: 0px;
		}

		.mobileServiceToggle {
			display: none;
		}

		#sideMenu {
			top: 85%;
		}


		.tparrows {
			top: 40% !important;
		}

		.gm-style-iw {
			width: auto !important;
			max-width: auto !important;
		}
	}