.sivu1 #showcase h2 {
    font-size: 4rem;
}
.sivu1 #showcase h2 {
    font-size: 4rem;
    text-shadow: 5px 5px 0px rgb(0 0 0 / 36%);
}
a {
    color: var(--color5);
}

.box2 .boxlist-item__text-holder h2, .box2 .boxlist-item__img-holder svg {
    color: var(--color1) !important;
}
.box2 .boxlist-item {
    background-color: transparent;
    color: var(--color5) !important;
}
#main-content h1,
#content-bottom h1{
    font-size: 2.5rem;
	color: var(--color1) !important;
}
.boxlist-item__text-holder .btn {
    font-size: 1.3rem;
    font-weight: normal !important;
}
#main-content h2 {
	font-size: 2.5rem;
	color: var(--color1) !important;
}

#content-bottom .item1 {
	margin-bottom: 0 !important;
}

.customPad {
	padding: 2rem 2rem 0rem 2rem !important;
}

#section-primary h2 {
	color: var(--color5) !important;
}


.site-header__bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: var(--color1);
}
.desktop-main-menu a {
    font-size: 1.5rem;
    white-space: nowrap;
	font-weight: normal;
}
.image-box .boxlist-item h2, .image-box2 .boxlist-item h2, .round-box .boxlist-item h2, .round-box2 .boxlist-item h2 {
    text-shadow: 0px 1px 3.5px rgba(0, 0, 0, 0.55);
}
.desktop-main-menu li.current > a, .desktop-main-menu a:hover {
    background: var(--color3);
    font-weight:normal !important;
    color: var(--color1) !important;
}
.desktop-main-menu li > a {
	color: var(--color1) !important;
}


.button5 .btn-switcher-highlight, .button6 .btn-switcher-highlight, .button5 .btn-switcher-secondary, .button5 .btn-switcher-primary {
    padding: 0.35rem 1.5rem;
    border-radius: 0;
}
.hero-slider__text-content h2, .hero-slider__text-content h1 {
    margin-bottom: 1rem;
}
.btn:not(.btn.mobile-menu__bars) {
    color: var(--color4) !important;
    font-weight: normal ;
    font-family: var(--fontheading);
	font-size:1.3rem;
}

.button1 .btn-switcher-primary, .button3 .btn-switcher-primary, .button5 .btn-switcher-primary {
    color: var(--color1) !important;
    border-color: var(--color3);
    background-color: var(--color3);
    transform: skew(-15deg);
}

#showcase h2, #showcase h3 {
    text-shadow: 1px 2px 4px rgb(0 0 0 / 60%) !important;
    color: var(--color4) !important;
}

.form-control-static h2, .form-control-static p {
	text-shadow: none;
	color: var(--color1) !important;
}

#section-back ul li {
	color: var(--color4) !important;
}

#section-primary .btn {
	background: var(--color1) !important;
	color: var(--color4) !important;
    font-weight: normal ;
    font-family: var(--fontheading);
}

#section-primary .btn:hover {
	background: var(--color4) !important;
	color: var(--color3) !important;
    font-weight: normal ;
    font-family: var(--fontheading);
}

.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, 
.button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus, 
.button5 .btn-switcher-primary:hover, .button5 .btn-switcher-primary:focus {
    color: var(--color1) !important;
    border-color: var(--color1);
    background-color: transparent;
}
#showcase .btn-switcher-primary:hover, #showcase .btn-switcher-primary:focus {
	color: var(--color2) !important;
    border-color: var(--color2);
    background-color: transparent;
}
#bottom .btn {
	background: var(--color1) !important;
	color: var(--color4) !important;
	border-color: var(--color1);
}
#bottom .btn:hover {
	background: var(--color3) !important;
	color: var(--color1) !important;
	border-color: var(--color3);
}
color: var(--color2) !important;
    border-color: var(--color2);
    background-color: transparent;

.boxlist-item__text-holder .btn {
    color: var(--color5) !important;
	background: var(--color3) !important;
    font-weight: normal ;
    font-family: var(--fontheading);
	font-size:1.5rem;
	font-weight:bold;
	transform: skew(-15deg);
}
a:hover, a:focus {
    color: var(--color5);
}
.boxlist-item__text-holder .btn:hover {
    color: var(--color5) !important;
	background: transparent !important;
	border-color: var(--color5) !important;
}
a:hover, a:focus {
     text-decoration:none !important;
}
#content-bottom h1, #content-bottom h2, #section-tertiary h1, #section-tertiary h2 {
    color: var(--color1);
	font-size: 2.5rem;
}

.mobile-menu__bars {
    color: var(--color1) !important;
	background: transparent;
	border-radius: 3px !important;
}
.mobile-menu__bars svg {
    color: var(--color5) !important;
}


.mob-basic-color .mm-spn.mm-spn--light {
    color: var(--color5);
    background: var(--color1);
    font-weight: normal !important;
}
.mob-basic-color .mobile-menu a {
    color: var(--color5);
}
.hero-slider__overlay {
    background: rgba(0,0,0,0) 50%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0) 100%);
}
h3, h4, h5, h6 {
    color: var(--color5) !important;
	font-family: var(--fontheading);
}
#showcase h2 {
    font-size: 4rem;
}
.faq .editor-content__item {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    background-color: transparent;
    padding: 0;
}
.content15 .contentlist .contentlist__item {
    background-color: transparent;
}
.content-slider__overlay {
    background-color: rgba(0, 0, 0, 0.4);
}
.content-slider1 .content-slider h2, 
.content-slider1 .content-slider h1, 
.content-slider2 .content-slider h2, 
.content-slider2 .content-slider h1, 
.content-slider1 .content-slider h3, 
.content-slider2 .content-slider h3{
    color: var(--color4) !important;
    text-shadow: 3px 2px 0 rgb(0 0 0 / 41%);
}
.noHero h1 {
    color: var(--color4);
}
a.btn.btn-switcher-primary.btn-switcher-highlight:hover {
    background: transparent !important;
    border-color: var(--color4) !important;
	color: var(--color4) !important;
}
#section-primary, #content-top {
    background: var(--color2);
    color: var(--color5);
}
#section-primary, #content-top {
    background: var(--color2);
    color: var(--color5);
}
#showcase .btn a {
    background: red !important;
}
.button1 .btn-switcher-secondary, .button3 .btn-switcher-secondary, .button5 .btn-switcher-secondary {
    color: var(--color1) !important;
    border-color: var(--color2);
    background-color: var(--color2);
	    transform: skew(-15deg);
}
.button1 #section-secondary .btn-switcher-primary:hover, .button1 #section-secondary .btn-switcher-primary:focus, 
.button1 #bottom .btn-switcher-primary:hover, .button1 #bottom .btn-switcher-primary:focus, 
.button3 #section-secondary .btn-switcher-primary:hover, .button3 #section-secondary .btn-switcher-primary:focus, 
.button3 #bottom .btn-switcher-primary:hover, .button3 #bottom .btn-switcher-primary:focus, .button5 #section-secondary .btn-switcher-primary:hover, 
.button5 #section-secondary .btn-switcher-primary:focus, .button5 #bottom .btn-switcher-primary:hover, .button5 #bottom .btn-switcher-primary:focus {
    color: var(--color1) !important;
    border-color: var(--color1) !important;
    background-color: transparent;
}
.desktop-main-menu li.level1 > a {
    display: inline-block;
    padding: 0.5rem 1.5rem 0.4rem 1.5rem !important;
    text-decoration: none !important;
	border-radius:5px;
	transform: skew(-15deg);
}
.site-header__logo img {
    max-height: 120px;
}
.sticky .site-header__logo img {
    max-height: 70px;
}
.mm-spn.mm-spn--light {
    color: var(--color4) !important;
    background: var(--color1);
}
.mobile-menu a {
    color: var(--color4);
    font-size: 1.1rem;
    font-weight: normal;
}
#main-before h5, #main-before h6, #main-content h5, #main-content h6, 
#section-back h5, #section-back h6, #main-after h5, #main-after h6, 
#section-quaternary h5, #section-quaternary h6 {
    color: var(--color1);
}
.mobile-menu::after {
    font-weight: normal;
}
.mobile-menu::after {
    font-weight: normal;
}


.sticky .desktop-main-menu li.current > a, .sticky .desktop-main-menu a:hover {
	color: var(--color1) !important;
    text-shadow: none !important;
}
.sivu47 .customPad {
    padding: 2rem !important;
}
.noHero {
    background: var(--color1);
}
.showcase-half-left .hero-slider {
    background: var(--color1);
}
.sivu29 #content-bottom .item1 {
    margin-bottom: 2rem !important;
}
.box1 .boxlist__col, .box2 .boxlist__col, .box3 .boxlist__col {
    margin-bottom: 0;
}
.site-header__bottom {
    background: var(--color4);
}
.noHero {
    padding-top: 160px;
}
@media (min-width: 1200px) {

.fast-form-phone .row .form-group:nth-child(2), .fast-form-email .row .form-group:nth-child(2), .fast-form-phone .row .form-group:nth-child(3), .fast-form-email .row .form-group:nth-child(3) {
	flex: 0 0 25%;
	}
}
@media (max-width: 1199.98px) {
	.desktop-main-menu a {
		font-size: 1.2rem;
		padding: 0.3rem 1rem 0.3rem 1rem !important;
	}
}
@media (max-width: 1100px) {
	.desktop-main-menu a {
		font-size: 1rem;
		padding: 0.3rem 0.8rem 0.3rem 0.8rem !important;
	}
}
@media (min-width: 992px) {
	.site-header__top .btn {
		display: none;
	}	
}
@media (max-width: 991.98px) {
	h1, h2 {
		font-size: 2.5rem;
	}
	#mobile-buttons a {
		background: var(--color5);
		margin: 0 5px;
    	padding: 5px 15px 3px 15px;
		    transform: skew(-15deg);
	}
	
	#mobile-buttons a:hover {
		background: transparent;
		border-color: var(--color4) !important;
		color: var(--color4) !important;
		background: var(--color5);
	}
	.site-header__logo img {
    	max-height: 70px;
	}
	.image-box .boxlist-item, .image-box2 .boxlist-item, .round-box .boxlist-item, .round-box2 .boxlist-item {
    	padding-bottom: 70%;
	}
	.image-box .boxlist-item__text-holder, .image-box2 .boxlist-item__text-holder, .round-box .boxlist-item__text-holder, .round-box2 .boxlist-item__text-holder {
    	top: 55%;
	}
	.sivu1 #showcase h2 {
		font-size:4rem;
	}

	#main-content h1, #content-bottom h1, #main-content h2, #content-bottom h2 {
		font-size: 2rem;
		line-height: 1.4;
	}
	.btn:not(.btn.mobile-menu__bars) {
    	font-size: 1.2rem;
	}
	.boxlist-item__text-holder .btn {
    	font-size: 1.2rem;
	}
	.content11 .contentlist .contentlist__item-img-holder, .content12 .contentlist .contentlist__item-img-holder, 
	.content13 .contentlist .contentlist__item-img-holder, .content14 .contentlist .contentlist__item-img-holder {
		position: relative;
		height: 100%;
		width: 100%;
		padding-bottom: 100%;
	}
	.customPad {
    	padding: 2rem!important;
	}
}
@media (max-width: 767.98px) {
	.sivu1 #showcase h2 {
		font-size: 3rem;
	}
	#showcase h2 {
    	font-size: 3rem;
	}
	h1, h2 {
		font-size: 2rem;
	}
	body {margin-bottom:70px;}
	#mobile-buttons a {
    	border-radius: 0.25rem;
	}
	#mobile-buttons a {
		background: var(--color1);
		margin: 0 5px;
		padding: 4px 5px 0px 10px;
		font-size: 1.2rem;
	}
	.noHero {
		padding-top: 7rem;
		padding-bottom: 5rem;
	}
	.site-footer {
    	padding: 3rem 0 4rem 0;
	}
	.site-header__logo img {
		width: auto;
		max-height: 60px !important;
	}
	.content14 .contentlist .contentlist__item-content {
    	padding: 8.375rem 10%;
	}
	.content14 .contentlist .contentlist__item-content {
		background-color: transparent;
	}
	#mobile-buttons a {
		background: var(--color1);
		margin: 0 5px;
		padding: 4px 15px 2px 15px;
		font-size: 1.2rem;
		transform: skew(-15deg);
	}
	#content-bottom h1, #content-bottom h2, #section-tertiary h1, #section-tertiary h2, #main-content h1, #content-bottom h1, #main-content h2 {
		font-size: 2rem !important;
	}
	.content11 .contentlist .contentlist__item-content, .content12 .contentlist .contentlist__item-content, 
	.content13 .contentlist .contentlist__item-content, .content14 .contentlist .contentlist__item-content, 
	.content15 .contentlist .contentlist__item-content {
    	padding: 2.5rem 1.5rem !important;
	}
}
@media (min-width: 768px) {
	.nav-gradient .site-header .sticky {
		
		box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
	}
	.nav-gradient .site-header__bottom svg {
    	color: var(--color5);
	}
	#showcase h2 {
    	font-size: 3rem;
	}
}
@media (max-width: 575.98px) {
	
	.sivu1 #showcase h2 {
		font-size:1.6rem;
	}
	.sivu46 #content-bottom .content-section {
		margin-bottom: 0rem;
		padding: 3rem 1rem;
	}
	.sivu31 #main-content .content-section {
		margin-bottom: 0rem;
		padding: 3rem 1rem;
	}
	#mobile-buttons a {
		background: var(--color1);
		margin: 0 5px;
		padding: 4px 10px 5px 10px;
		font-size: 1.2rem !important;
		border-color: var(--color5) !important;
		transform: none;
		border-radius: 5px;
		transform: skew(-15deg);
	}
	#content-top .content-section {
    	padding: 3rem 1rem 0 1rem;
	}
	.sivu1 #content-top .content-section {
    	padding: 1rem;
	}
	#mobile-buttons a svg {
		margin-right: 0;
		height: 25px;
	}
	.content15 .contentlist .contentlist__item-img-holder {
    	padding-bottom: 100%;
	}
	.content-slider__item .content-slider__text-content {
    	padding: 6rem 1rem;
	}
	.hero-slider__item .hero-slider__text-content {
    	padding: 15rem 1.5rem 0rem 1.5rem;
	}
	
	.site-header__logo img {
		max-height: 60px !important;
	}
	.image-box .boxlist-item, .image-box2 .boxlist-item, .round-box .boxlist-item, .round-box2 .boxlist-item {
    	padding-bottom: 60%;
	}
	#main-content h1, #main-content h2, #content-bottom h1, #content-bottom h2 {
		font-size: 2rem;
	}
	.btn:not(.btn.mobile-menu__bars) {
		font-size: 1rem;
	}
	.content13 .contentlist .col-12 .contentlist__item-img-holder, .content14 .contentlist .col-12 .contentlist__item-img-holder {
    	padding-bottom: 100%;
	}
	.showcase-half-left .hero-slider__item {
		min-height:calc(60vh - 70px);
		display: block !important;
	}
	.showcase-half-left .hero-slider__text-content_inner {
		background: rgb(30 49 103 / 65%) !important;
		padding: 25px 20px 10px;
	}
	#showcase h2 {
    	font-size: 2rem;
	}
	#content-bottom h1, #content-bottom h2, #section-tertiary h1, #section-tertiary h2, #main-content h1, #content-bottom h1, #main-content h2 {
    	font-size: 1.6rem !important;
	}
	.news1 .newslist__col {
		margin-top:30px;
	}
	.customPad {
    	padding: 1rem !important;
	}
	.sivu32 #main-content .content-section {
		padding: 2rem 1rem;
	}
	.content-section {
		padding: 3rem 0rem;
	}
	.showcase-half-left .hero-slider__item .hero-slider__text-content {
    	bottom: 10px;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		line-height: 1.4;
	}
	body:not(.sivu1) .hero-slider__text-content {
    	padding: 8rem 2rem 5rem 2rem;
	}
}
@media(max-width: 380px) {
	.box1 .boxlist-item.icon-layout h2, .box2 .boxlist-item.icon-layout h2, .box3 .boxlist-item.icon-layout h2 {
		font-size: 1.2rem;
	}
	.sivu1 #showcase h2 {
    	font-size: 1.5rem;
	}
}

