/*OTSIKKOT & LINKIT*/
h1, h2, h3, h4, h5, h6 {
	
}
h1, h2 {
    color: var(--color5);
	
}
h3, h4 {
    color: var(--color5);
	
}
h5, h6 {
	font-family: var(--fontheading2);
	color: var(--color1) !important;
}

h1 { font-size:3rem;}
h2 { font-size:3rem;}
h3 { font-size:2.5rem;}
h4 { font-size:2.5rem;}
h5 { font-size:2.2rem;}
h6 { font-size:1rem;}

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

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


.content5 .contentlist .contentlist__item {
    background-color: #f9f9f9;
    margin-left: 0;
    margin-right: 0;
}



/*MENU*/
.desktop-main-menu a {
    font-family: var(--fontheading);
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 0.3rem 0rem !important;
	margin:0 1rem;
	
}
.desktop-main-menu li.current > a, .desktop-main-menu a:hover {
	color: var(--color3) !important;
    background: none;
    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;
	background:none;
	border-bottom:1px solid var(--color3) !important;
}
.desktop-main-menu li.hasSubItems .svg-inline--fa {
    position: absolute;
    right: 0.6rem;
}
form#form-307 {
    max-width: 70% !important;
    margin: 0 auto;
	margin-bottom:80px;
}


/*HEADER*/
.site-header__bottom {
    background: var(--color1);
}
.hero-slider__text-content {
    max-width: 75%;
}
.noHero {
    padding-top: 120px;
    padding-bottom: 100px;
	background: var(--color3);
}
.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);
    font-size: 2rem;
}
.hero-slider__text-content h2, .hero-slider__text-content h1 {
    margin-bottom: 1rem;
}
.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 2px 5px rgb(0 0 0 / 65%);
}
.site-header__top .btn {
    background: var(--color4) !important;
    padding: 0.5rem 1.5rem 0.4rem 1.5rem !important;
    color: var(--color5) !important;
    border: 0 !important;
    font-size: 1rem !important;
    margin-left: 0.3rem;
    text-transform: uppercase;
    font-weight: normal !important;
	font-family: var(--fontheading);
}
.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: 70px;
    max-width: 290px;
    position: relative;
}

.site-header__logo img {
    max-height: 175px;
}
.sivu1 #showcase h2 {
    font-size: 5rem !important;
}
.site-header__bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.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: 1.6rem;
}
.button1 #section-primary .btn-switcher-primary, .button1 #content-top .btn-switcher-primary, .button3 #section-primary .btn-switcher-primary, .button3 #content-top .btn-switcher-primary {
    color:var(--color4) !important;
}
.image-box .boxlist-item:hover .btn-switcher-primary {
    background: color: var(--color3) !important;
    border-color: color: var(--color3) !important;
}
.image-box .boxlist-item h2 {
    font-weight: bold;
	text-shadow:0 2px 5px rgb(0 0 0 / 65%)
}
.box2 .boxlist-item__text-holder h2 {
    color: var(--color1) !important;
}


/*MAIN CONTENT*/
.contentlist .contentlist__item-content {
    box-shadow: 0;
}
.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);
}

.sivu29 #main-after .content-section {
    padding: 0rem 1rem 5rem 1rem;
}

/*TABLE*/
.table {
    margin: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    display: table;
    color: #000;
	text-align:left !important;
}
.cell {
    padding: 20px 15px;
    display: table-cell;
    font-size: 15px;
}
.rows.header {
    font-weight: 900;
    color: #ffffff;
    background: var(--color3) !important;
    font-family: "Big John Pro Bold", Sans-serif;
}
.rows {
    display: table-row;
    background: #fff;
}
.rows:nth-of-type(odd) {
    background: #f3f4f7;
}




/*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(--color4);
    border-color: var(--color3);
    background-color: var(--color3);
    text-transform: uppercase !important;
    font-family: var(--fontheading);
    font-weight: normal !important;
    padding: 0.4rem 1.5rem;
    font-size: 1rem;
	
}
.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(--color1);
    background-color: var(--color1);
}
.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(--color2);
    border-color: var(--color2);
    background-color: var(--color1);
}
/* Hero second button*/
a.btn.btn-switcher-primary.btn-switcher-secondary:hover {
    color: #fff !important;
}
.basic-form button.btn.btn-switcher-primary:hover {
    color: var(--color4) !important;
    border-color: var(--color4) !important;
    background-color: var(--color5) !important;
}
.btn-switcher-secondary {
    color: var(--color4) !important;
    border-color: var(--color1)!important;
    background-color: var(--color1) !important;
}
.btn-switcher-secondary:hover {
	color: var(--color4) !important;
    border-color: var(--color3)!important;
    background-color: var(--color3) !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(--color4);
	font-size: 2.5rem;
}
#bottom button.btn.btn-switcher-primary {
    background: var(--color1);
	color:var(--color4);
}
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;
}



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

.site-footer__logo {
    margin-bottom: 1rem;
}
.site-footer a, .site-footer p {
    color: var(--color4) !important;
}
.site-footer__some-links a .svg-inline--fa {
    color: var(--color5);
}
.site-footer__some-links {
    margin-top: 20px;
}
.site-footer__company-info {
    margin-bottom: 0 !important;
	text-align:Center;
}
	.site-footer__company-info {
		text-align:center;
	}
	.site-footer {
		text-align:center;
	}
	.site-footer__some-links {
		text-align: center;
	}




/*OTHER*/
#content-bottom h1, #content-bottom h2, #section-tertiary h1, #section-tertiary h2 {
    color: var(--color5);
}
#main-before .content-section {
    padding: 5rem 2rem 0 2rem;
}
.logot img {
	margin:10px;
}
.site-footer .font-weight-bold {
    color: var(--color4);
}

.contentlist__item-col.contentlist__item-col_content {
    background: #f7f7f7;
}

.faq {
    margin-bottom: 0.5rem !important;
    background-color: var(--color1);
    padding: 1rem 2rem !important;
    border-radius: 50px;
}
.faq .editor-content__item-editor {
    display: none;
    background: #fff;
    padding: 20px;
    margin-top: 1rem;
}



/*MOBIILI*/
.site-header__bottom {
    background: var(--color4);
}
.mobile-menu__bars {
    color: var(--color3) !important;
}

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

.content3 {
		margin-bottom: 0px !important;
}
.noHero h1 {
    color: #fff;
}

.content3 .contentlist .contentlist__item-content {
    background-color: #f7f7f7;
}
#main-after .content-section {
    padding: 0 1rem 5rem 1rem;
}


.fast-form-phone .row .form-group:nth-child(1), .fast-form-email .row .form-group:nth-child(1) {
    -webkit-box-flex: 0;
    flex: 0 0 35%;
}



/*RESPO*/

@media (min-width: 1401px) and (max-width: 1600px) {
	.desktop-main-menu a {
	}
}


@media (min-width: 1201px) and (max-width: 1400px) {
	.desktop-main-menu a {
	}
	
	.fast-form-phone .row .form-group:nth-child(1), .fast-form-email .row .form-group:nth-child(1) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
	.fast-form-phone .row .form-group:nth-child(2), .fast-form-email .row .form-group:nth-child(2) {
		-webkit-box-flex: 0;
		flex: 0 0 40%;
	}
	.fast-form-phone .row .form-group:nth-child(3), .fast-form-email .row .form-group:nth-child(3) {
		-webkit-box-flex: 0;
		flex: 0 0 40%;
	}
		.fast-form-phone .row .form-group:nth-child(4), .fast-form-email .row .form-group:nth-child(4) {
		-webkit-box-flex: 0;
		flex: 0 0 20%;
	}
}
@media (max-width: 1200px) {
.fast-form-phone .row .form-group:nth-child(1), .fast-form-email .row .form-group:nth-child(1) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
	.fast-form-phone .row .form-group:nth-child(2), .fast-form-email .row .form-group:nth-child(2) {
		-webkit-box-flex: 0;
		flex: 0 0 40%;
	}
	.fast-form-phone .row .form-group:nth-child(3), .fast-form-email .row .form-group:nth-child(3) {
		-webkit-box-flex: 0;
		flex: 0 0 40%;
	}
		.fast-form-phone .row .form-group:nth-child(4), .fast-form-email .row .form-group:nth-child(4) {
		-webkit-box-flex: 0;
		flex: 0 0 20%;
	}
}
@media (min-width: 1080px) and (max-width: 1200px) {
	.desktop-main-menu a {
	}
}


@media (min-width: 992px) and (max-width: 1080px) {
	.desktop-main-menu a {
	}
	
}


@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:4px;
	}
	.nav-logocenter__gradient .site-header .sticky .desktop-main-menu li.level1>a {
		color: var(--color4);
	}
	.site-footer__logo {
		text-align: center !important;
	}
	#section-secondary .hero-slider__text-content, #bottom .hero-slider__text-content, #main-before .hero-slider__text-content, #main-content .hero-slider__text-content, #section-back .hero-slider__text-content, #main-after .hero-slider__text-content, #section-quaternary .hero-slider__text-content, #content-bottom .hero-slider__text-content, #section-tertiary .hero-slider__text-content, #section-primary .hero-slider__text-content, #content-top .hero-slider__text-content, body:not(.sivu1) #showcase .hero-slider__text-content {
		max-width: 60%;
	}
	.hero-slider__text-content_inner {
		margin-top: 30px;
	}
	.site-footer__logo img {
		max-height: 100px;
		max-width: 300px;
	}
}

@media (max-width: 991.98px) {
	#section-secondary .hero-slider__text-content, #bottom .hero-slider__text-content, #main-before .hero-slider__text-content, #main-content .hero-slider__text-content, #section-back .hero-slider__text-content, #main-after .hero-slider__text-content, #section-quaternary .hero-slider__text-content, #content-bottom .hero-slider__text-content, #section-tertiary .hero-slider__text-content, #section-primary .hero-slider__text-content, #content-top .hero-slider__text-content, body:not(.sivu1) #showcase .hero-slider__text-content {
		max-width: 100%;
	}
	.basic-form {
		padding: 2rem 0;
	}
	.hero-slider__text-content {
		max-width: 100%;
	}
	.site-header__bottom {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.sivu1 #showcase h2 {
		font-size: 4.5rem !important;
	}
	
	
	.sticky .site-header__logo img {
		max-height: 80px;
		max-width: 250px;
	}
	#mobile-buttons a {
		color: var(--color4);
		background: var(--color1);
		font-family: var(--fontheading);
		font-weight: normal !important;
		text-transform: uppercase;
		padding: 0.4rem 1.5rem 0.1rem 1.5rem;
		font-size: 1.1rem !important;
	}
	#mobile-buttons a:hover {
		color: var(--color2);
		background: var(--color4);
	}
	.site-header__logo img {
		max-height: 60px;
		    max-width:225px;
	}
	.sticky .site-header__logo img {
		top:0 !important;
	}
	
	.noHero {
		padding-top: 120px;
	}
	
	.site-footer {
		text-align:left;
	}
	.site-footer__company-info {
		text-align:center;
	}
	.site-footer {
		text-align:center;
	}
	.site-footer__some-links {
		text-align: center;
	}
}


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


@media (min-width: 768px) {
	.nav-gradient .site-header .sticky {
		background: var(--color4) !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;
	}
	.content5 .contentlist .contentlist__item {
		background-color: #ffffff;
	}
	.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;
	}
	.box1 .boxlist-item h2, .box2 .boxlist-item h2, .box3 .boxlist-item h2 {
		font-size: 1.5rem !important;
	}
	.faq h2 {
    	font-size: 1.2rem !important;
	}
	.site-footer {
		padding: 3rem 0;
	}
	h1 { font-size:2.5rem !important;}
	h2 { font-size:2.5rem !important;}
	h3 { font-size:2.3rem !important;}
	h4 { font-size:2.3rem !important;}
	h5 { font-size:2.3rem !important;}
	h6 { font-size:1rem !important;}
	.content1 .contentlist h2, .content2 .contentlist h2, .content3 .contentlist h2, .content4 .contentlist h2 {
		font-size: 2.5rem !important;
	}
	.hero-slider__text-content_inner h3 {
		font-size: 1.5rem !important;
	}
	.sivu1 #showcase h2 {
		font-size: 3rem !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: 62px;
	}
	.image-box .boxlist-item h2 {
    	font-size: 1.5rem !important;
	}
	.content3 .contentlist .contentlist__item-img-holder, .content4 .contentlist .contentlist__item-img-holder {
    	padding-bottom: 100%;
	}
	.content3 .contentlist .contentlist__item-content {
		background-color: #fff;
	}
	.contentlist__item-col.contentlist__item-col_content {
    	background: #fff;
	}
	.fast-form-phone .row .form-group:nth-child(1), .fast-form-email .row .form-group:nth-child(1) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
	.fast-form-phone .row .form-group:nth-child(2), .fast-form-email .row .form-group:nth-child(2) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
	.fast-form-phone .row .form-group:nth-child(3), .fast-form-email .row .form-group:nth-child(3) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
		.fast-form-phone .row .form-group:nth-child(4), .fast-form-email .row .form-group:nth-child(4) {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
	}
}




@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: 150px;
	}
	.nav-logocenter__gradient .site-header__logo {
		max-width: 200px;
		left: 50%;
		top: 15px;
	}
	.fast-form-phone, .fast-form-email {
		padding: 3rem 1.5rem;
	}
	h1 { font-size:1.5rem !important;}
	h2 { font-size:1.5rem !important;}
	h3 { font-size:1.5rem !important ;}
	h4 { font-size:1.3em !important;}
	h5 { font-size:1.5rem !important;}
	h6 { font-size:1rem;}
	.content1 .contentlist h2, .content2 .contentlist h2, .content3 .contentlist h2, .content4 .contentlist h2 {
		font-size: 1.5rem !important;
	}
	.sivu1 #showcase h2 {
		font-size: 2.3rem !important;
	}
	.hero-slider__text-content_inner h3 {
		font-size: 1.2rem !important;
	}
	.site-header__logo {
		width:50%;
	}
	.faq h2:before {
    	content: "+";
    	position: absolute;
    	right: -20px;
	}
	.mr-1.site-header__logo h2 {
		font-size:1rem;
	}
	.site-footer {
		text-align:center;
		padding: 3rem 0 1rem 0;
	}
	.site-footer__company-info {
		text-align:center;
	}
	.site-footer__some-links {
		text-align: center;
	}
	form#form-307 {
		max-width: 90% !important;
		margin: 0 auto;
		margin-bottom:80px;
	}

	#mobile-buttons a span {
		font-size: 12px;
	}
	.box2 .boxlist-item__text-holder h2 {
		font-size: 1.7rem !important;
	}
	.site-footer {
		text-align:center;
	}
	#mobile-buttons {
		bottom: 10px;
	}
	
	.faq {
		padding: 1rem !important
	}
}



@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: 62px;
		max-width: 175px !important;
	}
}

/*Table*/

@media screen and (max-width: 980px) {
	.table {
		display: block;
		
	}
	.rows {
		padding: 14px 0 7px;
		display: block;
	}
	.rows.header {
		padding: 0;
		height: 6px;
	}
	.rows.header .cell {
		display: none;
	}
	.rows .cell {
		margin-bottom: 10px;
	}
	.cell {
		padding: 2px 16px;
		display: block;
	}
	.rows .cell:before {
		margin-bottom: 3px;
		content: attr(data-title);
		min-width: 98px;
		font-size: 10px;
		line-height: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #969696;
		display: block;
	}
}