/*
Theme Name: Flatco
Template: customify
Author: Flatco
Version: 0.1.0.1528204706
Updated: 2026-01-05 15:24:00

*/

.site-header {
position: fixed !important;
z-index:10;
width:100%;
top:0px;
}

.site-content {
background: #fff;
margin-top:91px;
}

.blog .site-content {
padding-top:20px;
}

@media (min-width: 640px) {
.blog .sidebar-primary {
margin-top:0px;
padding-top:0px !important;
}
}

:focus {
outline: -webkit-focus-ring-color auto 0px;
}

#main {
padding-top: 0;
padding-bottom: 0;
}

div#n2-ss-2 h1, div#n2-ss-2 h2, div#n2-ss-2 h3 {
    letter-spacing: 0px !important;
}

footer {
background: black !important;
padding-top: 30px;
padding-bottom: 40px;
}

footer p {
color: white;
}

#logopalkki img, #logopalkki img a {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.75;
-webkit-transition: filter 500ms, opacity 500ms;
transition: filter 500ms, opacity 500ms;
}

#logopalkki img:hover, #logopalkki img a:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}

.hiding-header-menu-sidebar {
    overflow: auto !important;
    position: static !important;
}

.is-menu-sidebar.menu_sidebar_slide_left {
    overflow: auto !important;
    position: static !important;
}

.ominaisuudet img {
width:60px;
height:60px;
}

a#scroll-to-top {
z-index:10;
}

/* Features Table */
#features-table {color: black;}
#features-and-pricing-table {color: black; border-bottom: solid 1px rgba(0,0,0,0.1); margin-bottom: 0px; }
#features-table tbody th:not(.feat-header-m),
#features-and-pricing-table tbody th:not(.feat-header-m) {background: #FFF;}
#features-table td,
#features-and-pricing-table td {vertical-align: top; padding: 15px 20px; }
#features-table tbody tr:nth-child(even) td  {background: rgba(15,200,230,0.05);}
#features-and-pricing-table tbody tr:nth-child(even) td {background: transparent; border-top: solid 1px rgba(0,0,0,0.1);}
#features-table tbody tr:nth-child(odd) td {background: #FFF;}
#features-and-pricing-table tbody tr:nth-child(odd) td {background: transparent; border-top: solid 1px rgba(0,0,0,0.1);}
.feature-table-check {color: #00C851;}
i.fa-times {color: #e50b40;}

/* Features Table Mobile */
.feat-header-m {text-align: center; font-weight: bold; background-color: #0fc7e6; color: #FFF;}
.feat-icon-m {float: left; width: 30px; margin: 0px 20px 10px 0px; text-align: center; font-size: 1.6em; color: #0fc8e6;}
.feat-title-m {font-weight: bold;}
.feat-text-m {display: block; font-weight: normal; font-size: .8em;}

/* Features Table Desktop */
.feat-header {text-align: center; font-weight: bold;}
.feat-icon {float: left; width: 30px; margin: 0px 20px 0px 0px; text-align: center; font-size: 1.6em; color: #0fc8e6;}
.feat-title {font-weight: bold;}
.feat-text {display: block; margin-left: 50px; font-weight: normal; font-size: .8em;}
.feat-check {text-align: center;}
.feat-icon-wrapper {padding-right: 0px !important}
.feat-price-mobile {font-weight: initial;}

.flatco-tabs .elementor-tabs-wrapper { display: flex; justify-content: center; }
.flatco-tabs .elementor-tab-content { padding: 15px 0px !important;}
.flatco-tabs .elementor-tab-title { padding: 15px 20px !important;
    background: transparent !important;
    border-radius: 50px !important;
color: #076080 !important; }
.flatco-tabs .elementor-tab-title.elementor-active { 
    background: #076080 !important; 
	color: #FFF !important; }

.flatco-tabs .elementor-tab-title.elementor-tab-mobile-title {
	display: none;
}

#features-and-pricing-table .feat-icon {float: left; margin: 0px 0px 0px 0px; text-align: center; font-size: 1.6em; color: #0fc8e6; padding-right: 0px;}
/* RESPONSIVE */

@media (max-width: 1150px) {
.nav-menu-desktop {
    font-size: 13px;
}
}

@media (max-width: 1025px)
{
.site-content {
margin-top: 123px;
}
}

@media (max-width: 950px) {
div#n2-ss-2 h1, div#n2-ss-2 h2, div#n2-ss-2 h3 {
font-size:25px !important;
line-height:30px !important;
}
}

@media (max-width: 700px) {
}

@media (max-width: 640px) {
.header--row.header-main .customify-grid {
	min-height: 70px;
}
.from-customers .bubble-column .elementor-element-populated {
	margin: 0 15px 0 15px !important;
}
body .site-branding img {
    max-width: 130px;
}
.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul>li>a {
    min-height: 60px;
}
.site-content {
    margin-top: 94px;
}	
div#n2-ss-2 h1, div#n2-ss-2 h2, div#n2-ss-2 h3 {
font-size:20px !important;
line-height:22px !important;
	}
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.feat-icon { margin-right: 30px; }
#features-and-pricing-table .material-icons.feat-icon { margin-right: 0px; }

.mobile-header-wrapper {
	width: 100vw;
	margin-left: -15px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.mobile-header-element {
	margin-left: 5px;
	font-weight: bold;
}


.mobile-header-element:first-child {
	flex-grow: 1;
	margin-left: 5px;
}

.bubble {
	position: relative;
	text-align: center;
	line-height: 1.4em;
	margin: 0 auto 40px auto;
	background-color: #fff;
	border: 8px solid #006080;
	border-radius: 30px;
	font-family: sans-serif;
	padding: 20px;
	font-size: large;
}

.bubble.solid {
	background-color: #006080;
	color: white;
	padding: 20px
}

.bubble:before,
.bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.bubble:before {
	left: 31px;
	bottom: -40px;
	border: 20px solid;
	border-color: #006080 #006080 transparent transparent;
}

.bubble:after {
	left: 43px;
	bottom: -20px;
	border: 10px solid;
	border-color: #fff #fff transparent transparent;
}

.bubble.right:before {
	left: initial;
	right: 31px;
	border-color: #006080 transparent transparent #006080;
}

.bubble.right:after {
	left: initial;
	right: 43px;
	border-color: #fff transparent transparent #fff;
}

.bubble.left.solid:after {
	border-color: #006080 #006080 transparent transparent;
}

.bubble.right.solid:after {
	border-color: #006080 transparent transparent #006080;
}

.bubble-quote-source {
	text-align: left;
	padding-left: 30px;
}

.bubble-quote-source.right {
	text-align: right;
	padding-left: 0px;
}

@media (max-width: 767px) {
	.customers-row,
	.partners-row {
		margin-left: 20px;
		margin-right: 20px;
	}
	.customers-row .elementor-col-25,
	.partners-row .elementor-col-25 {
		width: 50%;
	}
}

.elementor-image-carousel-caption {
    padding-top: 15px;
}

ul.pluses,
ul.minuses {
    list-style: none;
	margin-left: 1.5em;
}

ul.pluses li:before,
ul.minuses li:before{
	content: "+";
	position: relative;
	left:-0.5em;
	font-weight: bold;
}

ul.minuses li:before {
	content: "-";
}

.dark-mode .item--html a {
	color: white; 
}

#CybotCookiebotDialog button {
	line-height: initial;
}

.cky-notice-des {
	line-height: 1.5em !important;
}
.cky-btn {
	border-radius: 7px !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-weight: bold !important;
}
.cky-preference-header, .cky-preference-body-wrapper, .cky-accordion-wrapper, .cky-accordion, .cky-accordion-wrapper, .cky-footer-wrapper, .cky-prefrence-btn-wrapper {
    border-color: #dadada !important;
}
.cky-consent-container .cky-consent-bar { 
  box-shadow: 0 3px 15px 0 #0000004f !important;
}
@media (min-width: 769px) {
	.cky-consent-container {
		width: 660px !important;
		left: 48px !important;
		top: 48px !important;
		margin: auto !important;
		transform: translateY(40%);
	}
	.cky-consent-container .cky-consent-bar {
		padding: 26px 26px !important;
	}
	.cky-notice .cky-title {
		margin: 0 0 22px 0 !important;
	}
	.cky-notice-btn-wrapper {
		margin-top: 34px !important;
	}
}
@media (min-width: 577px) {
	.cky-consent-container {
		left: 48px !important;
		top: 48px !important;
		margin: auto !important;
		transform: translateY(40%);
	}
	.cky-consent-container .cky-consent-bar {
		padding: 26px 26px !important;
	}
	.cky-notice .cky-title {
		margin: 0 0 22px 0 !important;
	}
	.cky-notice-btn-wrapper {
		margin-top: 34px !important;
	}
}

button.cky-btn.cky-btn-reject {
color: #0bb1d2 !important; 
border-color: #0bb1d2 !important; 
background-color: transparent !important;
border: 2px solid #0bb1d2 !important;
}

button.cky-btn.cky-btn-preferences {
color: #0bb1d2 !important; 
border-color: #0bb1d2 !important; 
background-color: transparent !important;
border: 2px solid #0bb1d2 !important;
}

.cky-audit-table {
color: #d0d0d0 !important; 
border-color: #474444 !important; 
background-color: #2a2a2a !important;
}

div.cky-footer-wrapper > div:nth-child(3) {
padding: 8px 24px !important; 
font-size: 12px !important; 
font-weight: 400 !important; 
line-height: 20px !important; 
text-align: right !important; 
border-radius: 0 0 6px 6px !important; 
direction: ltr !important; 
display: flex !important; 
justify-content: flex-end !important; 
align-items: center !important; 
color: #006080 !important; 
background-color: #EDEDED !important;
}

.cky-accordion-btn:hover {
background-color: transparent !important;
}

.cky-show-desc-btn {
background-color: transparent !important;
}

.cky-preference-header .cky-btn-close {
    margin: 0 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 0 !important;
    line-height: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

button.cky-btn.cky-btn-customize {
color: #0bb1d2 !important; 
border-color: #0bb1d2 !important; 
background-color: transparent !important;
border: 2px solid #0bb1d2 !important;
}
.cky-btn-revisit:hover {
	background-color: transparent !important;
	box-shadow: inherit !important;
}