html {
  scroll-behavior: smooth;
}

#header .header-logo img{
	height: 150px;
	max-width: 100%;
}

#footer a:not(.btn):not(.no-footer-css){
	color: #fff !important;
}


.hero-el-1{
	width: 70%;
}

.hero-el-2{
	width: 70%;
}

.text-3{
	line-height: 21px;
}

section.header{
	min-height: 190px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
section.header.bg1{
	background-image: url(../img/bg/bgHeader1.jpg);
}

.page-header.page-header-modern.page-header-lg {
    padding: 40px 0;
}


.card {
    border: 1px solid rgb(0 0 0 / 15%);

	height: 100%;
}
.w100{
	width: 100% !important;
}
.credits_link{
	color: #fff !important;
	font-weight: 700;
	font-family: sans-serif;
}

.credits_link:hover{
	color: #fff !important;
}

	.credits_link:before{
		content: "";
		vertical-align: middle;
		width:16px;
		height: 16px;
		display: inline-block;
		margin-right: 5px;
		margin-left: 5px;
		background-image: url(https://www.clion.it/favicon-96x96.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center center;

		transition: all 450ms ease;
	}

		.credits_link:hover:before{
			transform: scale(1.5) rotateZ(360deg) rotateY(360deg);
		}

@media (min-width: 992px) {
 
		.custom-highlight-1:after {
 				background-color: #f8ea1b;		 
		}

		html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before{
			background: #dfedeb;
		}

		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{
			border-color: #9d9d9d42;
		}
	 
}


@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {
	.hero h2.text-color-primary span,
	.hero h1.text-color-primary.text-10 {
		color: #FFF !important;
	}
	.g-recaptcha{
		-ms-transform: scale(0.8, 0.8) translate(-34px, -10px); /* IE 9 */
		-webkit-transform: scale(0.8, 0.8) translate(-34px, -10px); /* Safari */
		transform: scale(0.8, 0.8) translate(-34px, -10px);
	}
	
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}