/*OTSIKKOT & LINKIT*/
h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
}
h1, h2 {
    color: var(--color3);
}
h3, h4 {
    color: #8f8f8f;
}
h5, h6 {
	font-family: var(--fontheading2);
	color: var(--color1) !important;
}
h1 { font-size:2.5rem;}
h2 { font-size:2.5rem;}
h3 { font-size:2rem;}
h4 { font-size:1.8rem;}
h5 { font-size:1.2rem;}
h6 { font-size:1rem;}

.content1 .contentlist h2, .content2 .contentlist h2, .content3 .contentlist h2, .content4 .contentlist h2 {
    font-size: 2.5rem;
}

a {
    color: var(--color3);
    text-decoration: none !important;
}
a:hover, a:focus {
    color: var(--color5);
}






/*MENU*/
.desktop-main-menu a {
    font-family: var(--fontheading);
    text-transform: uppercase;
	font-size: 1.2rem;
	padding:0.5rem 2rem 0.4rem 2rem !important;
}
.desktop-main-menu li.current > a, .desktop-main-menu a:hover {
	color: var(--color3) !important;
    background: var(--color1);
    border-radius: 30px;
    font-weight: normal;
	
}
.desktop-main-menu .sub-menu a:hover {
    color: var(--color3) !important;
    text-decoration: none !important;
}
.sub-menu li a:hover {
    color: var(--color3) !important;
}
.sub-menu li.current a {
    color: var(--color3) !important;
}
/*.sticky .desktop-main-menu a {
	color: var(--color1) !important;
}
.sticky .desktop-main-menu li.current > a, .sticky .desktop-main-menu a:hover {
    color: var(--color3) !important;
}
*/
form#form-307 {
    max-width: 70% !important;
    margin: 0 auto;
	margin-bottom:80px;
}

/*HEADER*/
.noHero {
    padding-top: 200px;
    padding-bottom: 100px;
}
.hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.4);
}
body:not(.sivu1) .hero-slider__text-content {
    padding: 8rem 2rem 5rem 2rem;
}
.hero-slider__text-content_inner h3 {
    color: var(--color4);
}
.showcase1 .hero-slider h2, .showcase1 .hero-slider h1, .showcase2 .hero-slider h2, .showcase2 .hero-slider h1, 
.showcase1 .hero-slider h3, .showcase1 .hero-slider h4, .showcase2 .hero-slider h3, .showcase2 .hero-slider h4,
.hero-slider__text-content_inner h2, .hero-slider__text-content_inner h3 {
	text-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.site-header__top .btn {
    background: var(--color1) !important;
    padding: 0.5rem 1.5rem 0.4rem 1.5rem !important;
    color: var(--color3) !important;
    border: 0 !important;
    font-size: 1rem !important;
    margin-left: 0.3rem;
    text-transform: uppercase;
    font-family: var(--fontheading);
    font-weight: normal !important;
}
.site-header__top .btn:hover {
	background: var(--color3) !important;
	color: var(--color4) !important;
}
.hero-slider__text-content p {
    text-shadow: 0 0 3px #000;
    font-size: 1.2rem;
}
.hero-slider__text-content p a {
	text-shadow:none;
}
.sticky .site-header__logo img {
    max-height: 120px;
    max-width: 275px;
    position: relative;
}

.site-header__logo img {
    max-height: 175px;
}
.sivu1 #showcase h2 {
    font-size: 5rem !important;
}
.site-header__bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.btn-switcher-highlight {
    background-color: var(--color1);
    color: var(--color5);
    text-decoration: none !important;
}
.btn-switcher-highlight:hover, .btn-switcher-highlight:focus {
    background-color: var(--color4);
    color: var(--color5) !important;
}

/*Logo text*/
.mr-1.site-header__logo h2 {
    background: transparent;
    padding: 0.3rem 2rem 0.4rem 2rem;
    border-radius: 50px;
    border: 3px solid var(--color3);
    color: #fff;
	text-align:center;
	
}
/* IF Logo Text
.site-footer__company-info .font-weight-bold {
    font-family: var(--fontheading);
    text-transform: uppercase;
    font-size: 2rem;
}*/

/*BOXIT*/
.boxlist-item {
    text-align: center;
}
.box2 .boxlist-item__text-holder {
    padding: 3rem 1.5rem 2rem 1.5rem;
}
/* Border radius BOX 
.image-box .boxlist-item__img-holder {
    border-radius: 20px;
}
.image-box .boxlist-item:hover {
    border-radius: 20px;
}*/
.box1 .boxlist-item h2, .box2 .boxlist-item h2, .box3 .boxlist-item h2 {
    font-size: 2rem;
}


.hero-slider__text-content
    max-width: 75%;
}


/*MAIN CONTENT*/
.contentlist .contentlist__item-content {
    
}
.content3 {
    margin-bottom: 0;
}
.hin1 {
    background: var(--color2);
    padding: 6rem 5rem;
    border-radius: 20px;
}
.hin2 {
    background: #28326e;
   padding: 6rem 5rem;
	color: var(--color4);
   	border-radius:20px;
}
.hin2 h2 {
	color: var(--color3);
}



/*BUTTONS*/

a.btn, .button3 .btn-switcher-primary {
    font-weight: bold !important;
}
.button1 .btn-switcher-primary, .button1 .btn-switcher-primary, 
.button3 .btn-switcher-primary, .button3 .btn-switcher-primary {
    color: var(--color3);
    border-color: var(--color1);
    background-color: var(--color1);
    text-transform: uppercase !important;
    font-family: var(--fontheading);
    font-weight: normal !important;
	padding:0.5rem 1.5rem 0.4rem 1.5rem;
}
.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, 
.button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus {
    color: var(--color4) !important;
    border-color: var(--color3);
    background-color: var(--color3);
}
.button1 #section-primary .btn-switcher-primary:hover, 
.button1 #section-primary .btn-switcher-primary:focus, 
.button1 #content-top .btn-switcher-primary:hover, 
.button1 #content-top .btn-switcher-primary:focus, 
.button3 #section-primary .btn-switcher-primary:hover, 
.button3 #section-primary .btn-switcher-primary:focus, 
.button3 #content-top .btn-switcher-primary:hover, 
.button3 #content-top .btn-switcher-primary:focus {
    color: var(--color5) !important;
    border-color: var(--color2);
    background-color: var(--color1);
}
/* Hero second button*/
a.btn.btn-switcher-primary.btn-switcher-secondary:hover {
    color: var(--color3) !important;
}
.basic-form button.btn.btn-switcher-primary:hover {
    color: var(--color4);
    border-color: var(--color4) !important;
    background-color: var(--color5) !important;
}
.btn-switcher-secondary {
    color: var(--color4) !important;
    border-color: var(--color3)!important;
    background-color: var(--color3) !important;
}
.btn-switcher-secondary:hover {
	color: var(--color4) !important;
    border-color: var(--color1)!important;
    background-color: var(--color1) !important;
}
.image-box .boxlist-item:hover .btn-switcher-primary {
    color: var(--color4) !important;
}

.bigb a {
    display: block;
}
.showcase1 .hero-slider h2, .showcase1 .hero-slider h1, .showcase2 .hero-slider h2, .showcase2 .hero-slider h1 {
    color: var(--color4) !important;
    font-size: 3rem;
}

/*BOTTOM*/

#bottom {
	color:var(--color4);
}
.fast-form-phone .row h2, .fast-form-email .row h2 {
    color: var(--color1);
}
#bottom button.btn.btn-switcher-primary {
    background: var(--color1);
	color:var(--color3);
}
button.btn.btn-switcher-primary:hover {
    color: var(--color3) !important;
    border-color: var(--color4) !important;
    background-color: var(--color4) !important;
}
.copyright {
    text-align: right;
    font-size: 0.85rem;
}


/*OTHER*/
.site-footer__some-links {
    margin-top: 20px;
}
.site-footer__company-info {
    margin-bottom: 0 !important;
}
.sivu46 #main-content .content-section {
    padding: 3rem 2rem 2rem 2rem;
}
#content-bottom h1, #content-bottom h2, #section-tertiary h1, #section-tertiary h2 {
    color: var(--color5);
}

#main-before .content-section {
    padding: 5rem 2rem 0 2rem;
}


/*FOOTER*/
.site-footer {
    background-color: var(--color1);
    padding: 4rem 0 0 0;
	text-align:center;
}
.registry {
	text-align:left !important;
}

.site-footer__logo {
    margin-bottom: 1rem;
}
.site-footer a, .site-footer p {
    color: var(--color5) !important;
}
.site-footer__some-links a .svg-inline--fa {
    color: var(--color5);
}
/*MOBIILI*/


.site-header__bottom {
    background: var(--color3);
}
.mobile-menu__bars {
    color: var(--color1) !important;
}

.mm-spn.mm-spn--light {
    color: var(--color5);
    background: var(--color1);
}
.mobile-menu a {
    color: var(--color3);
    font-weight: normal;
    font-family: var(--fontheading) !important;
    text-transform: uppercase;
	font-size:1.2rem;
}

.content3 {
		margin-bottom: 0px !important;
}
.noHero h1 {
     color: var(--color3);
}

/*RESPO*/
@media (min-width: 1080px) and (max-width: 1280px) {
	.desktop-main-menu a {
		font-size: 1.1rem;
	}
}
@media (min-width: 992px) and (max-width: 1080px) {
	.desktop-main-menu a {
		font-size: 1.2rem;
	}
	
}
@media (min-width: 992px) {
	.nav-logocenter .site-header__bottom {
		width: 100% !important;
		box-shadow: 0 5px 8px rgb(0 0 0 / 30%);
	}
	.nav-logocenter__gradient .site-header .sticky {
		background: var(--color3) !important;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
	}
	.nav-logocenter__gradient .site-header__logo {
		position: absolute;
		max-width: 300px;
		top:-30px;
	}
	.nav-logocenter__gradient .site-header .sticky .desktop-main-menu li.level1>a {
		color: var(--color4);
	}
	.site-footer__logo img {
		max-width: 100%;
	}
	.site-footer__logo {
		text-align: left !important;
	}
	.site-footer__logo img {
		max-height: 50px;
	}
}



@media (max-width: 991.98px) {
	.basic-form {
		padding: 2rem 0;
	}
	.site-header__bottom {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.sivu1 #showcase h2 {
		font-size: 2.75rem !important;
	}
	.nav-gradient .site-header__bottom:not(.sticky) {
		background: var(--color3) !important;
	}
	
	.sticky .site-header__logo img {
		max-height: 85px;
		max-width: 250px;
	}
	#mobile-buttons a {
		color: var(--color3);
    	background: var(--color1);
	}
	#mobile-buttons a:hover {
		background: var(--color4);
		color: var(--color3) !important;
	}
	.site-header__logo img {
		max-height: 100px;
		    max-width: 150px;
	}
	.sticky .site-header__logo img {
		top:0 !important;
	}
	.site-footer {
    	text-align: left;
	}
	.noHero {
		padding-top: 170px;
	}
	.hero-slider__text-content {
		width: 100% !important;
	}
}



@media (min-width: 767.98px) and (max-width: 991.98px) {
	#mobile-buttons {
		top: 10px !important;
	}
	.site-header__bottom {
		box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
	}
}


@media (min-width: 768px) {
	.nav-gradient .site-header .sticky {
		background: var(--color3) !important;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
		padding: 0.75rem;
	}
	.nav-gradient .site-header__bottom svg {
		color: var(--color4);
	}
}



@media (max-width: 767.98px) {	
	body {
		margin-bottom:70px;
	}
	body:not(.sivu1) .hero-slider__text-content {
		padding: 5rem 1rem 3rem 1rem;
	}
	.noHero {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.hero-slider__item .hero-slider__text-content {
		padding: 8rem 1rem 3rem 1rem;
	}
	.site-header__bottom {
		box-shadow: 0 -5px 5px rgb(0 0 0 / 10%);
	}
	.hero-slider__text-content p {
		font-size: 1rem;
	}
	.contentlist .contentlist__item-content {
		box-shadow: none;
	}
	.gallery-elem {
		width: 32%;
	}
	.content1 .contentlist .contentlist__item-content, .content2 .contentlist .contentlist__item-content, .content3 .contentlist .contentlist__item-content, .content4 .contentlist .contentlist__item-content, .content5 .contentlist .contentlist__item-content {
		padding: 2.5rem 0rem !important;
	}
	.content-section {
		padding: 2rem 1rem;
	}
	#mobile-buttons {
    	bottom: 10px;
	}
	#mobile-buttons a {
		border-radius: 50px;
		margin-top: 0;
	}
	.site-footer {
		padding: 3rem 0;
	}
	h1 { font-size:1.7rem !important;}
	h2 { font-size:1.7rem !important;}
	h3 { font-size:1.5rem !important;}
	h4 { font-size:1.3rem !important;}
	h5 { font-size:1.3rem !important;}
	h6 { font-size:1rem !important;}
	.content1 .contentlist h2, .content2 .contentlist h2, .content3 .contentlist h2, .content4 .contentlist h2 {
		font-size: 1.7rem !important;
	}
	
	.sivu1 #showcase h2 {
		font-size: 2rem !important;
	}
	.hin1 {
		padding: 3rem 2rem;
	}
	.hin2 {
	   padding: 3rem 2rem;
	   color: var(--color4);
	}
	.hin2 h2 {
		color: var(--color3);
	}
	.content3 {
		margin-bottom: 70px !important;
	}
	.sticky .site-header__logo img {
		max-height: 70px;
	}
	.btn-switcher-secondary, .btn-switcher-highlight, .btn-switcher-primary {
		font-size: 1rem;
	}
}




@media (max-width: 575.98px) {
	body {
		font-size:1rem;
	}
	.site-header__logo img {
		max-height: 50px;
		margin-top: 1px;
		max-width: 175px !important;
		top: 5px;
	}
	#mobile-buttons {
		left: 30%;
	}
	#mobile-buttons a {
		padding: 0.2rem 1.5rem;
	}
	.hero-slider__item .hero-slider__text-content {
		padding: 8rem 1rem 3rem 1rem;
	}
	.hero-slider__text-content_inner .btn {
		margin-bottom: 5px;
	}
	.site-footer__logo img {
		max-width: 225px;
	}
	.nav-logocenter__gradient .site-header__logo {
		max-width: 200px;
		left: 50%;
		top: 15px;
		}
	h1 { font-size:1.7rem !important;}
	h2 { font-size:1.7rem !important;}
	h3 { font-size:1.5rem !important ;}
	h4 { font-size:1.3rem !important;}
	h5 { font-size:1.3rem !important;}
	h6 { font-size:1rem;}
	.sivu1 #showcase h2 {
		font-size: 1.8rem !important;
	}
	
	.content1 .contentlist h2, .content2 .contentlist h2, .content3 .contentlist h2, .content4 .contentlist h2, .content5 .contentlist h2 {
		font-size: 1.6rem !important;
	}
	.site-header__logo {
		width:50%;
	}
	.mr-1.site-header__logo h2 {
		font-size:1rem;
	}
	.site-footer {
		text-align:center;
		padding: 3rem 0 1rem 0;
	}
	.site-footer {
		text-align:center;
	}
	.site-footer__some-links {
		text-align: center;
	}
	form#form-307 {
		max-width: 90% !important;
		margin: 0 auto;
		margin-bottom:80px;
	}

	
}



@media (max-width: 369.98px) {
	body {
		font-size: 0.90rem;
	}
	#mobile-buttons a {
		padding: 5px;
	}
	.site-header__logo img {
		max-width: 150px;
	}
	.sticky .site-header__logo img {
		max-height: 60px;
		max-width: 175px !important;
	}
}