@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');
@import url('assets/css/bootstrap-overwrite.css');
@import url('assets/css/colors.css');
@import url('assets/css/icons.css');

/*!
Theme Name: worldautosteel
Theme URI: 
Author: CentreBlue
Author URI: https://www.centreblue.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: worldautosteel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

worldautosteel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic

# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
html {
  /*scroll-behavior: smooth;*/
  scroll-padding: 2em;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	--font-size:.875rem;
	color:var(--color--black);
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: var(--font-size);
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    /*margin-bottom: .625rem;*/
	margin-bottom: 1rem;
    line-height: 1.1;
    color: var(--heading-color);
	font-size: var(--font-size);	
}

h1, .h1 {
  --font-size: 1.9rem;
  font-weight: 300;
}
h2, .h2 {
  --font-size: 1.805rem;
  font-weight: 300;
}
h3, .h3 {
  --font-size: 1.425rem;
  font-weight: 300;
}
h4, .h4 {
  --font-size: 1.235rem;
  font-weight: 400;
}
h5, .h5 {
  --font-size: 1.045rem;
  font-weight: 600;
}
h6, .h6 {
  --font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  h1, .h1 {
    --font-size: 2.25rem;
  }
  h2, .h2 {
   --font-size: 1.9rem;
  }
  h3, .h3 {
    --font-size: 1.5rem;
  }
  h4, .h4 {
   --font-size: 1.3rem;
  }
  h5, .h5 {
    --font-size: 1.1rem;
  }
  h6, .h6 {
    --font-size: 1rem;
  }
}

@media (min-width: 992px) {
  h1, .h1 {
    --font-size: 2.25rem;
  }
  h2, .h2 {
    --font-size: 1.9rem;
  }
  h3, .h3 {
    --font-size: 1.5rem;
  }
  h4, .h4 {
    --font-size: 1.3rem;
  }
  h5, .h5 {
    --font-size: 1.1rem;
  }
  h6, .h6 {
    --font-size: 1rem;
  }
}


.page-title  {
  font-weight: 600;
}

b, strong {
    font-weight: 700;
}

/* Steelblue 30 */
hr {
	border-color:var(--color--steelblue-30);
}


/* Elements
--------------------------------------------- */
body {
	background: #ffffff;
	container-type: inline-size;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
figure,
.main-content img {
	max-width: 100%;
}

.main-content img {
	height:auto;
}

.main-content ol,
.main-content ul {
	margin: 0.625rem 0 1rem 0;
}

.main-content ol li,
.main-content ul li {
	margin: 0 0 0.625rem 0;
}

.main-content ul {
	list-style: none
}

.main-content ul li:before,
.main-content ul.unordered-list li:before {
	font-family: "Font Awesome 5 Free";
	font-size: 8px;
	content: '\f111';
	font-weight:900;
	margin: 0 7px 0 -14px;
	color: var(--color--secondary)
}

.main-content ul li li:before,
.main-content ul.unordered-list li li:before {
	font-weight:400;
}

.main-content ul.list-unstyled li:before{
	content:'';
	display:none;
}
.main-content ul li p,
.main-content ul.unordered-list li{
	display: inline-block;
}

*[class*='bg-']:not(.main-content) ul li:before,
*[class*='bg-']:not(.main-content) ul.unordered-list li:before {
	color:inherit !important;
}


/* Links
--------------------------------------------- */
a {
	color: var(--link-color);
	text-decoration: none;	
}

.news-text a:not(.btn),
.main-content a:not(.btn,.page-link,.nav-link, [role="button"], .news-items-blocks .stretched-link, .carousel a ),
.main-text a:not(.btn,.page-link,.nav-link, [role="button"] ),
.news-details a:not(.btn,.page-link,.nav-link, [role="button"]){
	color: var(--link-color);
}

a:hover,
a:focus,
a:active,
a.text-white:hover,
a.text-white:focus,
a.text-white:active,
.news-text a:not(.btn):hover,
.news-text a:not(.btn):focus,
.news-text a:not(.btn):active,
.main-text a:not(.btn):hover,
.main-text a:not(.btn):focus,
.main-text a:not(.btn):active {
	color: var(--link-hover-color) !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none;		
}

a:hover,
a:focus,
a:active {
	outline: 0;
}

/*
.main-content .bg-primary-1-10 a:not( .btn,  .news-items-blocks .stretched-link ):hover,
.main-content .bg-primary-1-10 a:not( .btn,  .news-items-blocks .stretched-link ):focus,
.main-content .bg-primary-1-10 a:not( .btn,  .news-items-blocks .stretched-link ):active,
.main-content .bg-primary-1-30 a:not( .btn,  .news-items-blocks .stretched-link ):hover,
.main-content .bg-primary-1-30 a:not( .btn,  .news-items-blocks .stretched-link ):focus,
.main-content .bg-primary-1-30 a:not( .btn,  .news-items-blocks .stretched-link ):active,
.main-content .bg-black a:not( .btn,  .news-items-blocks .stretched-link ):hover,
.main-content .bg-black a:not( .btn,  .news-items-blocks .stretched-link ):focus,
.main-content .bg-black a:not( .btn,  .news-items-blocks .stretched-link ):active{
	color: var(--link-color) !important;
}
*/
.glyphicon-download-alt, 
.glyphicon-envelope, 
.glyphicon-link,
.glyphicon-share, 
.fa-download, 
.fas.fa-envelope, 
.far.fa-envelope, 
.fa-link{
    color: var(--color--steelblue-50);
}

.heading-style-1{
	--heading-color: var(--color--steelblue-100);
	border-left:10px var(--color--primary-1) solid;
	padding-left:10px;
}
/* Forms
--------------------------------------------- */


::placeholder {
      font-style: italic;
	  color: #999;
    }

.worldautosteel-form label{
	display:block;
    margin-bottom: 15px;
    max-width: 100%;    
    font-weight: 700;
}
.worldautosteel-form label span{
	margin-top: 5px;
	display:block;
}
.worldautosteel-form .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 0px);
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

.worldautosteel-form textarea.form-control {
    height: auto;
}

.worldautosteel-form .form-control.wpcf7-not-valid{
	border-color: var(--color--red);
}

.wpcf7 form.invalid.worldautosteel-form .wpcf7-response-output, 
.wpcf7 form.unaccepted.worldautosteel-form .wpcf7-response-output, 
.wpcf7 form.payment-required.worldautosteel-form .wpcf7-response-output{
	border-color: var(--color--red);
}

.wpcf7 form.sent .wpcf7-response-output {
    font-weight: 700;
    padding: 0.5rem 1rem;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
@media (min-width: 768px){
	.container { max-width: 750px;}
}
@media (min-width: 992px){
	.container {max-width: 970px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}

.site-header{background: #fff url(includes/img/bg.jpg) no-repeat top center;}
.site-branding {
	    height: 110px;
}


.social-media{
	/*height: 50px;*/
	margin: 5px
}

.social-media a {
	line-height: 0;
	font-size: 32px;
	color: var(--color--primary-1);
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	margin: 0 3px
}

.social-media a:hover {
	color: #1a171b
}


html[lang="zh-hans"] .social-media a {
	font-size: 16px;
	padding: 2px;
	background-color: var(--color--primary-1);
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	margin: 0 3px;
	line-height: 32px
}


html[lang="zh-hans"] .social-media a:hover {
	background-color: #1a171b
}


.navbar-lang {margin: 5px}

.navbar-lang > div {
    border: 0;
    padding: 0px;
    clear: both;
}

.navbar-lang li a {
	border-left: 1px solid #ccc;
	font-weight: 400
}

.navbar-lang a.active,
.navbar-lang li.wpml-ls-current-language a  {
	color: #1a171b
	}

.navbar-lang a:hover {
	text-decoration: underline
}
.navbar-lang li:first-child  a,
.navbar-lang li.wpml-ls-first-item  a{
	border-left: none
} 

.members-login {
	margin: 0px 0 0 12px/**/
}

@media (max-width: 992px) {
	.members-login {
		margin: 7px 0 0 12px/**/
	}
}

/* Main Navigation */

.header-nav{
	font-size:1rem;
	font-weight: 400;}
 
.header-nav .dropdown-toggle::after{
	display:none;
}

.header-nav .dropdown-menu{
	margin-top: -0.3rem;
    border-radius: 0 0 0.375rem 0.375rem;
	border: 1px solid rgba(0,0,0,.15);
    border-top: 5px solid var(--color--steelblue-100);
	left: 50%;
	transform: translateX(-50%);	
	font-size: 14px;

	-webkit-box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,.175);
    box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,.175);
}
.header-nav .dropdown-menu a{
	color: var(--color--steelblue-100);
    }

.header-nav .dropdown-item.active, 
.header-nav .dropdown-item:active,
.header-nav .dropdown-item:focus, 
.header-nav .dropdown-item:hover {
    color: var(--color--black);
    text-decoration: none;
    background-color:transparent;
}

.header-nav .dropdown-item{
	padding: .35rem .75rem;
	text-decoration: none;
}

#menu-search a i.fa {
	font-size: 1.125rem;	
	color: var(--color--steelblue-50)
}

#menu-search.show,
#menu-search:hover {
	color: var(--color--primary-1)
}

#menu-search.show a.dropdown-toggle.nav-link {
    position: relative;
}

#menu-search.show a.dropdown-toggle.nav-link:before {
    width: 200%;
    position: absolute;
    z-index: 2;
    display: block;
    left: -100%;
    content: "";
    height: 100%;
    top: 0;
}

#menu-search .dropdown-menu.menu-search-form.dropdown-menu-right{
	transform: inherit !important;
	right:0rem;
    left: auto !important;
    border-top: 0px solid var(--color--primary-1);
	padding:0;
}


#menu-search .searchform,
#menu-search #searchwp-form-1 {
	min-width: 300px;
	width: 300px;
	line-height: 18px;
	padding: 1rem;
}

#menu-search .searchform .input-group ,
#searchwp-form-1 .swp-input{
    background-color: var(--color--steelblue-10);
    overflow: hidden;
}


#menu-search .searchform #s,
#searchwp-form-1 .swp-input  {
	background-color: var(--color--steelblue-10);
	border: 0;
	color: #1a171b;
    overflow: hidden;
}
#menu-search .searchform #s:focus,
#searchwp-form-1 .swp-input:focus {
        box-shadow: none;
		outline:none
}

form.searchwp-form input.swp-input--search:not(:placeholder-shown) {
  background-image: none;
}
#searchwp-form-1 .swp-input::placeholder {
    font-size: 14px;
}

#menu-search .searchform button{
	font-size: 1rem;
	color: #999;
	margin: 0;
	padding: .5rem;
}

#searchwp-form-1 .swp-input {
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem 0.375rem 0.75rem;
	font-size: 1rem;
}

#searchwp-form-1 .search-submit.swp-button{
	color: #fff;
	background-color: var(--color--primary-1);
	padding: 0.375rem 0.75rem;
	font-size: .875rem;
	line-height: 1.15;
	border-radius: 0.25rem;
	border: 2px solid var(--color--primary-1);
	text-decoration: none;

}

#searchwp-form-1 .search-submit.swp-button:hover{
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
	color: #000 !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;		
}


@media (max-width: 992px) {
	.navmenu .navbar-nav #menu-search #searchwp-form-1 {
		padding:0.5rem;
		width:auto;
		min-width:inherit;}
		
	.navmenu .navbar-nav #menu-search #searchwp-form-1  button {
   		padding: 0.5rem;
	}
}


.navbar-toggler{
    background-color: var(--color--primary-1);
    border: none;
    /*margin-top: 38px;*/
}
.navbar-toggler .navbar-toggler-icon {
    background-image: 
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");


}

.nav-home-icon .nav-link{
	width: 22px;
	height: 22px;
	position: relative;
	
    box-sizing:content-box;	
}

.nav-home-icon .nav-link:before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236693bc' viewBox='0 0 576 512'%3E%3Cpath d='M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z'/%3E%3C/svg%3E");
	display: block;
	width: 22px;
	height: 22px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none;		
}

.nav-home-icon .nav-link:hover:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 576 512'%3E%3Cpath d='M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z'/%3E%3C/svg%3E");

  }

.nav-home-icon span{
	display: none;
	visibility:hidden;
}

@media (max-width: 992px) {
	.nav-home-icon .nav-link{
		width: auto;
		height: auto;

	}
	.nav-home-icon .nav-link:before{
		content: "";
		display: none;
		visibility: hidden;	
	}
	.nav-home-icon span{
		display: block;
		visibility:visible;
	}

}

/* End Main Navigation */

/* Search results pages*/

.attachment-icon{
	width:var(--icon-width, 150px);
	height:var(--icon-height, 150px);
	text-align:center;
	}
.attachment-icon img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}	

.attachment-icon i {
	font-size:var(--icon-width, 150px);
	color:var(--color--primary-1);
}	

main.site-main.swp-rp-main, 
main.wp-block-group.swp-rp-main{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 3rem!important;
	margin:0px auto!important;

}

main.site-main.swp-rp-main .page-title{
	border-left: 10px var(--color--primary-1)  solid;
	padding-left: 10px;	
	color: #1a171b !important;
	}

@media (min-width: 768px){
	.site-main.swp-rp-main { max-width: 750px;}
}
@media (min-width: 992px){
	.site-main.swp-rp-main {max-width: 970px;}
}
@media (min-width: 1200px){
	.site-main.swp-rp-main {max-width: 1170px;}
}

.searchwp-highlight{
	background:var(--color--steelblue-10);
	padding:0 0.125rem;

}

.swp-result-item .swp-result-item--button{
    color: #fff !important;
    border-color: var(--color--primary-1);
    background-color: var(--color--primary-1);
    padding: 0.375rem 0.75rem!important;
    font-size: .875rem;
    line-height: 1.15!important;
    border-radius: 0.25rem;	
	}


/* Breadcrumbs*/
.site-breadcrumbs{
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .8125rem;
    font-weight: 400;
    color: #999;
	}
.site-breadcrumbs .breadcrumb_last {
    color: var(--color--primary-1);
}	

.breadcrumb-separator {
    color: #999;
    margin: 0 .33333rem;
}

.breadcrumb {
    padding: 0rem;
    margin-bottom: rem;
    background-color: transparent;
    border-radius: 0rem;
}


.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #999;
    content: ">";
}

/* End Breadcrumbs*/
.site-main{
	margin-bottom: 1.5rem!important;
	}
.home .site-main{
	margin-bottom: 0rem!important;
	} 	

.top-footer {
	background-color: #ccd6dd;
	line-height: 1.65;
	min-height: 250px;
}

.top-footer .logo {
	max-height: 40px;
	width: auto;
}

.top-footer .carousel-inner,
.top-footer .carousel-item {
	min-height: 250px;
}

.top-footer .carousel-indicators {
	bottom: -5px;
	display: none;
}

.top-footer .carousel-indicators li {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background: #d6d6d6;
	border-radius: 30px;
	border-top: 0px;
	border-bottom: 0px;
	border: 1px solid #fff;
}

.top-footer .carousel-indicators li.active,
.top-footer .carousel-indicators li:hover {
	background: #5c7f92;
}

.top-footer h4 {
	font-family: 'Open Sans Condensed', sans-serif;
}

.top-footer p {

	line-height: 24px;
}

.top-footer a,
.top-footer a.link,
.top-footer a.visited {
	color: inherit;
	text-decoration: none;
}

.top-footer svg,
.top-footer .social-media-footer svg {
	fill: var(--color-fill, #ffffff);
	transition: fill .3s ease-in-out;
}

.top-footer a:hover svg,
.top-footer .social-media-footer a:hover svg {
	fill: #000000
}

.top-footer .slider-controls {
	position: absolute;
	right: 0;
	bottom: calc(50% + 24px);
	left: 0;
	z-index: 15;

}

.top-footer .carousel-control-next,
.top-footer .carousel-control-prev {
	color: #ffffff !important;
	font-size: 2rem;
	opacity: .9;
	width: 20px;
	height: 48px;
}


.top-footer .carousel-control-next:focus,
.top-footer .carousel-control-next:hover,
.top-footer .carousel-control-prev:focus,
.top-footer .carousel-control-prev:hover {
	color: #ffffff;
	opacity: 1
}



.top-footer .carousel-control-next {
	right: -30px;
	width: auto;
}

.top-footer .carousel-control-prev {
	left: -30px;
	width: auto;
}

.top-footer .carousel-control-next-icon,
.top-footer .carousel-control-prev-icon {
	display: none;
	visibility: hidden;
}


@media (max-width: 576px) {

	.top-footer .carousel-indicators {
		display: flex;
	}


	
	.top-footer .carousel-control-next {
		right: 15px;
		display: none;
	}

	.top-footer .carousel-control-prev {
		left: 15px;
		display: none;
	}

}	

.homepage-footer{
	background-color: #B2C9DD; 
	line-height:1.65;}
	
.homepage-footer h4 {
    font-family: 'Open Sans',sans-serif;
	font-variation-settings: "wdth" 75;
}

.homepage-footer #facts-figures {
	 padding-left: 45px
}

.homepage-footer .facts-figures-item {
	padding-bottom: 5px
}

.homepage-footer #facts-figures img {
	margin-bottom: 0;
	margin-top: -5px;
	margin-left: 5px
}

.homepage-footer #facts-figures .fig {
	color: #fff;
	font-size: 36px;
	margin-bottom: 0;
}

.homepage-footer #facts-figures .fact {
	color: #fff;
	font-weight: 500
}

@media (max-width:768px) {
	.homepage-footer #facts-figures {
		 padding-left: 0px
	}
	}


.site-footer{
	background-color: var(--color--primary-2); 
	line-height:1.65;}
	
.site-footer a, 
.site-footer a.link, 
.site-footer a.visited,
.homepage-footer a, 
.homepage-footer a.link, 
.homepage-footer a.visited {
    color: #fff;
    text-decoration: none;
}

.site-footer p,
.homepage-footer p {
    color: #fff;
    line-height: 24px;
}


.social-media-footer{
	font-size: 32px;
	margin-top: 8px;
}

.social-media-footer .fa-instagram {
	color: var(--color--primary-1)
}

.social-media-footer svg {
	fill: #ffffff;
	transition: fill .3s ease-in-out;
}

.social-media-footer a:hover svg {
	fill: #000000
}


 #newsletter-subscribe {
	margin-top: 64px
}

 #newsletter-subscribe h5 {
	color: #fff;
	font-size: 25px
}

 #newsletter-subscribe form {
	padding-left: 0
}

#newsletter-subscribe .form-group {
	padding: 0 8px 0 0
}

#newsletter-subscribe .form-control {
	height: 32px;
	border: none
}

#newsletter-subscribe .btn{
	background-color: #396176
}




/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*
.full-width-banner{
	--w-site :100cqw;
	width: var(--w-site, 100vw);	
	left: calc( (-1 * ( var(--w-site,100vw) / 2) ) + 50%);
	position: relative;
	box-sizing: border-box; 
	min-height: 100px;
	background-color: lightgrey;
}
.full-width-banner .card{
    border: 0;
	border-radius: .0;
}

.full-width-banner .embed-responsive-item *{
	    object-fit: cover;
}

.full-width-banner .card-img-overlay{
	--font-size: 1rem;
	font-size: var(--font-size);
	display: flex; 
	justify-content: start;  
	align-items:normal;   
	flex-direction: column;
	border-radius: 0;
}

.full-width-banner .card-title{
	--font-size: calc(clamp(1.5rem, 0.0833rem + 5.3333vw, 2.5rem));
	color: var(--color--white);
	font-weight: 700;
	word-wrap:normal;
}
*/
#main-carousel,
.banner-carousel{
	--caption-width: 350px;	
	--banner-height: 350px;
	--banner-tab-height: 420px;		
	--banner-mobile-height: 260px;	

}
#main-carousel .carousel-inner,
.banner-carousel .carousel-inner {
	width: 100%;
	max-height: var(--banner-height) !important;
	overflow:hidden;	
}

#main-carousel .carousel-caption,
.banner-carousel .carousel-caption {
	opacity: .88;
}

#main-carousel .carousel-caption,
.banner-carousel .carousel-caption {
	width: var(--caption-width);
	height: var(--banner-height);
	top: 0;
	left: 0;
	z-index: 10;
	/*padding: 30px 30px 30px 30px;*/
	padding: 1.5rem;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: table-cell;
	vertical-align: bottom
}

#main-carousel .carousel-caption h3,
.banner-carousel .carousel-caption h3 {
	font-size: 26px;
	color: #fff;
	line-height: 1.3;
	margin-top: 0
}

#main-carousel .carousel-caption hr,
.banner-carousel .carousel-caption hr{
	border-top: 1px solid rgba(255, 255, 255, .5);

}

#main-carousel .carousel-caption a,
#main-carousel .carousel-caption p,
.banner-carousel .carousel-caption a,
.banner-carousel .carousel-caption p {
	font-size: 18px;
	color: #fff
}
#main-carousel .carousel-caption-credit,
.banner-carousel .carousel-caption-credit{
	position:absolute;
    bottom: 0rem;
    right: 0rem;
    z-index: 11;
    filter: contrast(0);
}


#main-carousel .carousel-indicators,
.banner-carousel .carousel-indicators {
	text-decoration: none
}

#main-carousel .carousel-indicators,
.banner-carousel .carousel-indicators {
	bottom: 0;
	z-index: 15;
	list-style: none;
	left: 20px;
	right:auto;
	width: auto;
	margin-left: 8px;
	text-align: left
}

#main-carousel .carousel-indicators li,
.banner-carousel .carousel-indicators li{
	width: 13px;
	height: 13px;
	margin: 1px 6px 1px 1px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

#main-carousel .carousel-indicators .active,
.banner-carousel .carousel-indicators .active {
	background-color: #55788e;
	background-color: rgba(85, 120, 142, 1);
}

#main-carousel .carousel .carousel-control,
.banner-carousel .carousel .carousel-control {
	opacity: 0
}

#main-carousel .carousel .carousel-control:hover,
.banner-carousel .carousel .carousel-control:hover {
	opacity: 1
}

#main-carousel .carousel-fade .carousel-inner .carousel-item,
.banner-carousel .carousel-fade .carousel-inner .carousel-item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

#main-carousel .carousel-fade .carousel-inner .active,
.banner-carousel .carousel-fade .carousel-inner .active{
	opacity: 1
}

#main-carousel .carousel-fade .carousel-inner .active.left,
#main-carousel .carousel-fade .carousel-inner .active.right,
.banner-carousel .carousel-fade .carousel-inner .active.left,
.banner-carousel .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}

#main-carousel .carousel-fade .carousel-inner .next.left,
#main-carousel .carousel-fade .carousel-inner .prev.right,
.banner-carousel .carousel-fade .carousel-inner .next.left,
.banner-carousel .carousel-fade .carousel-inner .prev.right {
	opacity: 1
}

#main-carousel .carousel-fade .carousel-control,
.banner-carousel .carousel-fade .carousel-control {
	z-index: 2
}

/*@media (min-width:992px) and (max-width:1199px) {
	.carousel-inner {
		max-height: 288px!important
	}
	.carousel-caption {
		width: 310px;
		padding: 20px;
		line-height: 1.2
	}
	.carousel-caption h3 {
		font-size: 23px;
		line-height: 1.2;
		margin-top: 0
	}
}*/

#main-carousel .embed-responsive-item *,
.banner-carousel .embed-responsive-item *{
	    object-fit: cover;
}


#main-carousel .carousel-caption.curve-side,
.banner-carousel .carousel-caption.curve-side {
	padding-right: 0rem;
}

#main-carousel .carousel-caption.curve-side:before,
.banner-carousel .carousel-caption.curve-side:before {
	content:'';
	position:absolute;
	width:200%;
	height:200%;
	background: inherit;
	z-index:-1;
	top:-50%;
	left:-85%;
	/*transform: translate(-50%);*/	
	border-radius:50%;	
}

@media (max-width:768px) {

	#main-carousel .carousel-inner,
	.banner-carousel .carousel-inner {
		width: 100%;
		max-height: var(--banner-tab-height) !important
	}
		
	#main-carousel .carousel-caption h3,
	.banner-carousel .carousel-caption h3 {
		font-size: 20px;
	}
	#main-carousel .carousel-caption a,
	#main-carousel .carousel-caption p,
	.banner-carousel .carousel-caption a,
	.banner-carousel .carousel-caption p {
		font-size: 16px;
	}	
		
	#main-carousel .carousel-caption,
	.banner-carousel .carousel-caption {
		width: 100%;
		height:220px;
		opacity: 1;
		position:relative;
		padding: 2rem 1rem;
		right:auto;
		bottom:auto;
		left:auto;
		top:auto;
		display:block;
	}
	
	#main-carousel .carousel-caption-credit,
	.banner-carousel .carousel-caption-credit{
		bottom:auto;
		top:0rem
	}	
		
	#main-carousel .carousel-indicators,
	.banner-carousel .carousel-indicators {
		width: 100%;
		text-align: center;
		left:0;
		right:0;
		margin-left:0px;
		margin-right:0px;
	}	
	
	#main-carousel .carousel-caption.curve-side,
	.banner-carousel .carousel-caption.curve-side {
		padding-right: 1.5rem;
	}
	
	#main-carousel .carousel-caption.curve-side:before,
	.banner-carousel .carousel-caption.curve-side:before {
		display:none;	
	}

	.banner-carousel .embed-responsive-114by35::before {
		padding-top: 82.5%;
	}


}

@media (max-width:576px) {
	#main-carousel .carousel-caption,
	.banner-carousel .carousel-caption{
		height:var(--banner-mobile-height) ;

	}
	
	#main-carousel .carousel-caption h3,
	.banner-carousel .carousel-caption h3 {
		font-size: 18px;
	}
	#main-carousel .carousel-caption a,
	#main-carousel .carousel-caption p,
	.banner-carousel .carousel-caption a,
	.banner-carousel .carousel-caption p {
		font-size: 14px;
	}	
	
}

.embed-responsive-114by35::before {
    padding-top: 30.70%;
}

.embed-responsive-114by35 img {
    object-fit: cover !important;
}

.content-carousel .carousel-indicators{
	bottom: -5px;
}
.content-carousel .carousel-indicators li{
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #d6d6d6;	
	border-radius: 30px;
	border-top: 0px;
	border-bottom: 0px;	
}

.content-carousel .carousel-indicators li.active,
.content-carousel .carousel-indicators li:hover{
	background: var(--color--primary-1);
	}
	
.content-carousel .carousel-control-next, 
.content-carousel .carousel-control-prev{
	font-size: 60px;
	width:auto;
	opacity: 0.9;
	z-index: 11;
}	


.content-carousel .carousel-control-next-icon,	
.content-carousel .carousel-control-prev-icon{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	background-image:none;
	width:60px;
	height:60px;
	
}

.content-carousel .carousel-control-next:hover, 
.content-carousel .carousel-control-prev:hover{
	opacity: 1;
}	

.content-carousel .carousel-control-prev {
    left: -75px;
}
.content-carousel .carousel-control-next {
    right: -75px;
}

.content-carousel .carousel-control-prev-icon:before{
    content: "\f053";
    border-radius: 20px;
    padding-top: 15px;
    color: var(--color--steelblue-50);	
}

.content-carousel .carousel-control-next-icon:before{
    content: "\f054";
    border-radius: 20px;
    padding-top: 15px;
    color: var(--color--primary-1);	
}


@media (max-width: 768px){
		
	.content-carousel .carousel-control-next, 
	.content-carousel .carousel-control-prev{
		opacity: 0.5;
	    font-size: 32px;
	}	
	
	.content-carousel .carousel-control-next:hover, 
	.content-carousel .carousel-control-prev:hover{
		opacity: 1;
	}	
	.content-carousel .carousel-control-next-icon,	
	.content-carousel .carousel-control-prev-icon{
		width:32px;
		height:32px;
		
	}	
	
	.content-carousel .carousel-control-prev {
		left: 0px;
	}
	.content-carousel .carousel-control-next {
		right: 0px;
	}

}

.content-carousel .content-image,
.content-carousel .content-text{
	height:570px;
}

.content-carousel .content-image img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px){
	.content-carousel .content-text{
		overflow:visible;
	}
	
}

/*Title box*/


/*End Title box*/

/*Image*/
.figure-image{
	position:relative;
	/*display:table;*/
}
.figure-image figcaption{
	position:relative;
	/*display:table-caption;*/
}

.figure-image figcaption .caption-bg{
	position:absolute; 
	width:100%; 
	height:100%; 
	display:block; 
	z-index:1; 
	top:0; 
	left:0;
	/*opacity: .88;*/
    --bs-bg-opacity: .88;
	}

.figure-image figcaption .caption-text{
	position:relative; 
	z-index:2
	}

.figure-image figcaption .caption-text span + small{
	margin-top:1rem;
}

.figure-image figcaption.figure-caption-top{
	position:absolute;
	bottom:0px;

}

.figure-image figcaption[class*='bg-']{
	background-color:transparent;
}


@media (max-width: 768px){
	.figure-image figcaption.figure-caption-top{
		position:relative;
		bottom:0px;
	
	}
}


.figure-image.img-size-1140x350 {
	padding-top: 30.701%;
}

.figure-image.img-size-690x360 {
	padding-top: 52.173%;
}

.figure-image.img-size-370x180 {
	padding-top: 48.6483%;
}


.figure-image.img-size-1x1 {
	padding-top: 100%;
}

.figure-image[class*='img-size-'] img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;	 
}

.modal-zoom-large-photo-wrapper{
	position: relative;
	width:auto;
	max-width:1140px;
	height:auto;
	overflow:hidden;
	padding-top: 100%;}
	
.modal-zoom-large-photo{
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: 0 0 0;
	transition: transform 0.3s;
	transition-timing-function: ease-in-out;
	transform: translate(0,0) scale(1);
	top: 0;
	bottom: 0;
	left: 0;
	text-align:center;		
}
.zoom-out-cursor{
	cursor:zoom-out;
}

.zoom-in-cursor{
	cursor:zoom-in;
}
	


/*End image*/


/*Highlight box*/
.highlight-box {
	padding: 7px 10px;
	margin: 0 0 30px;
	position:relative;
}

.highlight-box > *:not(.stretched-link),
.highlight-box .stretched-link > * {
	margin: 5px
}


.highlight-box p {
	margin-top: 8px;
	margin-bottom:10px	
}

.highlight-box  a:not(.stretched-link){
	text-underline-offset: 0.125rem;
	text-decoration: underline;
}

.highlight-box-link:hover {
	opacity: .85;
	transition: opacity .3s;

	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s
}
/*End Highlight box*/


/* Image box */

.download-box {
	background-color: rgba(var(--color--primary-1-rgb), .15);
	display: block;
	padding: 7px 15px;
	min-height: 100px;
	position: relative;
}

.download-box:hover {
	background-color: rgba(var(--color--primary-1-rgb), .2)
}

.download-box h3 {
	margin-top: 15px;
	font-size: 24px
}

.download-box img {
	margin: 15px 0
}
@media (min-width: 768px){
	.download-box img {
		margin: 0
	}
	.download-box .download-box-image{
		height:190px;
		margin-bottom:15px;}
	
	.download-box .download-box-image >img{
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height:100%;
	}	
}
/* End Image box*/



/* Image List*/

.image-list .image-list-item {
	background: none repeat scroll 0 0 transparent;
	border-bottom: medium none;
	clear: none;
	margin-bottom: 15px
}

.image-list .image-list-item a {
	display: block
}

.image-list .image-list-item div {
	border: 1px solid var(--color--steelblue-30);
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: 175px;
	margin-bottom: 10px;
	display: block;
}

.image-list .image-list-item a:hover div {
	border-color: #5f8194
}

.image-list .image-list-item h5 {
	padding: 0;
	margin: 0;
	color: #5f8194;
	font-size: 0.875rem;
	text-align: center
}

.image-list .image-list-item a:hover h5{
	text-decoration: underline
}

.image-list .image-list-item img {
	width: 100%;
	height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.image-list .mgnlPlaceholder {
	z-index: 0!important
}

/* End Image List*/



/* Newsletter box*/

.newsletter-form {
	padding: 7px 15px;
	margin: 0 0 30px
}

.newsletter-form h3 {
	font-size: 25px;
	margin-top: 10px
}

.newsletter-form input {
	margin-right: 5px;
	margin-bottom: 5px
}

.newsletter-form .form-group {
	margin-bottom: 10px
}

#mce-success-response,
.response {
	padding-bottom: 10px;
	color: #fff
}

/* End Newsletter box*/

/* Contact box*/


/*.contacts-wrapper {
	height: 250px
}

.contacts {
	list-style: none;
	min-height: 155px
}

.contacts-box-heading {
	height: 20px;
	font-weight: 700;
	margin-top: 10px
}*/

.contacts-box-column{
	display: flex;
	flex-flow: column;
}

.contacts-box ul {
	margin: 0
}

.contacts-box li {
	margin: 15px 0 5px
}

.contacts-box {
	margin-bottom: 30px;
	padding: 15px;
	clear: both;
	/*margin-top: 25px;*/
	display: flex;
	flex-flow: column;	
	flex: 1 1 auto;
}

.contacts-box-bg1 {
	background-color: var(--color--steelblue-30);
	color:#ffffff;
}

.contacts-box-bg2 {
	background-color: #e3e8ec;
	color:#ffffff;
}

.contacts-box h3 {
	margin-top: 10px
}

.contacts-box h4 {
	margin-top: 0!important
}

.contacts-box .contact-image {
	float: right!important;
	margin: 0 0 10px 10px;
	width: 70px!important;
	height: 90px!important;
}

.contacts-box .contact-rotate-image {
	float: right!important;
	margin: 0 0 10px 10px;
	width: 90px!important;
	height: 70px!important;
}

.contacts-box .contact-image img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}



.contacts-box .bottom-contact {
	/*margin-top: 10px;*/
	overflow: hidden;
	position:relative;
	border:0;
}

.contacts-box .name {
	/*min-height: 50px;*/
	margin-bottom: 15px
}

.contacts-box .company,
.contacts-box .jobtitle {
	/*min-height: 60px;*/
	margin-bottom: 15px
}

.contacts-box .telephone {
	margin-bottom: 15px	
}

.contacts-box .email {
	margin-bottom: 0px	
}

.contacts-box  h3 {
	margin-bottom: 13px
}

.contacts-box  .contacts {
	min-height: 100%;
}

 .contacts-box li.first {
	border-bottom: none
}

.contacts-box li.last {
	border-bottom: none
}

.contacts-box ul li a {
	color: #fff
}

/*.col-md-12 .contacts-wrapper {
	margin-bottom: 20px
}

.col-md-8 .contacts-wrapper {
	margin-bottom: 40px
}

.col-md-8 .contacts {
	height: 190px
}

.col-md-8 .jobtitle {
	min-height: 70px
}

.contacts-wrapper .bottom-contact {
	min-height: 40px
}

.contact-grid-area .mgnlPlaceholder {
	z-index: 0!important
}

*/


.sidebar .contacts-box li.first {
	border-bottom: none
}

.contacts-box li.last {
	border-bottom: none
}

.contacts-box ul li a {
	color: #fff
}

.contacts-box .contact-logo{
	height:100px;
	width:70%;
}

.contacts-box .contact-logo img{
	-o-object-fit: contain;
	object-fit: contain;
	object-position:top;
	max-height: 100%;
	max-width: 100%;
	width: auto !important;
	height: 100% !important;
}



/** End Contact  box*/


/* Links and Downloads*/


.links-and-downloads {
	margin-bottom:1.5rem
}


.links-and-downloads.list-style a {
	border-bottom: 1px solid var(--color--steelblue-50);
	/*margin: 0 5px 0 5px;*/
	padding: 6px 3px;
	display: block;
	text-decoration: none
}

ul.links li .meeting {
	color: var(--color--primary-1);
	padding: 6px 3px;
	display: block;
	text-decoration: none
}

.links-and-downloads:not(.btn-style) a:hover {
	background-color: #eef1f4
}


/* End Links and Downloads*/


/* Tile Overview */

.tile-blocks-container >.row >.col {
    padding-bottom: 0.375rem;
}

.tile-block {
	/*color: #fff;
	display: block;
	width: 100%;*/
	padding:0.75rem;
	transition: all .4s ease-in-out;
	position:relative;	
	
}

@media (min-width:992px) {
	.tile-block {
		min-height: 280px;
	}
}


.tile-block h3 {
    font-weight: 400;
    /*overflow: hidden;*/
}

.tile-overview-subtitle {
	margin-bottom: 10px;
	font-size: 15px;
	height: 21px;
	overflow: hidden
}



.tile-block:focus,
.tile-block:hover {
	text-decoration: none;
	color: #fff
}

.tile-block:hover .tile-overview-chevron {
	background-color: #fff;
	color: #333
}



.tile-overview-chevron {
	margin-bottom: 12px;
	width: 22px;
	height: 22px;
	padding-top: 4px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	font-size: 10px;
	transition: all .4s ease-in-out
}


/* End Tile Overview*/

/* Accordion*/
.accordion .card-header {
	color: var(--card-text-color, #333);
	border-color: #ddd;
	padding: 0.625rem 1rem;
	background-color: var(--card-bg-color, #f5f5f5);
	border-bottom: 1px solid rgba(0,0,0,.125);	
	
}


.accordion .card-header button {
	position: relative;
	font-weight: 400;
	color: var(--color--primary-1);
	padding: 0rem;
	font-size: 1rem;
	line-height: 1.1;
	text-decoration: none;
}

.accordion .card-header button::after {
	content: "\f139";
	/*color: #333;*/
	top: -2px;
	right: 0px;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	color: var(--color--steelblue-100);
	font-size: 18px;
	line-height: 22px;
	font-weight: 900;
 }

.accordion .card-header button.collapsed::after {
	content: "\f13a";
	color: var(--color--primary-1);
	
}


.accordion .card-header[style*='--card-bg-color'],
.accordion .card-header[style*='--card-bg-color'] button,
.accordion .card-header[style*='--card-bg-color'] button::after,
.accordion .card-header[style*='--card-bg-color'] button.collapsed::after {
	color: var(--bg-white);
}



.accordion .card-header[style*='bg-steelblue-']:not([style*='bg-steelblue-100']),
.accordion .card-header[style*='bg-steelblue-']:not([style*='bg-steelblue-100']) button,
.accordion .card-header[style*='bg-steelblue-']:not([style*='bg-steelblue-100']) button::after,
.accordion .card-header[style*='bg-steelblue-']:not([style*='bg-steelblue-100']) button.collapsed::after {
	color: var(--bg-black);
}



/* End Accordion*/

/* Document/Page Teaser*/
.doc-teaser-item{
	border-bottom: 1px solid var(--color--steelblue-30);
	color: #1a171b;
	position:relative;
	
	}
.doc-teaser-item h3 {
    font-weight: 500;
    margin-top: -4px;
}

.doc-teaser-item .doc-teaser-item-image {
	/*max-width:240px;
	margin: 0 auto;*/
}

.doc-teaser-item .doc-teaser-item-image img {
	width: 100%;
	/*height: 100%;
	max-width:240px;
	max-height:240px;
  -o-object-fit: cover;
     object-fit: cover;
	 position:absolute;
	 top:0;*/
}
.doc-teaser-item .links-and-downloads .btn:not(:last-child){
	margin-right:0.5rem;
	margin-bottom:0.5rem

}

.flex-square{
    width: 100%;
	max-width:240px;
	position:relative;
	overflow:hidden;
	margin:auto;
}
.flex-square:before{
    content: "";
    display: block;
    padding-top: 100%;
}



/* End Document/Page Teaser*/

/* Announcement Teaser*/

.announcement_teaser {
	border:0;
	/*height: calc(100% - 1rem);*/

	border-color: rgba(0,0,0,.075);
	border: none;
}
.announcement_teaser.announcement-shadow{
	box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 18%);
	transition: box-shadow .3s ease-in-out;}
	
.announcement_teaser.announcement-shadow:hover{
	box-shadow: 1px 1px 15px rgb(0 0 0 / 75%);}

.announcement_teaser .card-body{
	padding: 0rem; 
	}
.announcement_teaser .card-body h3,
.announcement_teaser .card-body p,
.announcement_teaser .card-body div.announcement_teaser-btn{
	    margin-bottom: 0rem;
}
.announcement_teaser .card-body h3 + p,
.announcement_teaser .card-body h3 + *,
.announcement_teaser .card-body p + div.announcement_teaser-btn,
.announcement_teaser .card-body h3 + div.announcement_teaser-btn{
    margin-top: 1rem;
}

.announcement_teaser .card-body a:not(.btn) {
    color: currentColor !important;
    text-decoration: underline;
}

.announcement_teaser .card-body a:not(.btn):hover {
    color: #000 !important;
}

.announcement_teaser img.card-img-left {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.announcement_teaser .share-dialog-box{
	position: absolute;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
    /*top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;*/
    transition: 500ms ease-in-out;
    opacity: 0;
    color: #ddd;
    z-index: -1;
}
	
.announcement_teaser .share-dialog-box.active {
    opacity: 1;
    cursor: default;
    z-index: 10;
}

.announcement_teaser .share-dialog-box button.close{
	position:absolute;
	top:5px;
	right:10px;
}

.share-dialog-box-btn{
	color:#fff;
}

a.share-dialog-box-btn:hover,
a.share-dialog-box-btn:focus,
a.share-dialog-box-btn:active {
	outline: 0;
}

.announcement_teaser .announcement_icon{
	max-width:100px;
}


/* End Announcement Teaser*/

/* News items*/

/* 3 columns per row (lg and up) 
@media (min-width: 992px) {
.news-items-blocks.alt-col >.row > div:nth-child(2n) .card {
        background-color: rgba(var(--color--red-rgb), 0.1);
  }

.news-items-blocks.alt-col >.row > div:nth-child(2n + 4) .card,
.news-items-blocks.alt-col >.row > div:nth-child(2n + 6) .card {
        background-color: rgba(var(--color--yellow-rgb), 0.1);
  }

}
*/
/* 2 columns per row (md to lg) 
@media (min-width: 768px) and (max-width: 991.98px) {
.news-items-blocks.alt-col >.row > div:nth-child(2n + 1) .card{
        background-color: rgba(var(--color--green-rgb), 0.1);
  }
}
*/
/* 1 column per row (sm and below) 
@media (max-width: 767.98px) {
.news-items-blocks.alt-col >.row > div .card{
        background-color: rgba(var(--color--green-rgb), 0.1);
  }
}

*/








.news-items-blocks >.row >.col{
	padding-bottom:0.375rem;
}
.news-items-blocks .card{
	border-color: rgba(0,0,0,.075);
	/*padding: 0 0 .75rem;*/
	border: none;
	box-shadow: 0 0.2rem 0.3rem 0.1rem rgb(0 0 0 / 18%);
	transition: box-shadow .3s ease-in-out;
}

.news-items-blocks .card:hover{
	box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);}


.badge {
    display: inline-block;
    padding: .3em 1em;
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1.5;
    margin-right: .5rem;
}

.date {
    color: #999;
}

.news-items-blocks .card a{
	text-decoration: none;
}

.embed-responsive-37by18::before {
    padding-top: 48.65%;
}
.embed-responsive-37by18 img {
    object-fit: cover !important;
}


.publications .owl-item{
	position:relative;
	height:100%;
	}
.publications .owl-item .card{
	min-height: 320px;
}
 .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom:1rem
}
.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}


.videos .owl-item .card{
	min-height: 240px;
	color: var(--color--steelblue-30);
}



/* Video Carousel*/
.overlay-tudou > img {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;	
  
}

.overlay-tudou img.play-btn {
	position: absolute;
	z-index: 2;	
	width: 50px;
	display: block;
	border: 0;  
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	

  
}



/* End Video Carousel*/


/* Vidoes Embedded*/

.embed-youtube {
    background-color: #000;
    cursor: pointer;
}
.embed-youtube .embed-youtube-play {
	background: red;
    border-radius: 50% / 10%;
    color: #FFF;
    font-size: 1em;
    height: 3em;
    /*margin: 20px auto;*/
	margin: 0px auto;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 4em;
    top: 50%;
    left: 50%;	
    transform: translate(-50%,-50%);
    display: block;
}


.embed-youtube .embed-youtube-play::before {
    background: inherit;
    border-radius: 5% / 50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%;
}

.embed-youtube .embed-youtube-play::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255,255,255,1);
    content: " ";
    font-size: .5em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
}
	
.embed-youtube img{
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;	}
.embed-youtube img,
.embed-youtube .embed-youtube-play {
    cursor: pointer;
}

.embed-youtube .embed-youtube-play{
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}

.embed-youtube:hover .embed-youtube-play {
    background-color: #282828;
}

/* End Videos */



/* Quick links */
.quicklink-item:hover .q-from-top {
	top: 0
}

.q-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	overflow: hidden;
	width: 100%;
	text-decoration: none
}

.q-link:hover .q-animate {
	visibility: visible
}

.q-link .q-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.q-from-top {
	position: relative;
	top: 100%;
	background-size: 100% 100%;
	margin: 0;
	min-height: 235px
}

.q-from-top span {
	padding: 3.5em 0 0
}

.q-animate {
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	visibility: hidden;
	font-size: 1.1em;
	font-weight: 700
}

.q-animate .q-title {
	font-family: 'Open Sans', sans-serif;
	font-variation-settings: "wdth" 75;
	font-size: 21px;
	padding: 15px 10px 5px;
	display: block;
	font-weight: 700;
	line-height: 1.2
}

.q-animate .q-text {
	font-size: 13px;
	line-height: 1.2;
	padding: 5px 10px;
	display: block;
	font-weight: 300;
}

@media (min-width:992px) and (max-width:1199px) {
	.q-animate .q-title {
		font-size: 12px;
		padding: 5px
	}
	.q-animate .q-text {
		font-size: 11px;
		padding: 5px
	}
}

@media (max-width:991px) {
	.q-from-top {
		display: none
	}
}

@media (max-width:480px) {
	.quicklink-item {
		padding: 0 15px 15px 15px;
	}
}

table,
.table{
	color: #1a171b;
    font-weight: 500;
	table-layout:auto;
	border-bottom: 1px solid #ddd;
}

table.table-padding-small td, 
table.table-padding-small th
.table.table-padding-small td, 
.table.table-padding-small th {
    padding: .5rem;
}

table.table-padding-smaller td, 
table.table-padding-smaller th
.table.table-padding-smaller td, 
.table.table-padding-smaller th {
    padding: .25rem;
}

table.table-padding-none td, 
table.table-padding-none th
.table.table-padding-none td, 
.table.table-padding-none th {
    padding: 0rem .25rem;
}



.table td, 
.table th {
	border-top: 1px solid #ddd;
}

.table-borders-none td:not(.table:not(.table-borders-none) td),
.table-borders-none:not(table .table:not(.table-borders-none)),
.table.table-borders-none td:not(.table:not(.table-borders-none) td),
.table.table-borders-none:not(table .table:not(.table-borders-none)) {
	border: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.table.tablepress {
	/* Custom properties */
	--text-color: var(--color--black);
	--head-text-color: var(--color--white);
	--head-bg-color: rgba(var(--color--primary-1-rgb), 1);

	--odd-text-color: var(--text-color);
	--odd-bg-color: #ffffff;
	--even-text-color: var(--text-color);
	--even-bg-color: rgba(var(--color--steelblue-30-rgb), 1);

	--hover-text-color: var(--text-color);
	--hover-bg-color:rgba(var(--color--primary-1-rgb), 0.2);

	--border-color: #dddddd;
	--padding: 0.75rem;
}

.tablepress tfoot th, 
.tablepress thead th{
	background-color: rgba(var(--color--primary-1-rgb), 1);
	color: #ffffff;}

table th.blue-th,
table .blue-th,
.table th.blue-th,
.table .blue-th{background-color: #e5eaed !important;}



.table>thead>tr,
.table>tfoot>tr{
	background-color: rgba(var(--color--steelblue-100-rgb), 1);
	color: #ffffff;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(var(--color--primary-1-rgb), 0.2);
}

.table-striped>thead+tbody>tr:nth-of-type(even) {
    background-color: rgba(var(--color--steelblue-30-rgb), 1);
}

.table-striped>thead+tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-white-bordered td, .table-white-bordered th {
    border: 2px solid #ffffff;
}

.table-height-auto,
.table-height-auto tr, 
.table-height-auto td, 
.table-height-auto th {
    height:auto !important;
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
	.table-responsive>.table {
		margin-bottom: 0;
		width: 100% !important;
	}
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}


/* Blockquote*/

.blockquote {
	margin-bottom: 3.75rem;
	color: var(--color--steelblue-100);
	font-style:italic;
}

.blockquote.no-margin {
	margin-bottom: 0.625rem
}

.blockquote p {
	font-size: 1.25rem
}

.blockquote .fa {
	color: var(--color--steelblue-30)
}

.side-bar .blockquote p {
	font-size: 1.125rem
}


blockquote:not(.blockquote){
	border-left: 4px solid #1a171b;
    padding-left: 1rem;
    margin: 0;
	margin:2rem 0rem
}

blockquote:not(.blockquote) cite {
    display: block;
    font-size: 80%;
    color: #999;
}

blockquote:not(.blockquote) cite:before {
    content: "\2014\00A0";
}


/*End Blockquote*/

/* Sub Navigation*/

.subnav-years .btn {
	margin: 0 6px 12px 0/**/
}

.is-sticky .subnav-years{
	padding-top:12px;
	background:#fff;
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;	
}

.subnav-years .dropdown-menu {
    margin-top: -0.3rem;
    border-radius: 0 0 0.375rem 0.375rem;
    border: 1px solid rgba(0,0,0,.15);
    border-top: 5px solid var(--color--primary-1);
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    -webkit-box-shadow: 0 0.375rem 0.75rem rgb(0 0 0 / 18%);
    box-shadow: 0 0.375rem 0.75rem rgb(0 0 0 / 18%);
	width:200px;
}

.subnav-years .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.35rem 0.75rem;
    clear: both;
    font-weight: 400;
    color: var(--color--primary-1);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	white-space:normal;
}

.subnav-years .dropdown-item.active, 
.subnav-years .dropdown-item:active, 
.subnav-years .dropdown-item:focus, 
.subnav-years .dropdown-item:hover {
    color: #1a171b;
    text-decoration: none;
    background-color: transparent;
}


/*End Sub Navigation*/

/* Highcharts */
.highcharts  ul li:before, 
.highcharts  ul.unordered-list li:before {
	display:none;
}

.highcharts-title {
	font-family: 'Open Sans', sans-serif;	
    fill: var(--color--primary-1);
    font-weight: 300;
    font-size: 1.5rem;
	line-height: 1.1;
}

.highcharts-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    fill: var(--color--primary-1);
	font-size: 1.2rem;
	line-height: 1.1;
}

/* End Highcharts*/

/* Column Split */

.col-slide-line{
	padding-left: 35px;
}

.col-slide-line:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px /*0*/;
    width: 15px /*10px*/;
	border-left-width: 0.625rem /*0.5rem*/;
	border-left-style:solid;
	border-color: inherit;
    height: 100%;
}

.col-slide-line[class*='bg-']{
	background-color:transparent;
}



/* End Column Split */

/* Internal Page Listing*/



/* Image carousel */

	/*.download-box .download-box-image{
		height:190px;
		margin-bottom:15px;}
	
	.download-box .download-box-image >img{
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height:100%;
	}*/	

/* end Image Carousel*/





/* Navigation
--------------------------------------------- */
@media (max-width: 992px) {
   /* .navbar-collapse {
		
		background-color: #5c7f92;


        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
		
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1030;
  overflow-y: auto;
  width: 300px;
  height: auto;
  
        transition: all 0.3s ease;
        display: block;
		
		
    color: #fff;
    
		
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
	
	*/
	

	.offcanvas-collapse {
		position: fixed;
		top: 0px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #343a40;
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	.navmenu  {
		z-index: 2000;
		padding-top: 31px;
		float: right;
		background: var(--color--primary-1);
		padding: 30px  30px 30px 30px;
		overflow: auto;
		width: 340px;
		height: auto;
	}	
	
	.navmenu .navbar-nav {
		margin: 0 7.5px 0;
	}	
	
	.navmenu .navbar-nav>li>a{
    	color: #fff;
		font-size: 18px;
		font-weight: 400;
		padding: 10px  10px 10px 0;	
		border-bottom: 1px solid var(--color--steelblue-50);
		/*height: 40px;	*/
	}
	
	.navmenu .navbar-nav li .dropdown-menu{
		background-color: #fff!important;
		width: auto;
		border: 0;
		border-radius: 6px;
		border-top-left-radius: 0;
   		border-top-right-radius: 0;
		left:auto;
	    transform:none;
	    margin-top: 0;
	}
	.navmenu .navbar-nav li.dropdown.menu-item-has-children > a:after {
		content: "";
		display: inline-block;
	    width: 0;
    	height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
		border-top: 4px dashed;
		border-right: 4px solid transparent;
	    border-left: 4px solid transparent;
		}
	
	.navmenu .navbar-nav li.show .dropdown-menu.show>li {
		display: block;
		border-bottom: 1px solid rgba(255,255,255,.2);
		background-color: transparent;
		color: #1a171b;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.navmenu .navbar-nav li.show .dropdown-menu.show>li>a {
		padding: 5px 15px 10px 20px;
		font-size: 18px;
		font-weight: 400;
		height: auto;
		text-transform: none;
		display: block;
		color: var(--color--primary-1);
	}
	
	.navmenu .navbar-nav #menu-search>a{
		display:none;
	}
	.navmenu .navbar-nav #menu-search>.dropdown-menu{
		display:block;
		border-radius: 6px;
		padding: 0px;
		margin-top:10px;
	}
	
	.navmenu .navbar-nav #menu-search .searchform{
		padding:0.5rem;
		width:auto;
		min-width:inherit;}
		
	.navmenu .navbar-nav #menu-search .searchform button {
   		padding: 0.5rem;
	}
	
	/*.navbar-lang
	.navbar-lang a.active,
.navbar-lang li.wpml-ls-current-language a  {
	color: #1a171b
	}	*/	
	.navbar-lang{
	font-size: .875rem;
	}
	.wpml-ls-legacy-list-horizontal a{
	    padding: 2px 10px 2px;
	}
	.navbar-lang li:first-child a, 
	.navbar-lang li.wpml-ls-first-item a {
    padding: 2px 10px 2px 0px;

	}
	.navbar-lang a, 
	.navbar-lang li a {
		color: #fff;
	}	
	.navbar-lang a.active, 
	.navbar-lang li.wpml-ls-current-language a {
		color: var(--color--steelblue-30);
	}

	#menu-search{
		margin-left: -30px;
		margin-right: -30px;		
	}
			
}



/* Posts and pages
--------------------------------------------- */

figcaption {
    color: var(--color--steelblue-50);
	margin: 0.25rem 0 1.5rem;
}


/* News listing categories*/

.news-cateogry-listing{
	border-bottom: 1px solid var(--color--steelblue-30);
	padding: 1rem;
	color: #1a171b;
	position:relative;
}

.news-cateogry-listing.hover-item:hover {
	background-color: var(--color--steelblue-10)
}

.news-cateogry-listing:last-of-type{
	border-bottom: none
}

.news-cateogry-listing .news-date, 
.news-details .news-date{
	margin-bottom: 1.5rem;
	color: var(--color--steelblue-50)
}

.news-cateogry-listing .news-date span, 
.news-details .news-date span {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	margin-left: 5px;
}

.news-cateogry-listing .news-date span:before, 
.news-details .news-date span:before {
	content:'|';
	display: block;
	position: absolute;
	top: 0;
	left: -5px;
}

.news-details{
	padding-bottom:1.5rem;
	margin-bottom:1.5rem
}

.bottom-line{
	border-bottom: 1px solid var(--color--steelblue-30);
	padding-bottom:1.5rem;
	margin-bottom:1.5rem
}



ul.comment-list {
	list-style: none
}

ul.comment-list li:before {
	content: none
}

ul.comment-list  > li {
	margin-left: 15px;
	
}

ul.comment-list .comment-meta img {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#comments .comment-date,
#comments .comment-meta,
#comments .comment-meta img,
#comments .comment-name,
#comments .comment-reply-action {
	margin-right: 10px
}

#comments .comment-name {
	font-weight: 600
}

#comments .comment-content {
	padding: 0 20px 20px;
	margin: 0;
	border-left: 5px solid #eee;
	border-bottom: 5px solid #eee
}

#comments .children {
	border-left: 5px solid #eee;
	border-bottom: 5px solid #eee
}
#comments .children .comment-content {

	border-bottom: 0px solid #eee
}

#comments .comment-content

#comments .comment-reply-action {
	text-decoration: underline
}

#your-comment label {
	font-weight: 400;
	display: block
}

/* Sitemap */
.sitemap-container ul li:before{
	content:'';
	display:none;
}
/*.main-content ul li p,
.main-content ul.unordered-list li{
	display: inline-block;
}*/

.sitemap-container .sitemap-menu ul:not(.sub-menu){
	    margin: 0 0 0 0 !important;
		padding:0;
		display: flex;
		-ms-flex-wrap: wrap!important;
			flex-wrap: wrap!important;		
}

.sitemap-container .sitemap-menu ul:not(.sub-menu) > li{
	border-bottom: 1px solid #dee2e6!important;
-ms-flex-item-align: stretch!important;
    align-self: stretch!important;	
	flex: 0 0 33%;
	padding-bottom: 1rem!important;
	margin-bottom: 1.5rem!important;
}
.sitemap-container ul:not(.sub-menu) > li.menu-item-has-children > a{
	    color: #1a171b !important;
		font-weight: 700;	
}

@media (max-width: 768px){
	.sitemap-container .sitemap-menu ul:not(.sub-menu) > li{
		flex: 0 0 100%;
	}
}

/* End Sitemap */

/* Centra Navigation*/
.central_navigation a {
	background-color: var(--color--steelblue-50);
	transition: all .3s ease 0s;
	margin: 0;
}
.central_navigation a:hover {
	background-color: var(--color--steelblue-30);
}


/* End Centra Navigation*/

/* SDV - Steel Data Viewier
--------------------------------------------- */

.sdv-container [class*=col-]{
	-ms-flex: unset;
	flex: unset;
	max-width: inherit;
	position: relative;
	width: inherit;
	padding-right: inherit;
	padding-left:inherit;
}


.sdv-signup{
	padding: 10px 0;
}
.sdv-signup .form-row{
	margin-bottom: 20px!important;
}

.fixed-header indicator-selector.opened{ height: auto;
    /*height: calc(100vh - 75px);*/ }
/* Comments
--------------------------------------------- */

/* Widgets
--------------------------------------------- */

/* Media
--------------------------------------------- */

/* Captions
--------------------------------------------- */

/* Galleries
--------------------------------------------- */

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Owl */

.owl-nav {
	margin-top: 0px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	color: var(--color--steelblue-50);
	font-size: 32px;
}

.owl-nav [class*=owl-] {
	margin: 5px;
	padding: 4px 7px;
	background: 0 0;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-nav [class*=owl-]:hover {
	background: 0 0;
	color: var(--color--primary-1);
	text-decoration: none
}

.owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-dots {
	margin-top: 0;
	margin-bottom: 0px
}

.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background: var(--color--primary-1)
}

.owl-nav {
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height:100%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 32px;
	top:0;
		
}

.owl-next,
.owl-prev {
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
	margin: -15px auto auto!important
}

.owl-prev {
	float: left;
	left: -24px;
	font-size: 36px
}

.owl-next {
	float: right;
	right: -24px;
	font-size: 36px
	
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	font-family: "Font Awesome 5 Free";
}

.owl-carousel .owl-nav .owl-prev:before {
	content: "\f053";
	border-radius: 20px;
	padding-top: 15px
}

.owl-carousel .owl-nav .owl-next:after {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
}

@media (max-width:767px) {
	.owl-controls {
		display: none
	}
}




.lca-eco-profile-diagram{
  position: relative;
  margin-bottom: 2rem
}
.profile-scene{
	--tip-top: 0;
	--tip-left: 0;	
	position:absolute;
	display:block;
	background:none;
	width:18%;
	height:5.2%;
	z-index:10;
	top: var(--tip-top, 0);
	left: var(--tip-left, 0);
	cursor:pointer;
}
.profile-scene:hover,
.profile-scene:active{
	--bs-bg-opacity: 0.1;
	background-color: rgba(0, 0, 0, var(--bs-bg-opacity));
}



/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */

/** SDV subscriptions screens (stelios)**/
.sdv-company-details{
	margin-top: 26px;
	margin-bottom: 40px;
}
.sdv-company-details > div{
	margin-bottom: 4px;
}
.sdv-company-details > div > span{
	display: inline-block;
	width: 96px;
	font-weight: 500;
}

form.sdv-create-company{
	margin-top: 8px;
}
form.sdv-create-company .form-row{
	margin-bottom: 10px!important;
}
form.sdv-create-company button{
	margin-top: 10px!important;
}

.sdv-manage-subscription{
	margin-top: 20px;
}

.sdv-manage-subscription-expiration{
	margin: 20px 0 40px 0;
}

#sdv-manage-create-user-form{
	padding-top: 30px;
}
#sdv-manage-create-user-form .form-row{
	margin-bottom: 24px;
}
/** End SDV subscriptions screens (stelios)**/

/** Dev notice **/
.dev-notice{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #DC493A;
    color: #fff;
    text-align: center;
    padding: 20px;
    z-index: 1000;
    font-weight: bold;
    font-size: 20px;
}
.dev-notice a{
	color: #fff;
	text-decoration: underline;
}

/** Switch back to user **/
#user_switching_switch_on{
	background-color: #333;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    left: 0;
}

#user_switching_switch_on a{
	color: #fff;
	font-weight: bold;
}

/*AddThis*/
.atss a{width:2pc}
.addthis_32x32_style .at-icon{width:1pc !important;height:1pc !important}

/* AddToAny */
.a2a_kit {
	left: 0;
	top:  150px;
	z-index: 1000 !important;

}

@media (max-width: 768px) {}
	.a2a_kit {
		left: 50% !important;
		top: auto !important;
		bottom: 0px !important;
		display: flex;
		transform: translateX(-50%);
	}



/*reCAPTCHA*/
.rc-anchor-normal-footer {
    display: none !important;
}
.grecaptcha-badge { 
    visibility: hidden; 
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* Freezeframe JS*/
.freezeimg{
	cursor:pointer
	}
	
.ff-container .ff-overlay {
    max-width: 45px !important;
    max-height: 45px !important; 
    background-color: rgba(0,0,0,.25);
    border-radius: 5px !important;
    background-size: 35px 35px !important;
}



/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR LIGHT ***************/
 
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSICiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
 
.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}
 
.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);
 
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }
 
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }
 
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
 
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }


/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }


/*Tooltip*/

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--color--primary-1);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    border-right-color: var(--color--primary-1);
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--color--primary-1);
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    border-left-color: var(--color--primary-1);
}

.tooltip-inner {
    background-color: var(--color--primary-1);
}



/*
.page-id-29899 {}
.page-id-29899 #main-carousel .carousel-caption, 
.page-id-29899 .banner-carousel .carousel-caption,
.page-id-29899 .figure-image figcaption .caption-bg{
opacity: .95;	}

.page-id-29899 #main-carousel .carousel-caption.bg-yellow  h3, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow  h3,
.page-id-29899 #main-carousel .carousel-caption.bg-yellow a, 
.page-id-29899 #main-carousel .carousel-caption.bg-yellow p, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow a, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow p,
.page-id-29899 .bg-yellow :not(small) {

    color: #1a171b;
}*/


/* Datatable dt-scroll-body */

/* width */
.ghg-wrapper ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.ghg-wrapper ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.ghg-wrapper ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.ghg-wrapper ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* Roadmap*/

.sustainability-journey-timeline{
	position: relative;  
  }

.sustainability-journey-timeline .timeline-point{
	position:absolute;
	display:block;
	background:none;
	width:var(--tip-width, 24%);
	height:var(--tip-height, 5.7%);
	z-index:10;
	top: var(--tip-top, 0);
	left: var(--tip-left, 0);
	cursor:pointer;
}


/* Admin menu */
#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:hover {
    color: #72aee6 !important
}


#wpadminbar a.ab-item:hover{
	color: #72aee6 !important 
}