@charset "UTF-8";
 .menu--primary .sub-arrow:before {
right: 5px !important; }
.page-header.headroom--not-top .header-wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.page-header.headroom--not-top .header-wrap .menu--primary .menu__container > li > a {
padding: 25px 20px !important; } .tm-portfolio .post-overlay-content, .tm-portfolio .post-overlay-info > * {
opacity: 1 !important;
visibility: visible !important;
transform: none !important; }
.tm-portfolio .post-overlay, .tm-portfolio .post-overlay-content {
height: 25%;
bottom: 0 !important;
top: auto !important; }
.tm-portfolio .grid-item:not(:hover) .post-overlay {
opacity: 0.75 !important; }
.tm-portfolio .grid-item:hover .post-overlay {
opacity: 0.95 !important; }
.tm-portfolio .post-overlay {
visibility: visible !important;
background-color: transparent !important;
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#BF000000",GradientType=1 ); }
.tm-portfolio .post-overlay-title a {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.25); }
.tm-portfolio .post-overlay-categories {
display: none !important; }
.page-content {
min-height: 66vh; }
.tm-contact-form-7 .wpcf7-textarea {
min-height: 150px; }
.post-event-date {
font-size: 0.85em; } .framill-contacts-name {
font-size: 1.15em;
font-weight: 600;
color: #1b806d; }
.framill-contacts-title .framill-contacts-data-inner {
font-size: 0.7em;
margin: 0.2em auto;
font-weight: bold;
text-transform: uppercase;
color: #555; }
.framill-contacts-links .framill-contacts-data-inner {
margin-top: 0.2em; }
.framill-contacts-gallery .owl-nav {
opacity: 0;
-webkit-transition: opacity 75ms linear;
-o-transition: opacity 75ms linear;
transition: opacity 75ms linear;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
display: block;
z-index: 11; }
.framill-contacts-gallery .owl-nav button {
padding: 0.5em !important;
display: inline-block;
color: rgba(255, 255, 255, 0.5) !important; }
.framill-contacts-gallery .owl-nav button:hover {
color: white !important; }
.framill-contacts-gallery .owl-nav button.disabled {
display: none !important; }
.framill-contacts-gallery .owl-nav .owl-prev {
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 5px; }
.framill-contacts-gallery .owl-nav .owl-next {
right: 5px;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.framill-contacts-gallery .owl-dots {
opacity: 0;
z-index: 11;
line-height: 1.2em;
margin: 0 auto 1em;
z-index: 1000;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 120px; }
.framill-contacts-gallery .owl-dots button {
border: 0 !important;
padding: 0 !important;
background: none !important; }
.framill-contacts-gallery .owl-dots .owl-dot {
width: 16px;
height: 16px;
position: relative;
display: inline-block; }
.framill-contacts-gallery .owl-dots .owl-dot:hover span, .framill-contacts-gallery .owl-dots .owl-dot.active span {
background-color: white; }
.framill-contacts-gallery .owl-dots .owl-dot span {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
height: 10px;
width: 10px;
background-color: rgba(255, 255, 255, 0.5); }
.framill-contacts-gallery .owl-dots.smaller .owl-dot {
width: 13px;
height: 13px; }
.framill-contacts-gallery .owl-dots.smaller .owl-dot span {
height: 8px;
width: 8px; }
.framill-contacts-gallery:hover .owl-dots {
opacity: 1; }
.framill-contacts-image-item .framill-contacts-image-popup {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0);
font-weight: normal;
color: #1b806d;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0; }
.framill-contacts-image-item .framill-contacts-image-popup:hover {
background-color: rgba(255, 255, 255, 0.45);
color: #1b806d; }
.framill-contacts-image-item .framill-contacts-image-popup .fa {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.framill-contacts-image-item:hover .framill-contacts-image-popup {
opacity: 1 !important; }
.mfp-close {
width: 44px !important;
padding-right: 0 !important;
text-align: center !important; }
.framill-contacts-card-item {
word-break: break-word;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.framill-contacts-card-item a[href^="mailto"] > span {
display: inline-block; }
.framill-contacts-card-item * {
box-sizing: border-box; }
.framill-contacts-card-item.images-hide .framill-contacts-card-image-wrapper {
display: none; }
.framill-contacts-card-item.shape-round .owl-dots {
margin-top: 0.5em;
position: relative; }
.framill-contacts-card-item.shape-round .owl-dots .owl-dot span {
background-color: #555; }
.framill-contacts-card-item.shape-round .owl-dots .owl-dot.active span, .framill-contacts-card-item.shape-round .owl-dots .owl-dot:hover span, .framill-contacts-card-item.shape-round .owl-dots .owl-dot:focus span {
background-color: #1b806d; }
.framill-contacts-card-item[data-layout="card"] {
font-size: 0.85em;
margin-bottom: 1.25em;
line-height: 1.3;
max-width: 100%; }
.framill-contacts-card-item[data-layout="card"] .framill-contacts-image-wrapper {
width: 100%; }
.framill-contacts-card-item[data-layout="card"] .framill-contacts-image-wrapper .owl-item {
position: relative; }
.framill-contacts-card-item[data-layout="card"] .framill-contacts-data {
word-break: break-word; }
.framill-contacts-card-item[data-layout="card"] .framill-contacts-card-image-item {
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.framill-contacts-card-item[data-layout="full"] {
width: 100%;
max-width: 100%; }
.framill-contacts-card-item.imagealign-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.framill-contacts-card-item.imagealign-top .framill-contacts-card-image-wrapper {
margin-bottom: 0.75em; }
@media (min-width: 501px) {
.framill-contacts-card-item.imagealign-left, .framill-contacts-card-item .imagealign-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.framill-contacts-card-item.imagealign-left[data-layout="full"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item.imagealign-left[data-layout="full"] .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left[data-layout="full"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item .imagealign-left[data-layout="full"] .framill-contacts-card-data {
width: 50%; }
.framill-contacts-card-item.imagealign-left[data-layout="card"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item .imagealign-left[data-layout="card"] .framill-contacts-card-image-wrapper {
width: calc(100% * (1/3)); }
.framill-contacts-card-item.imagealign-left[data-layout="card"] .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left[data-layout="card"] .framill-contacts-card-data {
width: calc(100% * (2/3)); } }
@media (max-width: 500px) {
.framill-contacts-card-item.imagealign-left .framill-contacts-card-image-wrapper, .framill-contacts-card-item .imagealign-left .framill-contacts-card-image-wrapper {
margin-bottom: 0.75em; } }
.framill-contacts-card-item.imagealign-left .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left .framill-contacts-card-data {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.8em;
font-size: 0.8em; }
.framill-contacts-card-item.textalign-left {
text-align: left; }
.framill-contacts-card-item.textalign-center {
text-align: center; }
.framill-contacts-card-item.textalign-right {
text-align: right; }
@media (max-width: 500px) {
.framill-contacts-card-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
text-align: center !important; }
.framill-contacts-card-item > [class*="image-wrapper"], .framill-contacts-card-item > [class*="data"] {
width: 100%; } }
.framill-contacts-card-item * {
text-align: inherit; }
.framill-contacts-gallery {
position: relative; }
.framill-contacts-card-image-item {
position: relative; }
.framill-contacts-card-image-item .framill-contacts-card-image-overlay {
position: relative;
width: 100%;
height: 0; }
[class*="framill"][class*="popup"] {
width: 50px;
height: 50px;
display: block;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
[class*="framill"][class*="popup"] .fa {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.framill-contacts-cards-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.framill-contacts-cards-wrapper[data-layout="full"] {
width: 800px;
margin: auto;
max-width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item {
padding: 0.8em;
width: 100%; }
.framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item .framill-contacts-card-data {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.4; }
@media (min-width: 768px) {
.framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item .framill-contacts-card-data {
font-size: 1em; } }
.framill-contacts-section-description {
border-top: 1px solid #eee;
margin-top: 0.5em;
padding-top: 0.5em;
font-size: 0.85em; }
.framill-contacts-section-description p {
margin-bottom: 0.5em; }
.framill-contacts-section-description blockquote {
padding: 0;
margin-bottom: 0.5em;
font-size: inherit;
color: #000; }
.framill-contacts-section-description blockquote:before, .framill-contacts-section-description blockquote:after {
display: none !important; }
.framill-contacts-section-description blockquote p {
font-size: 0.9em;
font-style: italic; }
.framill-contacts-section-description blockquote p:before, .framill-contacts-section-description blockquote p:after {
font-weight: bold;
opacity: 0.8;
display: inline;
position: relative;
content: '"';
background: none; }
.framill-contacts-section-description:last-child {
margin-bottom: 0; }
.framill-contacts-section-description.textalign-right ul {
list-style-position: inside;
text-align: right; }
.framill-contacts-section-description.textalign-center ul {
padding-left: 0;
list-style: none; }
.framill-contacts-section-description.textalign-center ul li {
text-align: center; } .fp-services, .subpages-grid {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fp-services.rows-uneven, .subpages-grid.rows-uneven { -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item {
box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.9);
margin: 5px;
max-width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media (min-width: 768px) {
.fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item {
width: calc(100% / 3 - (2 * 5px));
min-height: 150px; } }
@media (max-width: 767px) and (min-width: 481px) {
.fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item {
width: calc(100% / 2 - (2 * 5px));
min-height: 120px; } }
@media (max-width: 480px) {
.fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item {
width: 100%;
min-height: 90px; }
.fp-services .fps-item .fps-title, .fp-services .fps-item .sb-title, .fp-services .sb-item .fps-title, .fp-services .sb-item .sb-title, .subpages-grid .fps-item .fps-title, .subpages-grid .fps-item .sb-title, .subpages-grid .sb-item .fps-title, .subpages-grid .sb-item .sb-title {
font-size: 12px; } }
.fp-services .fps-item .fps-inner, .fp-services .fps-item .sb-inner, .fp-services .sb-item .fps-inner, .fp-services .sb-item .sb-inner, .subpages-grid .fps-item .fps-inner, .subpages-grid .fps-item .sb-inner, .subpages-grid .sb-item .fps-inner, .subpages-grid .sb-item .sb-inner {
padding: calc(2 * 5px);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%; }
.fp-services .fps-item .sb-inner, .fp-services .sb-item .sb-inner, .subpages-grid .fps-item .sb-inner, .subpages-grid .sb-item .sb-inner { background-color: rgba(0, 0, 0, 0.4); }
.fp-services .fps-item .sb-inner:hover, .fp-services .sb-item .sb-inner:hover, .subpages-grid .fps-item .sb-inner:hover, .subpages-grid .sb-item .sb-inner:hover {
background-color: rgba(0, 0, 0, 0.15); }
.fp-services .fps-item .fps-title, .fp-services .fps-item .sb-title, .fp-services .sb-item .fps-title, .fp-services .sb-item .sb-title, .subpages-grid .fps-item .fps-title, .subpages-grid .fps-item .sb-title, .subpages-grid .sb-item .fps-title, .subpages-grid .sb-item .sb-title {
font-family: Lato;
font-weight: bold;
width: 100%;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.05em;
text-shadow: 1px 1px 2px #000; } .clearthis {
text-align: center;
margin-bottom: 5px;
padding: 5px 0;
border-bottom: 1px solid #eee;
cursor: pointer; }
.clearthis:hover .fa {
color: #cc0000; }
.checkinput {
cursor: pointer; }
.checkinput input {
pointer-events: none !important; }
.clist-list {
min-height: 400px;
position: relative; }
.clist-list.filters-disabled {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.clist-list.filters-disabled .clist-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
@media (min-width: 481px) {
.clist-list {
margin: auto -0.4em; } }
.clist-item {
width: 300px;
margin: 0.4em; }
@media (min-width: 992px) {
.clist-item {
max-width: calc(100% / 4 - 0.8em); } }
@media (max-width: 991px) {
.clist-item {
max-width: calc(100% / 3 - 0.8em); }
.clist-item .clist-name-item {
font-size: 1em !important; } }
@media (max-width: 767px) and (min-width: 481px) {
.clist-item {
max-width: calc(100% / 2 - 0.8em); } }
@media (max-width: 480px) {
.clist-item {
width: 100%;
margin-left: 0;
margin-right: 0;
max-width: 100%; } }
.clist-item .clist-inner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 1px solid #eee;
background-color: #fff; }
.clist-item .clist-logo .logo-resizer {
padding: 0.25em;
position: relative; }
.clist-item .clist-logo .logo-resizer .logo-image {
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 0;
padding-bottom: 50%;
position: relative;
width: 100%;
height: 100%; }
.clist-item .clist-name {
border-bottom: 1px solid #eee; }
.clist-item .clist-name .clist-name-item {
line-height: 1.35;
font-size: 1.1em;
margin-bottom: 0.0; }
.clist-item .clist-name .clist-name-item a {
padding: 0.5em 0.75em;
display: block; }
.clist-item .clist-terms {
padding: 0.5em;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.clist-item .clist-terms .clist-term-section {
padding: 0.25em;
border: 1px solid transparent; }
.clist-item .clist-terms .clist-term-section.active {
background-color: rgba(27, 128, 109, 0.05);
border-color: #eee; }
.clist-item .clist-terms .clist-tax-title {
font-size: 0.6em;
font-weight: bold;
text-transform: uppercase;
color: #000; }
.clist-item .clist-terms .clist-tax-title .fa {
width: 1.5em;
text-align: center;
color: #1b806d; }
.clist-item .clist-terms .clist-tax-list {
margin-top: 0.25em;
font-size: 13px;
padding-left: 0.25em; }
.clist-item .clist-location {
margin-bottom: 0.3em;
font-size: 0.8em; }
.clist-item .clist-location .clist-locicon {
display: inline-block;
margin-left: 0.25em;
width: 1em;
color: #1b806d; }
.clist-item .clist-location .clist-locnames {
font-weight: 500;
display: inline-block; }
.clist-item .clist-taxterm {
cursor: default;
line-height: 1;
font-size: 11px;
display: inline-block;
padding: 2px; }
.clist-item .clist-taxterm .hashtag {
font-size: calc(1em - 1px);
display: inline-block;
margin-right: 1px; }
.clist-item .clist-taxterm:hover {
color: #1b806d; }
.clist-item .clist-taxterm:hover .hashtag {
color: #555; }
.clist-item .clist-taxterm .icon-active {
display: none; }
.clist-item .clist-taxterm.active {
color: #1b806d; }
.clist-item .clist-taxterm.active .icon-active {
display: inline-block !important; }
.clist-item .clist-types {
margin-top: 3px;
justify-self: flex-end;
text-align: center;
opacity: 0;
transition: opacity 100ms linear;
line-height: 1.1; }
.clist-item .clist-types [data-filter], .clist-item .clist-types .sep {
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 0.6em;
opacity: 0.6;
transition: opacity 100ms linear; }
.clist-item .clist-types [data-filter].sep, .clist-item .clist-types .sep.sep {
margin: 0 2px; }
.clist-item:hover .clist-types {
opacity: 1; }
.clist-filters {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 481px) {
.clist-filters {
margin: auto -0.4em; } }
@media (max-width: 480px) {
.clist-filters {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
input[type="checkbox"][value*="-all"] + span {
font-weight: bold; }
.option-set-container {
z-index: 10;
width: 300px;
margin: 0.4em;
max-width: calc(100% / 2 - 0.8em);
position: relative; }
.option-set-container.visible {
z-index: 11; }
@media (max-width: 480px) {
.option-set-container {
font-size: 0.9em;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.option-set-container .option-set-toggle {
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 10px; }
.option-set-container .option-set-toggle:hover {
background-color: #fafafa; }
.option-set-container .option-set-toggle .toggleicon {
display: none; }
.option-set-container .option-set-title span, .option-set-container .option-set-title small {
display: block; }
.option-set-container .option-set-title span {
font-size: 0.9em;
letter-spacing: 0.025em; }
.option-set-container .option-set-title span .fa {
color: #1b806d; }
.option-set-container .option-set-title small {
color: #555;
font-size: 70%; }
.option-set-container .option-set {
position: absolute;
width: 100%;
margin: 0 auto;
height: 300px;
max-height: 75vh;
background-color: #fff;
padding: 0.5em;
border: 1px solid #eee;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
overflow-y: scroll; }
.option-set-container .option-set ul {
margin: 0;
list-style: none;
padding: 0; }
.option-set-container .option-set ul li {
position: relative; }
.option-set-container .option-set ul li:hover {
background-color: #fafafa; }
.option-set-container.visible .option-set-toggle {
position: relative; }
.option-set-container.visible .option-set-toggle .toggleicon {
position: absolute;
height: 100%;
right: 0.5em;
top: 0;
width: 30px;
text-align: center;
display: inline-block;
color: rgba(255, 0, 0, 0.5); }
.option-set-container.visible .option-set-toggle .toggleicon .fa {
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.option-set-container.visible .option-set-toggle:hover {
background-color: rgba(255, 0, 0, 0.05); }
.option-set-container.visible .option-set-toggle:hover .toggleicon {
color: red; }
.option-set-container.visible .option-set {
display: block !important; } .toggle-ota-yhteytta {
width: 60px;
height: 60px;
line-height: 60px;
background: #1b806d;
color: #fff !important;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1;
border-radius: 50%;
text-align: center; }
.toggle-ota-yhteytta:hover {
background: #1f957f; }
.toggle-ota-yhteytta .fa {
color: inherit;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.toggle-ota-yhteytta-fixed {
display: block;
position: fixed;
right: 30px;
z-index: 100001; }
.toggle-ota-yhteytta-fixed .fa {
color: inherit;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.toggle-ota-yhteytta-fixed.nakyvilla {
display: none; }
body.scrollup-show .toggle-ota-yhteytta-fixed {
bottom: 6em; }
@media (max-width: 991px) {
body.scrollup-show .toggle-ota-yhteytta-fixed {
bottom: 5.5em; } }
body:not(.scrollup-show) .toggle-ota-yhteytta-fixed {
bottom: 2em; }
#ota-yhteytta {
font-size: 0.9rem;
z-index: 100000;
position: fixed;
width: 400px;
bottom: -100%;
transition: bottom 300ms ease-in;
right: 6em;
background-color: #fff;
padding: 15px;
box-sizing: border-box; }
#ota-yhteytta hr {
margin: 0 0 1em; }
@media (min-width: 768px) {
#ota-yhteytta {
max-height: 90vh;
overflow: auto;
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25); } }
@media (max-width: 767px) {
#ota-yhteytta {
left: 0 !important;
right: 0 !important;
width: 100%;
height: 100%;
overflow-y: scroll; } }
#ota-yhteytta.nakyvilla {
bottom: 0 !important; }
#ota-yhteytta .ota-yhteytta-heading {
display: inline-block;
line-height: 3em;
position: absolute;
left: 0;
padding-left: 1em;
font-size: 1.5em;
line-height: 2em; }
#ota-yhteytta .sulje-lomake {
text-align: right; }
#ota-yhteytta .toggle-ota-yhteytta {
display: inline-block;
position: relative !important;
text-align: right; }
#ota-yhteytta form .wpcf7-form-control-wrap {
margin-bottom: 0; }
.wpcf7 form input, .wpcf7 form textarea {
font-size: 1em !important;
height: auto; }
.wpcf7 form input:not([type="submit"]), .wpcf7 form textarea:not([type="submit"]) {
line-height: 2;
padding: 0.5em !important; }
.wpcf7 form input[type="submit"], .wpcf7 form textarea[type="submit"] {
border-radius: 0; }
.wpcf7-response-output {
color: #000 !important; }