:root {
	--color1: #0660A7;
	--color2: #8fbc8f;
	--link: #b65f28;
	--link2: #88461c;
	--link-light: #eccea7;
	--link-light2: #f1c78e;
	--success: #76ed64;
	--alert: #ed6464;
	--info: #018383;
	--text: #454545;
	--text-muted: #aaa;
	--text-light: #fff;
	--textb: #c8e6ff;
	--textb-light: #c8e6ff;
	--shadow: #777;
	--shadow-light: #ccc;
	--shadow-colored: #2d4479;
	--g1: #3e9062;
	--g2: #3e6b90;
	--g2: #3e5590;
	--g3: #fff;
	--g4: #3e5590;
	/* #8FBC8F
#5AAF94
#009F9F
#008DAA
#0078AF
#0660A7 */
}

* {
	margin: 0;
	box-sizing: border-box;
}

html {
	min-height: 100vh !important;
}

body {
	font-family: Arial, 'Roboto', sans-serif;
	font-size: 12pt;
	background: var(--g3);
	color: var(--text);
	min-height: 100vh !important;
	line-height: 1.3;
	letter-spacing: .7px;
	background-attachment: fixed;
	background-image: radial-gradient(circle at 44% 9%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 74%, transparent 74%, transparent 83%, transparent 83%, transparent 100%), radial-gradient(circle at 0% 23%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 8%, transparent 8%, transparent 69%, transparent 69%, transparent 100%), radial-gradient(circle at 87% 35%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 10%, transparent 10%, transparent 61%, transparent 61%, transparent 100%), radial-gradient(circle at 22% 7%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 16%, transparent 16%, transparent 88%, transparent 88%, transparent 100%), radial-gradient(circle at 37% 26%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 7%, transparent 7%, transparent 9%, transparent 9%, transparent 100%), radial-gradient(circle at 86% 59%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 77%, transparent 77%, transparent 95%, transparent 95%, transparent 100%), radial-gradient(circle at 75% 83%, hsla(153, 0%, 47%, 0.05) 0%, hsla(153, 0%, 47%, 0.05) 35%, transparent 35%, transparent 86%, transparent 86%, transparent 100%), linear-gradient(0deg, hsl(279, 0%, 100%), hsl(279, 0%, 100%));
}

lazy {
	display: none;
}

*::selection {
	background-color: var(--info);
	color: #fff;
	filter: none;
}

a {
	color: var(--link);
	transition: all .3s;
}

a:hover {
	color: var(--link2);
}

.txt-light a {
	color: var(--link-light) !important;
}

.txt-light a:hover {
	color: var(--link-light2) !important;
}

.text-muted {
	color: var(--textb) !important;
}

.align-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.swal2-container {
	z-index: 10000 !important;
}

.txt-light {
	color: var(--text-light);
}

.underline {
	position: relative;
}

.underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -9px;
	right: 0;
	width: 100%;
	background-repeat: repeat-x;
	height: 10px;
	background-size: 20px 8px;
	border-radius: 50%;
	background-image: radial-gradient(circle at 12px -9px, transparent 12px, currentcolor 13px);
}

.boxshadow-s {
	box-shadow: 5px 5px 15px var(--shadow-light);
}

.boxshadow-s-colored {
	box-shadow: 5px 5px 15px var(--shadow-colored);
}

.boxshadow {
	box-shadow: 0 0 24px var(--shadow);
}

.boxshadow-l {
	box-shadow: 0 0 30px var(--shadow);
}

.banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 270px;
	max-height: 440px;
	height: 40vw;
}

.banner:not(.ht-loaded) {
	max-height: 310px;
}

.banner.ht-loaded h1,
.banner.ht-loaded h6 {
	filter: drop-shadow(0 0 1px #111) drop-shadow(0 0 8px #111);
}

@media(min-width: 1200px) {
	.banner h6 {
		font-size: 1.4rem;
	}
}

.banner .col-12 {
	height: fit-content;
}

.banner img {
	max-width: 100%;
	width: 100%;
}

.banner-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width: 992px) {
	.fb_dialog {
		bottom: 65px !important;
	}
}

.fb-comments iframe {
	width: 100% !important;
}

.ht-parallax {
	background-size: auto 170% !important;
	background-position: center;
	transition: background-position 0.6s ease-out;

}

.cookie-bottom {
	position: fixed;
	bottom: 0px;
	pointer-events: none;
	z-index: 9997;
	transition: opacity .3s ease;
}

.cookie-bottom {
	pointer-events: none;
}

#cookiecontainer {
	pointer-events: all;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 0;
	font-size: .9rem;
	padding: 10px;
	overflow: hidden;
	background-color: var(--color2);
	color: #fff;
	animation: cookiepop 1s ease-in-out;
	transform-origin: bottom left;
	text-align: center;
	flex-direction: row;
	align-items: center;
}

.container-invert {
	filter: invert(1), hue-rotate(180deg);
}

#cookiecontainer p {
	margin: 0;
}

#cookiecontainer #consent,
#cookiecontainer #notconsent {
	border: 0;
	margin: 8px;
	padding: 5px 10px;
	box-shadow: 0 0 2px #333;
	font-size: .92rem;
	background-color: #fff;
	transition: all .3s ease-in-out;
	font-weight: 700;
	pointer-events: all;
}

#cookiecontainer #consent {
	background-color: var(--link2);
	color: #fff;
}

#cookiecontainer #consent:hover,
#cookiecontainer #notconsent:hover {
	filter: brightness(87%);
	text-decoration: none;
}

#cookiecontainer #notconsent {
	color: var(--text);
}

@media (max-width: 576px) {
	#cookiecontainer {
		font-size: 1rem;
		padding: 9px;
		left: initial;
	}

	#cookiecontainer #consent,
	#cookiecontainer #notconsent {
		margin: 6px;
		padding: 8px;
		font-size: .8rem;
	}
}

@keyframes cookiepop {
	0% {
		left: 100%;
		transform: skew(-20deg);
	}

	60% {
		transform: skew(-20deg);
	}

	90% {
		transform: skew(0deg);
	}

	100% {
		left: 0;
	}
}

.fsbg {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, .9);
	transition: opacity .3s ease-in-out;
}

.fs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 95%;
	height: 90%;
	background-color: #fff;
	padding: 14px;
}

.fs svg {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	fill: red;
	width: 100px;
}

.fs #fsconsent,
.fs #fsnotconsent {
	border: 0;
	margin: 8px;
	padding: 10px;
	box-shadow: 0 0 2px #333;
	font-size: 1rem;
	background-color: #fff;
	transition: all .3s ease-in-out;
	font-weight: 700;
	pointer-events: all;
}

.fs #fsconsent {
	background-color: var(--color1);
	color: #fff;
}

.fs #fsconsent:hover,
.fs #fsnotconsent:hover {
	filter: brightness(78%);
}

.ht-bgload {
	filter: opacity(0)
}

.ht-imgload {
	filter: opacity(0)
}

.preventload img {
	filter: opacity(1)
}

.ht-loaded {
	animation: bgloadanim .5s;
}

@keyframes bgloadanim {
	0% {
		filter: opacity(0);
	}

	100% {
		filter: opacity(1);
	}
}

/*LOADER*/
/*LOADER*/
/*TOPNAV*/
.topnav {
	position: fixed;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--g4);
	z-index: 8000;
	padding-top: 0;
	padding-bottom: 0;
	transition: all .3s ease-out;
	min-height: 45px;
}

.topnavspacer {
	background-color: transparent;
	height: 45px !important;
	margin-left: -15px;
	margin-right: -15px;
}

.topnav li {
	transition: all .3s ease-out;
	position: relative;
	padding-bottom: 5px;
}

.topnav li a {
	position: relative;
	transition: padding-top .2s;
	border-top: 5px solid transparent;
	color: var(--text-light);
	z-index: 1;
	margin-top: 0;
}

.topnav li a:hover {
	color: var(--text-light) !important;
}

.navbar-toggler {
	padding: .2rem .4rem
}

.navbar-toggler-icon {
	width: 1.2em;
	height: 1.2em;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.topnav li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -55px;
	right: 0;
	width: 100%;
	background-repeat: repeat-x;
	height: 8px;
	background-size: 20px 6px;
	border-radius: 50%;
	background-image: radial-gradient(circle at 12px -9px, transparent 12px, currentcolor 13px);
	opacity: 0;
	transition: all .2s ease-out;
	pointer-events: none;
}

.topnav li a:hover::after {
	bottom: -2px;
	opacity: 1;
}

.topnav li .active::after {
	bottom: -2px;
	opacity: 1;
}

.navbar-brand img {
	height: 45px;
	margin-top: 0px;
	margin-bottom: -10px;
	transition: all .25s ease-out;
}

.ontop {
	padding-top: 30px;
	background-color: transparent;
}

.ontop li {
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2rem;
	font-weight: 700;
}

.ontop .show {
	transition: background-color .2s ease-in-out;
}

@media (max-width: 998px) {
	.ontop {
		padding-top: 12px;
	}

	.ontop .show {
		background: rgba(0, 0, 0, .94);
	}
}

.secondary-nav-button {
	background-color: var(--g1);
	color: var(--text-light);
	padding: 10px 12px;
	text-align: center;
	margin: 6px 18px;
	font-size: 20px;
	font-weight: 500;
	transition: all .18s ease-in-out;
	border: 0;
}

.secondary-nav-button.collapsed {
	background-color: var(--g2);
}

.secondary-nav-button:focus {
	outline: 0;
}

.secondary-nav-button:hover {
	background-color: var(--g1);
	text-decoration: none;
	color: var(--text-light);
}

@media(max-width: 1300px) {
	.secondary-nav-button {
		font-size: 18px;
		margin: 6px 14px;
	}
}

@media(max-width: 992px) {
	.secondary-nav-button {
		font-size: 16px;
		margin: 6px 10px;
	}
}

@media(max-width: 576px) {
	.secondary-nav-button {
		font-size: 14px;
		margin: 6px 6px;
	}
}

@media(max-width: 395px) {
	.secondary-nav-button {
		font-size: 12px;
		margin: 6px 5px;
	}
}

#secondary-menu .thepost {
	padding-top: 0;
	background-color: var(--g2);
	transition: all .1s ease-in-out;
	color: var(--text-light);
}

#secondary-menu .thepost.collapse.show {
	padding-top: calc(10px + 2vw);
	padding-bottom: calc(10px + 2vw);
}

/*TOPNAV*/
/*BREADCRUMBS*/
@media (max-width: 576px) {
	.breadcrumbs .material-icons {
		font-size: 15px;
	}

	.breadcrumbs {
		font-size: 12px;
	}
}

/*BREADCRUMBS*/
/*POST*/
.thepost {
	padding: 0;
}

.thepost-content {
	background: #fff;
	padding: 20px;
	width: 100%;
}

.thepost img {
	max-width: 100%;
	height: auto;
}

.thepost iframe {
	max-width: 100%;
	width: 100%;
	height: calc(120px + 30vw);
	min-height: 150px;
	max-height: 600px;
}

.thepost table {
	max-width: 100% !important;
}

.thepost * {
	max-width: 100% !important;
}

.thepost a {
	text-decoration: underline;
}

.thepost ul {
	padding-left: 20px;
}

.thepost p {
	font-size: 18px;
}

@media (max-width: 992px) {
	.thepost p {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.thepost p {
		font-size: 12px;
	}
}

@media screen and (orientation:landscape) {
	.thepost iframe {
		max-width: 100%;
		width: 100%;
		height: calc(150px + 30vw);
		min-height: 150px;
		max-height: 600px;
	}
}

.tagcontainer svg {
	position: absolute;
	right: calc(100% - 12px);
	width: 40px;
}

.tag {
	display: block;
	padding: 5px;
	margin: 5px;
	float: left;
	font-size: 14px;
	background-color: var(--color2);
	color: #fff;
	transition: all .3s;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tag:hover {
	background-color: var(--color1);
	color: var(--link);
}

@media (max-width: 576px) {
	.tag {
		font-size: 12px;
	}

	.tagcontainer svg {
		width: 26px;
		right: calc(100% - 11px);
	}
}

.postpagination {
	font-weight: 700;
}

.postpagination a {
	text-decoration: none;
	color: var(--text);
	transition: color .3s;
	cursor: pointer;
}

.postpagination a:hover {
	color: var(--g1);
}

.postpagination .active {
	color: var(--g1);
}

/*POST*/
/*FOOTER*/
footer {
	display: block;
	width: 100%;
	min-height: 100px;
	background-color: var(--g4);
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
}

/*FOOTER*/
/*SWIPER*/
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}

.referenceswiper {
	padding-top: calc(12px + 4vw);
	padding-bottom: calc(12px + 4vw);
	min-height: 380px;
	max-height: 540px;
	height: 50vw;
	align-items: center;
	background: #000;
	overflow: hidden;
	position: relative;
	color: #fff;
}

.referenceswiper .swiper-wrapper {
	align-items: center;
}

.referenceswiper .swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 40px 0 40px;
}

.referenceswiper .swiper-slide .img-container {
	min-width: 132px;
	max-width: 400px;
	width: 25vw;
	position: absolute;
	right: 40px;
	top: 0;
}

.referenceswiper .swiper-slide .img-container img {
	position: relative;
	width: 100%;
}

.referenceswiper .parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.referenceswiper .swiper-slide .title {
	font-size: 41px;
	font-weight: 300;
	line-height: 1.2;
	max-width: 70%;
}

.referenceswiper .swiper-slide .subtitle {
	font-size: 21px;
	line-height: 1.2;
	max-width: 70%;
}

.referenceswiper .swiper-slide .text {
	font-size: 14px;
	max-width: 400px;
	line-height: 1.3;
	display: inline-block;
}

.referenceswiper a,
.referenceswiper .material-icons {
	font-size: 20px;
}

.referenceswiper svg {
	width: 52px;
	margin-top: -10px;
	fill: #fff;
}

@media (max-width: 790px) {
	.referenceswiper .swiper-slide .title {
		font-size: 35px;
		padding-left: 10px;
	}

	.referenceswiper .swiper-slide .subtitle {
		font-size: 20px;
		padding-left: 10px;
	}

	.referenceswiper .swiper-slide .text {
		font-size: 13px;
		line-height: 1.1;
		padding-left: 10px;
	}
}

@media (max-width: 576px) {
	.referenceswiper .swiper-wrapper {
		height: 100%;
	}

	.referenceswiper .swiper-slide .title {
		font-size: 30px;
		padding-left: 10px;
		max-width: 100%;
	}

	.referenceswiper .swiper-slide .subtitle {
		font-size: 18px;
		padding-left: 10px;
		max-width: 100%;
	}

	.referenceswiper .swiper-slide .text {
		font-size: 11px;
		line-height: 1.1;
		padding-left: 10px;
	}

	.referenceswiper .swiper-slide {
		padding: 0;
	}

	.referenceswiper .swiper-slide .img-container {
		position: absolute;
		z-index: -1;
	}

	.referenceswiper .swiper-slide .img-container img {
		right: 0;
		bottom: -195px;
	}

	.referenceswiper a,
	.referenceswiper .material-icons {
		font-size: 14px;
	}
}

.postswiper-wrap {
	max-height: 760px;
	height: calc(320px + 25vw);
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 100%;
}

.postswiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.postswiper .swiper-slide {
	background-size: cover;
	background-position: center;
}

.postswiper .swiper-slide img {
	display: block;
	margin: auto;
	height: calc(140px + 25vw);
}

.postswiper-top {
	height: auto;
	max-height: 80%;
	width: 100%;
	margin-bottom: 10px;
}

.postswiper-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.postswiper-thumbs .swiper-slide {
	cursor: pointer;
	height: 100%;
	opacity: .5;
}

.postswiper-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.pagebox {
	position: relative;
	background: var(--g2);
}

.pagebox.left {
	color: var(--text-light);
}

.pagebox.right {
	color: var(--text) !important;
}

@media(min-width: 786px) {}

/*SWIPER*/
/*BUTTONS*/
/*BUTTONS*/
/*CARDS*/
.hcard {
	width: 18rem;
	background-color: var(--g2);
	margin: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	justify-content: center;
	align-items: center;
	color: var(--text);
}

.hcard .card-subtitle {
	color: var(--textb);
}

.personcard {
	width: 15rem;
	background-color: var(--g4);
	border: 0;
	margin: 20px;
}

.personcard .card-body {
	color: var(--text);
}

.personcard .material-icons {
	font-size: 20px;
}

.personcard .card-text {
	color: var(--text);
	display: block;
	font-size: 13px;
}

@media (max-width:576px) {
	.personcard {
		width: 14rem;
		margin: 10px;
	}

	.personcard .card-body {
		padding: .75rem;
	}

	.personcard .material-icons {
		font-size: 17px;
	}
}

.servicecard-container:hover .servicecard {
	filter: brightness(60%);
}

.servicecard-container:hover .servicecard:hover {
	filter: brightness(100%);
	transform: scale(1.02);
	z-index: 3;
	text-decoration: none;
	color: var(--text-light);
}

.servicecard {
	cursor: pointer;
	height: 190px;
	background-color: var(--g1);
	color: var(--text-light);
	border-radius: 0;
	border: 0;
	width: 50%;
	display: flex;
	flex-direction: row;
	transition: all .11s ease-in-out;
}

.servicecard .image {
	position: relative;
	width: 50%;
	background-color: rgba(255, 255, 255, 2);
	background-position: center;
	height: 100%;
	background-size: cover;
}

.servicecard .card-body {
	width: 50%;
	height: 100%;
	font-size: 13px;
	padding: 20px;
}

.servicecard .card-body h5 {
	text-align: center;
}

.servicecard .image::after {
	content: '';
	background-color: var(--g1);
	/*background: linear-gradient(225deg, rgba(255,255,255,0) 50%, rgba(62,107,144,1) 50%);*/
	position: absolute;
	height: 30px;
	width: 30px;
	transform: rotate(45deg);
	top: 50%;
	right: 0;
	margin-top: -15px;
	margin-right: -15px;
}

.servicecard:nth-child(4n+3),
.servicecard:nth-child(4n+4) {
	flex-direction: row-reverse;
}

.servicecard:nth-child(4n+1) .image::after {
	background: linear-gradient(225deg, rgba(255, 255, 255, 0) 50%, var(--g4) 50%);
}

.servicecard:nth-child(4n+2) .image::after {
	background: linear-gradient(225deg, rgba(255, 255, 255, 0) 50%, var(--g1) 50%);
}

.servicecard:nth-child(4n+3) .image::after {
	background: linear-gradient(225deg, var(--g1) 50%, rgba(255, 255, 255, 0) 50%);
}

.servicecard:nth-child(4n+4) .image::after {
	background: linear-gradient(225deg, var(--g4) 50%, rgba(255, 255, 255, 0) 50%);
}

.servicecard:nth-child(4n+3) .image::after,
.servicecard:nth-child(4n+4) .image::after {
	left: 0;
	margin-left: -15px;
}

.servicecard:nth-child(4n+1),
.servicecard:nth-child(4n+4) {
	background-color: var(--g2);
}

@media (max-width: 940px) {
	.servicecard {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.servicecard h5 {
		font-size: 15px;
	}

	.servicecard .card-body {
		font-size: 12px;
		padding: 10px;
	}
}

.postsnippet {
	position: relative;
	color: var(--text);
	margin: 0;
}

.postsnippet .left {
	display: flex;
	align-items: center;
	padding: 12px;
	padding-right: 0px;
	width: 30%;
	max-height: calc(150px + 2vw);
	overflow: hidden;
}

.postsnippet .left img {
	max-width: 100%;
}

.postsnippet .right {
	width: 70%;
	padding: 12px;
	padding-right: 0px;
}

.postsnippet.noimg .right {
	width: 100%;
}

.postsnippet .right a {
	color: var(--text);
}

.postsnippet .right a:hover {
	text-decoration: none !important;
}

.postsnippet .right a:hover .title {
	text-decoration: underline;
}

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

.postsnippet .description {
	font-size: 12px;
}

.postsnippet .view-button {
	color: var(--text-light);
	padding: 6px 12px;
	background-color: var(--g1);
	position: absolute;
	right: 0;
	bottom: 16px;
}

.postsnippet .view-button:hover {
	text-decoration: none;
}

@media (max-width: 576px) {

	.postsnippet .left,
	.postsnippet .right {
		width: 100%;
	}

	.postsnippet .left {

		max-height: 300px;
	}
}

.searchpostcard {
	width: 18rem;
	margin: 5px;
	padding-top: 14px;
	padding-bottom: 14px;
	justify-content: center;
	align-items: center;
	border: 0;
	background: var(--g2);
	color: var(--text-light);
	line-height: 1.1;
	border-radius: 0;
}

.searchpostcard:hover {
	text-decoration: none;
}

.searchpostcard-large {
	display: flex;
	position: relative;
	min-height: 200px;
	max-height: 570px;
	background-size: cover;
	margin: 10px;
	height: calc(180px + 10vw);
	width: 30%;
	transition: all .2s ease-in-out;
}

.searchpostcard-large .card-body {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: var(--text-light);
}

.searchpostcard-large .card-body .card-title {
	font-weight: 700;
	letter-spacing: 5px;
	text-align: center;
	filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 8px #000) drop-shadow(0 0 20px #000) drop-shadow(0 0 30px #000);
}

.searchpostcard-large .card-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0;
	color: var(--text-light);
	opacity: 0;
	transition: all .2s ease-in-out;
}

.searchpostcard-large:hover .card-footer,
.searchpostcard-large .card-footer.show {
	opacity: 1;
	filter: drop-shadow(0 0 8px #000) drop-shadow(0 0 15px #000);
}

@media (max-width: 1280px) {
	.searchpostcard-large {
		width: 45%;
	}
}

@media (max-width: 726px) {
	.searchpostcard-large {
		width: 90%;
	}

	.searchpostcard-large .card-title {
		font-size: 17px;
	}

	.searchpostcard-large .card-text {
		font-size: 13px;
	}
}

@media (max-width: 380px) {
	.searchpostcard-large {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.searchpostcard-large .card-text {
		font-size: 12px;
	}
}

.searchpostcard-large-container:hover .searchpostcard-large {
	filter: brightness(40%);
}

.searchpostcard-large-container:hover .searchpostcard-large:hover {
	filter: brightness(100%);
	text-decoration: none;
}

.searchpostcard a {
	color: var(--text-light);
}

.searchpostcard .card-header {
	background: transparent;
	width: 30%;
	border: 0;
	margin: 0;
}

.searchpostcard .card-header img {
	display: block;
	margin: auto;
	width: 100%;
}

.searchpostcard .card-title {
	font-weight: 700;
	font-size: 1.32rem;
}

.searchpostcard .card-subtitle {
	font-weight: 300;
	font-size: 1.1rem;
	margin-bottom: 8px;
}

.searchpostcard .card-body {
	background: transparent;
	padding: 12px;
	border: 0;
	font-size: .8rem;
	width: 100%;
	margin: 0;
}

.searchpostcard .card-footer {
	border: 0;
	background: transparent;
	padding: 0;
	width: 100%;
}

.searchpostcard .view-button {
	background-color: var(--g1);
	border: 0;
	color: var(--text-light);
	padding: 10px 20px 10px 20px;
	display: block;
	text-align: center;
	transition: all .14s ease;
}

.searchpostcard .view-button:hover {
	filter: brightness(120%);
	background-color: var(--g2);
	text-decoration: none !important;
}

@media (max-width: 576px) {
	.searchpostcard {
		width: 17rem;
		flex-direction: column;
		padding: 5px;
		text-align: center;
	}

	.searchpostcard .card-header img {
		height: 80px;
	}

	.searchpostcard .card-header,
	.whymecard .card-body {
		width: 100%;
	}

	.searchpostcard .card-body {
		width: 100%;
	}

	.searchpostcard .card-body p {
		font-size: 13px;
		text-align: justify;
	}
}

.searchpostcard .imgcontainer {
	height: 200px;
	max-height: calc(110px + 15vw);
	overflow: hidden;
}

.searchpostcardb {
	width: 47rem;
	margin: 5px;
	flex-direction: row;
	padding-top: 14px;
	padding-bottom: 14px;
	justify-content: center;
	align-items: center;
	border: 0;
	background: transparent;
	color: #fff;
}

.searchpostcardb a {
	color: var(--text-light);
}

.searchpostcardb .card-header {
	background: transparent;
	width: 30%;
	border: 0;
	margin: 0;
}

.searchpostcardb .card-header img {
	display: block;
	margin: auto;
	width: 100%;
}

.searchpostcardb .card-body {
	background: transparent;
	padding: 8px;
	width: 70%;
	border: 0;
	margin: 0;
}

.searchpostcardb .card-body h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3rem;
}

@media (max-width: 576px) {
	.searchpostcardb {
		width: 17rem;
		flex-direction: column;
		padding: 5px;
		text-align: center;
	}

	.searchpostcardb .card-header img {
		height: 80px;
	}

	.searchpostcardb .card-header,
	.searchpostcardb .card-body {
		width: 100%;
	}

	.searchpostcardb .card-body {
		width: 100%;
	}

	.searchpostcardb .card-body p {
		font-size: 13px;
		text-align: justify;
	}
}

.searchpostcardb .imgcontainer {
	height: 200px;
	max-height: calc(110px + 15vw);
	overflow: hidden;
}

.searchbox button,
.searchbox-mobile button {
	color: #fff;
	background: 0;
	border: 0;
	display: inline-block;
	font-size: 28px;
	vertical-align: middle;
}

.searchbox input,
.searchbox-mobile input {
	background: transparent;
	border: 0;
	color: #fff;
	border-bottom: 3px solid #fff;
	padding: 4px;
}

.searchbox input::placeholder,
.searchbox-mobile input::placeholder {
	color: #ededed;
}

.searchbox input:focus,
.searchbox-mobile input:focus {
	box-shadow: unset;
	outline: 0;
}

.searchbox-mobile * {
	float: right;
}

.searchemp {
	background-color: var(--info);
	padding-top: 2px;
	padding-bottom: 2px;
}

/*CARDS*/
/*FORMS*/
.callmeform {
	background: #ffffff;
	box-shadow: 25px 25px 49px #d6d6d6,
		-25px -25px 49px #ffffff;
}

.callmeform .forminput {
	position: relative;
	border: 0;
	border-radius: 0;
	border-bottom: 3px solid var(--color1);
}

.callmeform .forminput:focus {
	box-shadow: unset;
	outline: 0;

}

.callmeform button {
	display: block;
	margin: auto;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Josefin Sans', sans-serif;
	color: #fff;
	border: 0;
	padding: 6px 12px 4px 12px;
	background-color: var(--color1);
	transition: all .2s ease-in-out;
}

.callmeform button:hover {
	background-color: var(--success);
}

.callmeform button:focus {
	outline: 5px auto var(--link2);
}

.contact {
	text-align: center;
}

.contact a {
	color: #fff;
}

.contact a:hover {
	color: #fff;
	text-decoration: none;
}

.contact .material-icons {
	font-size: 1.6rem;
}

.contact h5 {
	font-size: 1.3rem;
}

.contact p {
	font-size: 1.2rem;
}

@media (max-width: 576px) {
	.contact .material-icons {
		font-size: 1.3rem;
	}

	.contact h5 {
		font-size: 1rem;
	}
}

/*FORMS*/
/*TEXTS*/
.icon-va {
	vertical-align: sub;
}

.bottomborder {
	border-bottom: 5px solid var(--color1);
}

.leftborder {
	padding-left: 10px;
	border-left: 8px solid var(--color1);
}

.social-share {
	display: block;
	text-align: right;
	color: var(--text);
}

.social-share a svg {
	height: 34px;
	margin-bottom: 5px;
	fill: #fff;
	transition: all .2s ease-in-out;
}

.social-share a {
	margin: 0;
	padding: 4px;
	transition: filter .2s ease-in-out;
}

.social-share a:hover {
	filter: drop-shadow(0px 0px 4px);
}

.social-share a:hover svg {
	transform: scale(1.2);
}

.social-box {
	display: inline-block;
	position: relative;
	right: 5px;
	text-align: left;
}

.social-text {
	margin-left: 10px;
}

.social-links {
	padding: 7px;
}

.social-links .fb {
	color: #1877F2;
}

.social-links .tw {
	color: #1DA1F2;
}

.social-links .ggl {
	color: #dd4b39;
}

.social-links .pin {
	color: #BD081C;
}

.social-links .in {
	color: #0077B5;
}

.social-links .tmb {
	color: #36465D;
}

.social-links .vk {
	color: #4680C2;
}

.social-links .red {
	color: #FF4500;
}

@media (max-width: 576.98px) {
	.social-share a svg {
		height: 25px;
	}
}

/*TEXTS*/
/*HEADINGS*/
@media (max-width: 991.98px) {
	h1 {
		font-size: 1.68rem;
	}

	h2 {
		font-size: 1.56rem;
	}

	h3 {
		font-size: 1.4rem;
	}

	h4 {
		font-size: 1.2rem;
	}
}

/*HEADINGS*/

.szechenyi {
	z-index: 999999999999999;
	position: fixed;
	bottom: 0;
	right:0;
	width: fit-content;
	margin-left: auto;
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.szechenyi img{
	height: 102px;
}

footer{
	padding-bottom: 102px;
}