@charset "UTF-8";
/* CSS Document */

/*
settings red #F56F58
	   green #73C54B
      orange #FA9300
        blue #13A2EA
*/

.app-presentation-text {
	margin-top: 25px;
	margin-bottom: 25px;
}

.screenshot {
	margin-bottom: 20px;	
}

.store-badge-flexbox {
	display: none;	
}

body.ios .store-badge-flexbox.ios {
	display: inline;	
}

body.android .store-badge-flexbox.android {
	display: inline;	
}

.flexbox-parent {
	display: flex;	
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 26px 0px;
}

.flexbox-parent-mini {
	display: flex;	
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0px 0px 15px 20px;
}

.flexbox-parent-mini a h1 {
	display: inline;
}

.app-icon-flex, .flexbox-parent-mini .app-icon-support {
	flex-shrink: 0;	
}

.app-presentation-text {
	font-size: 16px !important;	
}

.support-row {
	margin: 1em -20px 3em -20px;
}

.support-app {
	margin-bottom: 2em;
}

.app-icon-support {
	margin: 0px 10px 20px 20px;
	float: none;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2), 0px 5px 3px 0px rgba(0, 0, 0, 0.25);
}

.flexbox-parent-mini .app-icon-support {
	margin: 0px 10px 0px 0px;
}

.support-separator {
	margin-right: -40px;
	margin-bottom: -30px;
	margin-top: 40px;
	border-color: #aaa;
}

.store-badge {
	width: 160px;
	margin: 10px;
}

.navbar-default .navbar-collapse {
	border-color: #fff;
}

.logo {
	margin-top: -0.4em;
	height: 50px;
}

img.employee {
	width: 170px;
	height: 200px;
}

div.employees div.row div  {
	margin-bottom: 2em;
}

.navbar-default .navbar-nav>.active>a {
	box-shadow: 0px -1px 0px white;	
}

.navbar.navbar-default {
    min-height: 50px;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid white;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
    background-color: white;
	margin-bottom: 0px;
}

.nav.navbar-nav li a {
	font-family: "Proxima Nova Soft","proxima-nova-soft",sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 41px;
	color: brown;
	padding-top: 30px;
    padding-bottom: 0px;
}

.navbar-toggle {
	margin-left: 1em;
}

.homepage .greeting-text { 
	margin-top: 1em;
	margin-bottom: 1em;
}

.logo-in-body {
	margin-top: 1em;
	margin-bottom: -0.5em;
}

.app-name-flex {
	margin: 10px 0px 5px 0px; 
}

.app-name-flex-mini {
	font-size: 22px;	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) and (max-width: 480px) {

	.app-name-flex {
		font-size: 26px;	
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) and (max-width: 768px) {
	.logo {
        position: absolute;
        left: 50%;
        margin-top: -1.0em;
        margin-left: -69px !important;
        display: block;
        height: 50px;
    }
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) {
    body.homepage .logo {
		display: none;
	}

    .flag {
        margin-top: 8px;
        margin-right: 1em;
        width: 34px;
        height: 34px;
    }

	.app-icon-flex, .app-icon {
		width: 97px;
		height: 97px;
		box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2), 0px 10px 6px 0px rgba(0, 0, 0, 0.25);
		border-radius: 21px;
		float: left;
		margin-right: 1em;
	}
	
	.app-name {
		margin-top: 0.5em;
		margin-left: 0.5em;
	}
	
	.nav.navbar-nav li a {
		font-size: 22px;
		line-height: 41px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div.employees div.row div  {
		text-align: center;	
	}
	
	.button.socialmedia {
		height: 47px;	
		margin: 0px 6px;
	}
	
	.store-badge-flexbox {
		height: 40px;	
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	.button.socialmedia {
		height: 47px;	
		margin: 0px 12px;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.logo {
        margin-top: -0.3em;
    }

    .flag {
        margin-top:26px;
		margin-right: -15px;
    }
	
	.app-icon-flex, .app-icon {
		width: 132px;
		height: 132px;
		box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2), 0px 10px 6px 0px rgba(0, 0, 0, 0.25);
		border-radius: 31px;
	}
	
	.app-name {
		margin-top: 1.5em;	
	}
	
	.nav.navbar-nav li a {
		font-size: 22px;
		line-height: 41px;
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	.slick-prev:before, .slick-next:before {
		color: brown !important;
	}
}

    /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.logo {
        margin-top: -0.4em;
    }
	
	.homepage .greeting-text { 
		margin-left: 100px;
		margin-right: 100px;
	}
	
	.app-presentation-text {
		margin-left: 100px;
		margin-right: 100px;
	}

	.app-name-flex {
		font-size: 56px;
		/* margin-top: 0.75em; */
	}

	.support-app .app-name {
		font-size: 36px;
		margin-top: 1.5em;	
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    
    
}

.filimundus-red {
	color: #F56F58;
}

.filimundus-green {
	color: #73C54B;
}

.filimundus-orange {
	color: #FA9300;
}

.filimundus-blue {
	color: #13A2EA;
}

.top-fix {
	//margin-top: -23px;
}



body {
	font-family: "Museo Sans","museo-sans",sans-serif;
	background-color: #FDFAF0; 
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Proxima Nova Soft","proxima-nova-soft",sans-serif;
}

.footer {
		background: linear-gradient(0deg, rgba(115, 71, 36, 0.53), rgba(0, 0, 0, 0));
		color: white;
	font-size: 10px;
}
.copyright {
	background-color: white;

}

.no-gutter [class*="-6"] {
	padding-left:0;
    padding-right:0;
}
/*
@media (max-width:767px) {
	
	.fullbleed {
		margin-left: -15px !important;
		margin-right: 15px !important;
	}
} */

.short-description {
	background-color: #222;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 5px;
	margin-bottom: 0px;
}

.front-page-hero {
	border-radius: 1em;
}

.front-page-app img {
	border-radius: 1em;
	box-shadow: 0px 2px 0px 0px rgba(40,40,44,1), 
		0px 4px 5px 0px rgba(0,0,0,0.5);

}

html[lang="en"] .flag-en {
	display: none !important;
}

html[lang="sv"] .flag-se {
	display: none !important;
}