/*
Theme Name: Asse Theme
Theme URI: https://asse.fi
Author: SEOSEON EUROPE S.L
Author URI: http://seoseon.fi/
Description: Asse teema
Version: 2021
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: assetheme

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:wrap}

/* GENERAL SETTINGS */

@font-face {
font-family: "Calibre Regular";
src: url("fonts/test-calibre-regular.woff2") format("woff2");
}

@font-face {
font-family: "Calibre Regular Italic";
src: url("fonts/test-calibre-regular-italic.woff2") format("woff2");
}

@font-face {
font-family: "Calibre SemiBold";
src: url("fonts/test-calibre-semibold.woff2") format("woff2");
}

h1, h2, h3, h4, h5, h6, p, a, html{
	color: #424242;
	font-style: normal;
}

h1, h2, h3, h4{
	font-family: "Calibre SemiBold", sans-serif;
}

h1{
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	padding: 20px 0;
}

h2{
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	padding: 10px 0;
}

h3{
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 0;
}

h4{
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	padding: 10px 0;
}

h5{
	font-family: "Calibre Regular", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	padding: 10px 0;
}

p, body{
	font-family: "Calibre Regular", sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
}

p{
	padding: 5px 0;	
}

a{
	font-family: "Calibre Regular", sans-serif;
	font-weight: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	color: #E83B70;
	padding: 5px 0;
	text-decoration: none;
}

a:hover{
	color: #0070B2;
}

i{
	font-family: "Calibre Regular Italic", sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	color: #424242;
}


.pink{
	color: #E83B70;
}

.white, .white *{
	color: #ffffff;
}

.blue{
	color: #0070B2;
}

.black, .black *{
	color: #424242;
}

#container{
	width: 100%;
}

#wrapper{
	position: relative;
	overflow-x: hidden;
}

.content-wrapper{
	width: 100%;
	margin: 0;
	padding: 40px 0;
	position: relative;
}

.inner-wrapper{
	width: 1200px;
	margin: 60px auto 30px;
	position: relative;
}

.content-wrapper .sections-1{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin: 20px auto;
}

.sections-2{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

.sections-3{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
}

.sections-2 .section{
	width: 530px;
}

.sections-3 .section{
	width: 300px;
}

.side-sections{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: space-around;
}

.side-sections .left{
	width: 20%;
}

.side-sections .right{
	width: 80%;
}

.text-sections{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.plain-arrow{
	margin-left: 10px;
    margin-bottom: -3px;
}


.center{
	text-align: center;
}

.button{
	margin: 20px 20px 0 0;
	padding: 8px 20px;
	height: 40px;
	min-width: 120px;
	border: 1.5px solid #E83B70;
	box-sizing: border-box;
	border-radius: 38px;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	font-weight: normal;
	color: #E83B70;
	text-decoration: none;
}

.center .button{
	margin: 20px auto 0 auto;
}

.button.filled{
	color:#ffffff;
	background-color: #E83B70;
}

.button.white{
	color: #ffffff;
	border-color: #ffffff;
}

.button:hover{
	color:#ffffff;
	background-color: #E83B70;
}

.button.filled:hover{
	color:#E83B70;
	background-color: unset;
}

.button.white:hover{
	border-color: #E83B70;
}

.button-sections{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
}

.button.cta{
	padding: 10px 40px;
    height: 44px;
    min-width: 170px;
}

.content{
	padding: 10px 0;
}

.small-heading{
	padding:0;
}

.text-link{
	text-decoration: underline;
}

.top-section{
	padding-top: 200px;
	clip-path: ellipse(100% 100% at 50% 0);
	height: 500px;
}

.top-section h1{
	padding: 5px 0;
}

.breadcrumbs, .breadcrumbs a{
	font-size: 15px;
	line-height: 18px;
}

.infobox{
	width: 320px !important;;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.infobox .image img{
	width: 320px;
	height: 240px;
	object-fit: cover;
}

.splide .infobox .image img{
	width: 320px;
	height: 190px;
	object-fit: cover;
}

.infobox p, .infobox a{
	padding: 10px 30px;
	display: block;
	font-size: 16px;
	line-height: 19px;
}

.infobox h3{
	padding: 20px 30px 0;
	display: block;
}

.infobox a{
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 600;
	text-decoration-color: rgba(66,66,66,0.5);
}

.infobox a span{
	vertical-align: top;
}

.infobox a img{
	margin-left: 20px;
	margin-top: -1px;
	vertical-align: bottom;
}

.splide .infobox > a{
	line-height: 25px;
}

.splide .infobox, .frontpage-part8 .infobox{
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}

.noborder, .infobox.noborder{
	border:none;
	box-shadow: none;
}

.dataTables_wrapper .tablepress tfoot th, .dataTables_wrapper .tablepress thead th{
	background-color: #F0F3F9;
}
.tablepress tr th, .tablepress tr td{
	width: unset !important;
	font-size: 16px;
	line-height: 19px;
	padding: 15px 25px;
}

.tablepress tr th:last-of-type, .tablepress tr td:last-of-type{
	border-left: 1px solid #E5E5E5;
}

.tablepress tr td:first-of-type{
	font-weight: 600;
}

.tablepress a{
	color:#424242;
	font-weight: 400;
}

.dataTables_wrapper{
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid #E5E5E5;
}

.tablepress .arrow-icon{
	background: url('images/table-arrow.svg') no-repeat center center;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-bottom: -10px;
}

.tablepress .small{
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
}

.text-under-table p{
	text-align:left;
	font-style: italic;
	font-size: 14px;
	line-height: 17px;
}

.text-under-table a{
	font-size: 16px;
	line-height: 19px;
}

.image-wrapper img{
	width: 100%;
    object-fit: contain
}

.cut-content .inner-wrapper{
	height: 280px;
    overflow: hidden;
    align-items: center;
   	align-content: flex-start;
}

.showmore{
	font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #0070B2;
    text-align: center;
}

/* FORM */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
	background: transparent;
    border: none;
    border-bottom: 1px solid #153D5F;
    width: 100%;
}

.wpcf7 textarea{
	height: 100px;
}

.form-2-columns{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.half{
	width: 48%;
}

.wpcf7, .wpcf7 label{
	font-size: 16px;
	line-height: 19px;
}

.wpcf7 form div{
	margin: 10px 0;
}

.wpcf7 .form-info{
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}

/* HEADER & FOOTER ETC COMMON */
#header{
	height: 80px;
	width: 100%;
	top:0;
	position: absolute;
	z-index: 1000;
}

#header #menubutton{
	display: none;
}

#header, #header nav ul, .footer-menu ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}


#header nav ul{
	position: relative;
}

#header > a{
	background-color: #F0F3F9;
}

#header.white > a{
	background-color: unset;
}

#header nav ul li ul{
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: center;
	position: absolute;
}

#header nav ul .menu-item-has-children{
	background:url("images/arrow-down.svg") no-repeat top 23px right;
	background-size: 10px 6px;
}

#header nav ul .menu-item-has-children:hover{
	background:url("images/arrow-up.svg") no-repeat top 23px right;
	background-size: 10px 6px;
}

#header.white nav ul .menu-item-has-children{
	background:url("images/arrow-down-white.svg") no-repeat top 23px right;
	background-size: 10px 6px;
}

#header.white nav ul .menu-item-has-children:hover{
	background:url("images/arrow-up-white.svg") no-repeat top 23px right;
	background-size: 10px 6px;
}

#header nav li ul{
	background-color: #ffffff;
}

#header nav li ul li span{
	color: #424242;
}

#header nav ul li:hover ul{
	display: flex;
}

#header nav ul li ul li:hover{
	background-color: #E83B70;
	color: #fff;
}

#header nav ul li ul li:hover a span{
	color: #fff;
}

#header.white nav ul li ul li:hover{
	background-color: #E83B70;
}

#header nav li a{
	padding: 15px 26px 15px 20px;
	display: inline-block;
	width: 100%;
}

#header nav li ul li{
	position: relative;
	display: block;
	width: 100%;
	transition: 0.5s;
}

#header nav a{
	text-decoration: none;
	font-weight: normal;
}

#header img{
	mix-blend-mode: multiply;
}

.info .footer-icon{
	padding-left: 30px;
}

.footer-icon.marker{
	background: url("images/location-icon.png") no-repeat top 14px left;
}

.footer-icon.phone{
	background: url("images/phone-icon.png") no-repeat top 14px left;
}
.footer-icon.email{
	background: url("images/email-icon.png") no-repeat top 14px left;
}

.footer-menu ul li{
	border-right: 1px solid #fff;
}

.footer-menu ul li:last-of-type{
	border-right: none;
}

.footer-menu ul li a{
	padding: 0 10px;
}

#popup{
	display: none;
}

/* PAGE AND SECTION SPECIFIC SETTINGS */
.frontpage-top{
	background: url("images/gradient.svg") no-repeat bottom center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-color: #F0F3F9;
	  background-position: center bottom -80px;
}

.frontpage-top .sections-2{
	margin-top: 140px;
}

.frontpage-top .sections-3{
	margin-top: 140px;
}

.imagebubbles{
	position: relative;
	height: 420px;
}

.imagebubbles img{
	border-radius: 50%;
	object-fit: cover;
}

.imagebubbles .ib-top-left img{
    width: 160px;    
    height: 160px;
    z-index: 2;
    border: 10px solid white;
}

.ib-top-left{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
}

.imagebubbles .ib-center img{
    width: 420px;
    height: 420px;
    z-index: 1;
    border: 17px solid white;
}

.ib-center{
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 1;
}

.imagebubbles .ib-bottom-right img{
    width: 208px;
    height: 208px;
    z-index: 2;
    border: 14px solid white;
}

.ib-bottom-right{
	position: absolute;
	top: 196px;
	left: 371px;
	z-index: 2;
}

.icon-columns{
	display: grid;
	grid-template-columns: 50px 1fr;
}

.icon-columns .icon{
	grid-column: 1 / 2;
	width: 50px;
	height: 50px;
	display: block;
	padding-top: 5px;
}

.icon-columns .text{
	display: block;
	grid-column: 2 / 3;
	padding-left: 5px;
}

.icon-columns .text p{
	font-size: 16px;
	line-height: 19px;
}

.asse-stripes{
	mix-blend-mode: multiply;
    opacity: 0.45;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    position: absolute;
    right: -60px;
    top: -160px;
}

.imagebubble img{
	width: 390px;
    height: 390px;
    border-radius: 50%;
    object-fit: cover;
}


.frontpage-part2 .section.right{
	padding-top: 40px;
}

.frontpage-part3{
	padding-top: 20px;
}

.frontpage-part3 .inner-wrapper{
	margin-top: 0;
}



.frontpage-part4{
	background:  url("images/big arrow.svg") no-repeat left center, url("images/big arrow left.svg") no-repeat right bottom; 
	background-color: #09263F;
}

.frontpage-part4 i{
	margin-top: 20px;
	display: block;
}

.frontpage-part5{
	clip-path: ellipse(100% 100% at 50% 0);
}

.frontpage-part5, .frontpage-part7{
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-blend-mode: normal;
	height: 500px;
}

.frontpage-part8{
	background: #F7F8FA;
}

footer .content-wrapper{
	background: url("images/asse-stripes-medium.png") no-repeat -500px center;
	background-color: #09263F;
}

footer .footer-bottom{
	background-color: #0070B2;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.bottom-link{
	text-decoration: none;
}

.image-wrapper{
	position: relative;
}

.imagetext{
	position: absolute;
    top: 30%;
    left: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-family: "Calibre Regular", sans-serif;
    color: #424242;
    font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
}

.imagetext .number{
	font-weight: 600;
	font-size: 68px;
	line-height: 82px;
	text-align: center;
	text-transform: uppercase;
}

/* MAIN CATEGORY PAGE, DESTINATIONS */

.mcp-part1-bottom, .mcp-part1-bottom .inner-wrapper, .destinations-part1-bottom, .destinations-part1-bottom .inner-wrapper{
	padding-top:20px;
	margin-top:0px;
	background-color:#F0F3F9;
}

.mcp-part1-bottom p, .mcp-part1-bottom a, .destinations-part1-bottom p, .destinations-part1-bottom a{
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.clipping-background{
	background-color: #F0F3F9;
}

.mcp-part2 ul li{
	background: url('images/li-marker.svg') no-repeat left 15px;
    padding: 10px 0px 5px 25px;
	list-style: none;
}

.mcp-part3{
	background: url("images/mcp-background.svg") no-repeat bottom center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: right 0 bottom -80px;
	padding-top: 20px;
}

.mcp-part3 .sections-3{
	margin-top: 40px;
}

.mcp-part3 .infobox{
	border:none;
}

.mcp-part4{
	background-color:#F0F3F9;
}

.mcp-part4 .inner-wrapper{
	margin-top: 20px;
}

.mcp-part5 .infobox img{
	margin-top: 10px;
}


.signature{
	color:#0070B2;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}

.faq{
	background-color:#F0F3F9;
}

.faq-box{
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(20, 38, 55, 0.1);
	border-radius: 3px;
	margin: 5px;
	padding: 2px 30px;
	width: 600px;
}

.faq-box .question{
	cursor:pointer;
}

.faq-box .question.plus{
	background: url("images/plus.png") no-repeat center right;
}

.faq-box .question.minus{
	background: url("images/minus.png") no-repeat center right;
}

.faq-box p{
	display: none;
}

.faq-after{
	margin-top: 30px;
}

.splide__arrow--prev{
	background: url("images/left-arrow.svg") no-repeat center center;
	width: 68px;
	height: 68px;
}

.splide__arrow--next{
	background: url("images/right-arrow.svg") no-repeat center center;
	width: 68px;
	height: 68px;
}

.destinations-part2 .side-sections{
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 40px;
}

.destinations-part2 .side-sections:last-of-type{
	border-bottom: none;
}

.destinations-part3{
	background-color: #F0F3F9;
}

.destinations-part4{
	background-color: #ffffff;
}

.pricing-part1-bottom{
	padding-top: 0;
}

.closable{
	margin: 0;
	padding: 0;
}

.closable .inner-wrapper{
	margin: 20px auto;
}

.closable .upper-part{
	cursor:pointer;
}

.closable .upper-part.arrow-down{
	background: url("images/arrow-down.svg") no-repeat center right;
}

.closable .upper-part.arrow-up{
	background: url("images/arrow-up.svg") no-repeat center right;
}

.lower-part{
	display: none;
}

.pricing-part2 .lower-part{
	display: block;
}

.pricing-part5{
	padding-top: 0;
}

.pricing-part5 .inner-wrapper{
	margin-top: 0;
}




@media screen and (max-width: 1240px){
	.inner-wrapper{
		width: 100%;
		padding: 0 20px;
	}
	.frontpage-top {
    	background-position: center right 20%;
	}
}


@media screen and (max-width: 1120px){
	.sections-2 .section {
	    width: 49%;
	    padding: 0 10px;
	}

	.sections-3 .section {
	    width: 33%;
	    padding: 0 10px;
	}


	.imagebubbles {
		transform: scale(0.9);
	}
}

@media screen and (max-width: 1000px){
	.imagebubbles {
		transform: scale(0.7);
		height: 294px;
	}
}

@media screen and (max-width: 782px) {
	.top-section{
		padding-top: 120px;
	}
	
	#header{
	    justify-content: space-between;
	    padding-left: 20px;
	    padding-right: 20px;
   	}

	#header #menubutton{
		display: block;
		background: url("images/menu-text-black.png") no-repeat center right;
		width: 70px;
		height: 20px;
	}

	#header.white #menubutton{
		display: block;
		background: url("images/menu-text-white.png") no-repeat center right;
		width: 70px;
		height: 20px;
	}

	#header.white nav ul .menu-item-has-children{
		background:url("images/arrow-down.svg") no-repeat top 22px right 20px;
		background-size: 14px 8px;
	}

	#header.white nav ul .menu-item-has-children:hover{
		background:url("images/arrow-up.svg") no-repeat top 22px right 20px;
		background-size: 14px 8px;
	}

	#header nav ul .menu-item-has-children{
		background:url("images/arrow-down.svg") no-repeat top 22px right 20px;
		background-size: 14px 8px;
	}

	#header nav ul .menu-item-has-children:hover{
		background:url("images/arrow-up.svg") no-repeat top 22px right 20px;
		background-size: 14px 8px;
	}

	#header nav#menu > div{
		display: none;
		position: absolute;
		left: 0;
		top: 80px;
		width: 100%
	}

	#header nav#menu > div > ul{
		flex-direction: column;
	}

	#header nav#menu > div > ul > li{
		background-color: #ffffff;
		width: 100%;
		position: relative;
	}

	#header nav ul li ul{
		position: relative;
		background-color: #F0F3F9;
	}

	#header nav#menu > div > ul li{
		border-bottom: 1px solid #F0F3F9;
	}

	#header nav#menu > div > ul > li ul > li{
		border-bottom: 1px solid #ffffff;
	}

	#header nav#menu > div > ul li span{
		color: #424242;
	}

	#header > a > img{
		max-width: 40vw;
	}

	.sections-2 .section {
	    width: 100%;
	    padding: 20px 20px 0 20px;
	}

	.sections-3 .section {
	    width: 100%;
	    padding: 30px;
	}

	.inner-wrapper {
    	margin: 30px auto 30px;
	}

	.imagebubble{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.faq .inner-wrapper{
		padding: 20px;
	}

	.faq-box{
		width: 100%;
	}

	.frontpage-part5, .frontpage-part7{
		height: unset;
	}

	.imagetext {
	    left: 30%;
	}

	.infobox{
		margin: 10px 0;
	}


}


@media screen and (max-width: 600px) {
	.imagebubbles{
		margin-left: -5%;
	}
}

@media screen and (max-width: 550px) {
	.imagebubbles{
		margin-left: -10%;
	}
}

@media screen and (max-width: 500px) {
	.imagebubbles{
		margin-left: -20%;
	}
}

@media screen and (max-width: 450px) {
	.imagebubbles{
		margin-left: -30%;
	}
}

@media screen and (max-width: 400px) {
	.imagebubbles{
		margin-left: -40%;
		transform: scale(0.6);
		height: 252px;
	}

	.infobox{
		width: 280px !important;
	}

	.splide .infobox .image img{
		width: 280px;
		height: 166px;
	}

	.infobox .image img{
		width: 280px;
		height: 210px;
	}
}

@media screen and (max-width: 350px) {
	.imagebubbles{
		margin-left: -50%;
	}
}