@import url("https://fonts.googleapis.com/css2?family=Mulish&display=swap");
body {
font-family: "Co Text", sans-serif;
}
p {
font-family: "Co Text", sans-serif;
font-weight: 400;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Mulish", Sans-serif;	
}
h1 {
font-size: 3.7em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
}
h2 {
font-size: 2.4em;
font-weight: 400;
text-transform: uppercase;
}
h3 {
font-size: 2.8em;
font-weight: 700;
text-transform: uppercase;	
}
h4 {
font-size: 1.45em;
font-weight: 400;
text-transform: uppercase;	
line-height: 1.3;
}
h5 {
font-size: 1.2em;
font-weight: 700;
text-transform: uppercase;		
}
h6 {
font-size: 1.6em;
font-weight: 700;
text-transform: uppercase;			
}
.mm-heading {
font-family: "Mulish", Sans-serif;
font-size: 1.1em;
font-weight: 700;
text-transform: uppercase;
}
.mm-number-txt p {
line-height: 1.5 !important;
} .mm-txt-animated {
margin-bottom: 0 !important;
}
.mm-txt-animated .elementor-headline {
font-size: 1.45em !important;
font-weight: 400 !important;
text-transform: uppercase !important;	
line-height: 1 !important;	
} .mm-1st-section {
background-size: 60vh auto !important;
margin-top: -108px;
}
.mm-1st-inner {
margin-top: calc(108px + 3vh);
margin-left: 5%;
margin-right: 5%;
}
.mm-section {
margin: 0 5%;
}
.mm-txt-section {
margin: 0 5%;
} .mm-btn .elementor-button {
background-color: #1B1B1B !important;
color: #fff !important;
font-family: "Co Text", sans-serif;
font-size: 1.3em;
padding: 1em 2.2em;
line-height: 1.1em;
border-radius: 0;
transition: .6s ease-in-out;
}
.mm-btn .elementor-button span.elementor-button-text {
text-align: left !important;
}
.mm-btn-2 .elementor-button {
background-color: #FFF !important;
color: #1B1B1B  !important;
font-family: "Co Text", sans-serif;
font-size: 1.3em;
padding: 1em 2.2em;
line-height: 1.1em;
border-radius: 0;
transition: .6s ease-in-out;
}
.mm-btn .elementor-button-icon {
align-self: center !important;
}
.mm-btn:hover .elementor-button-icon, .mm-btn-2:hover .elementor-button-icon {
transform: scale(1.2, 1) !important;
transform-origin: left !important;
}
.mm-btn .elementor-button-icon svg, .mm-btn-2 .elementor-button-icon svg {
font-size: 3em;
}
.mm-btn-back .elementor-button {
background-color: #FFF !important;
color: #1B1B1B  !important;
font-family: "Co Text", sans-serif;
font-size: 1em;
padding: 1em 2.2em;
border-radius: 0;
}  #mm-references-cta {
margin-right: 2%;
}
#mm-references-cta .elementor-inner-column {
margin-bottom: -15%;
margin-top: 15%;
}
#mm-reference-txt {
transform: rotate(270deg);
padding-bottom: 70%;
}
#mm-references-inner {
margin-left: 13%;
margin-right: 7%;
min-width: 270px; 
}
#mm-references-col .elementor-column-wrap:hover h2,
#mm-services-col .elementor-column-wrap:hover h2,
#mm-contact-col .elementor-column-wrap:hover h2 {
color: #1B1B1B;
} #mm-services-txt {
transform: rotate(270deg);
padding-top: 70%;
}
#mm-services-txt h2 {
font-weight: 600;
}
#mm-services-inner {
margin-left: 10%;
margin-right: 10%;
min-width: 270px; 
} #mm-contact-cta {
margin-left: 2%;
}
#mm-contact-cta .elementor-inner-column {
margin-top: -15%;
margin-bottom: 15%;
}
#mm-contact-txt {
transform: rotate(270deg);
padding-top: 70%;	
}
#mm-contact-txt h2 {
font-size: 2em;
}
#mm-contact-inner {
margin-left: 7%;
margin-right: 13%;
min-width: 270px;
} .mm-link-col {
width: 100%;
height: 100%;
}  .mm-tabs .elementor-tabs-content-wrapper, .mm-tabs .elementor-tab-title, .mm-tabs .elementor-tab-title::before, .mm-tabs .elementor-tab-title::after,
.mm-tabs .elementor-tab-content {
border-width: 0 !important;
border: 0 !important;
}
.mm-tabs .elementor-tab-title a, 
.mm-tabs .elementor-tab-mobile-title {
color: #E3BDA0;
}
.mm-tabs .elementor-tab-title a:hover, 
.mm-tabs .elementor-tab-mobile-title:hover {
color: #1B1B1B;
}
.mm-tabs .elementor-tab-title.elementor-active a,
.mm-tabs .elementor-tab-mobile-title.elementor-active {
color: #1B1B1B;
text-transform: uppercase;
}
.mm-tabs .elementor-tab-title.elementor-active a::before,
.mm-tabs .elementor-tab-mobile-title.elementor-active::before {
content: url(//www.kn-arkkitehdit.fi/wp-content/uploads/2020/09/circle.svg);
width: 100%;
height: 25px;
display: inline-block;
}   .mm-references .dynamic-gallery-item:first-of-type .dynamic-gallery-item-inner {
box-shadow: -15px -20px 0 #1B1B1B;
}
.mm-references .dynamic-gallery-item:last-of-type .dynamic-gallery-item-inner {
box-shadow: 15px 20px 0 #1B1B1B;
} .mm-references .dynamic-gallery-item-inner {
display: flex;
flex-direction: column;
}
.mm-references .dynamic-gallery-thumbnail {
order: 2;
}
.mm-references .item-content {
order: 1;
position: relative;
z-index: 999;
background-color: transparent !important;
margin-bottom: -110px;
padding-top: 25px;
}
.mm-references .item-content p {
display: none;
}
.mm-references .buttons .eael-dnmcg-svg-icon {
margin-top: 25px;
}
.mm-references .buttons {
display: flex;
justify-content: center;
visibility: hidden !important;
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
} .mm-references .dynamic-gallery-item .caption {
background-color: rgba(0,0,0,0.3) !important;
}
.mm-references .caption.eael-fade-in {
visibility: visible !important;
opacity: 1 !important;
}
.mm-references .dynamic-gallery-item-inner:hover .buttons {
visibility: visible !important;
}
.mm-references .dynamic-gallery-item-inner:hover .caption {
background-color: rgba(0,0,0,0.1) !important;
}  .dialog-lightbox-widget .elementor-slideshow__footer {
display: none !important;
}  .mm-lastname {
font-weight: 700;
}
.mm-contact-info a {
color: #1b1b1b;
font-size: 1.2em;
line-height: 1;
}
.mm-contact {
margin-bottom: 0 !important;
}
.mm-contact-info a:hover {
color: #E3BDA0;
} .mm-contact-toggle .elementor-tab-content {
margin-top: 50px;
}
.mm-contact-toggle i.mm-icon {
font-size: 1.5em;
} .mm-contact-toggle ul li {
list-style: none;
}
.mm-contact-toggle .elementor-tab-content ul li:before{
content: '';
display: inline-block;
height: 10px;
width: 20px;
background-image: url(https://kn.mm-dev.fi/wp-content/uploads/2020/09/circle.svg);
background-repeat: no-repeat;
background-size: 9px;
} #mm-nav {
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}  .mm-social .elementor-social-icons-wrapper {
flex-direction: column;
}
.mm-menu1 h2 {
font-weight: 400;
}
.mm-menu2 h2 {
font-weight: 600;
}
.mm-menu3 h2 {
font-weight: 700;
}
.mm-menu-item h2 {
transition: all 400ms ease-in-out;
}
.mm-menu-item h2:hover {
color: #E3BDA0;
}
.mm-menu-icon.elementor-sticky--effects svg {
content: url(//www.kn-arkkitehdit.fi/wp-content/uploads/2020/09/menu-musta-x.svg);
} .mm-mobile-menu .dialog-widget-content {
height: 100vh;
} .mm-footer {
background-size: 60vh auto !important;
}
.mm-footer .elementor-container {
margin: 0 3% 0 3%;
}  .wpcf7-form p:empty { 
display: none; 
}
#mm-form {
width: 100%;
max-width: 1480px;
margin: 0 auto;
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-wrap: wrap;
} .mm-form-bottom-col, .mm-form-top-col {
width: 100%;
}
.mm-form-left-col {
width: 70%;
float: left;
}
.mm-form-right-col {
width: 30%;
float: right;
}
.mm-form-top-col .mm-form-right-col, .mm-form-top-col .mm-form-left-col {
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-direction: column;
justify-content: space-between;
height: 180px;
}
.mm-left {
width: 50%;
float: left;
}
.mm-right {
width: 50%;
float: right;
} .mm-form-field {
margin-bottom: 20px;
}
#mm-form input:not([type="checkbox"]):not([type="submit"]) {
width: 95%;
height: 65px;
background: #1B1B1B;
color: #fff;
border: none;
border-radius: 0;
padding: .5rem 1.9rem;
}
#mm-form textarea {
width: 95%;
float: right;
height: 160px;
background:  #1B1B1B;
color: #fff;
border: none;
border-radius: 0;
padding: .9rem 1.9rem;
} .mm-acceptance {
font-size: .8em !important;
}
.mm-acceptance a {
color: #1B1B1B !important;
text-decoration: underline;
}
.mm-checkbox, .mm-acceptance {
margin: 20px;
} .wpcf7-text::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #FFF !important;
opacity: 1;
}
.wpcf7-text:-moz-placeholder, textarea:-moz-placeholder {
color: #FFF  !important;
opacity: 1;
}
.wpcf7-text::-moz-placeholder, textarea::-moz-placeholder { 
color: #FFF  !important;
opacity: 1;
}
.wpcf7-text:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #FFF  !important;
opacity: 1;
} .mm-submit, .wpcf7-submit {
float: right;
}
.mm-submit .wpcf7-submit {
font-family: "Muli", Sans-serif;
font-size: 1em;
text-transform: uppercase;
color: #778A85 !important;
background-color: transparent !important;
border: 2px solid #1B1B1B;
border-radius: 0;
} @media all and (max-width: 1024px) { h1 {
font-size: 3.3em;
}
h2 {
font-size: 1.9em;
}
h3 {
font-size: 2.5em;
}
h4 {
font-size: 1.45em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1.6em;			
} .mm-btn .elementor-button,
.mm-btn-2 .elementor-button {
font-size: 1.1em;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) { .mm-1st-section {
background-size: 45vw auto !important;
margin-top: -83px;
}
.mm-1st-inner {
margin-top: calc(83px + 3vh);
}
.mm-txt-section {
margin: 0 10%;
}  #mm-references-inner, 
#mm-services-inner, 
#mm-contact-inner {
margin-left: 5%;
margin-right: 5%;
min-width: 200px;
}
#mm-references-cta, 
#mm-contact-cta {
margin-right: 0;
margin-left: 0;
}
#mm-contact-txt h2 {
font-size: 1.7em;
} .mm-tabs .elementor-tabs-wrapper {
width: 30% !important;
}
.mm-tabs .elementor-tab-title {
padding: 25px 5px;
} .mm-menu-item h2 {
font-size: 2.3em;
}
}
@media all and (max-width: 767px) { h1 {
font-size: 2em;
}
h2 {
font-size: 1.9em;
}
h3 {
font-size: 1.85em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1.4em;			
} .mm-txt-animated .elementor-headline {
font-size: 1.3em !important;
} .mm-1st-section {
background-size: 80vw auto !important;
margin-top: -78px;
}
.mm-1st-inner {
margin-top: calc(78px + 3vh);
}
.mm-txt-section {
margin: 10% 5%;
}
.mm-section {
margin: 0 5% 20% 5%;
}
.mm-1st-inner .mm-img-col {
min-height: 350px;
}  #mm-services-cta {
margin-top: 30%;
margin-bottom: 30%;
margin-right: 10%;
}
#mm-services-inner {
margin-left: 5%;
margin-right: 15%;
}
#mm-contact-inner {
margin-left: 13%;
margin-right: 7%;
}
#mm-references-inner, #mm-contact-inner {
min-width: 245px;
}
#mm-services-inner {
min-width: 255px;
}
#references-txt, #mm-services-txt, #mm-contact-txt {
padding-left: 20%;
} #mm-form {
max-width: 500px;
}
#mm-form input:not([type="checkbox"]):not([type="submit"]),
#mm-form textarea {
width: 100%;
}
.mm-form-left-col, .mm-form-right-col,
.mm-left, .mm-right {
width: 100%;
float: left;
}
.mm-form-top-col .mm-form-right-col, .mm-form-top-col .mm-form-left-col {
height: unset;
}
.mm-form-field {
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
justify-content: center;
}
.mm-checkbox .wpcf7-form-control-wrap.yhteydenotto {
display: block;
width: 100%;
margin: 10px 0 25px;
} .mm-contact-toggle .elementor-tab-content ul {
padding: 15px 0;
}
.mm-contact-toggle .elementor-tab-content ul li ul {
padding-left: 15px;
}
}
@media all and (min-width: 415px) and (max-width: 767px) { .mm-1st-section {
background-size: 50vw auto !important;
}
}.clearfix::before,.clearfix::after{content:" ";display:table;clear:both}.eael-testimonial-slider.nav-top-left,.eael-testimonial-slider.nav-top-right,.eael-team-slider.nav-top-left,.eael-team-slider.nav-top-right,.eael-logo-carousel.nav-top-left,.eael-logo-carousel.nav-top-right,.eael-post-carousel.nav-top-left,.eael-post-carousel.nav-top-right,.eael-product-carousel.nav-top-left,.eael-product-carousel.nav-top-right{padding-top:40px}.eael-contact-form input[type=text],.eael-contact-form input[type=email],.eael-contact-form input[type=url],.eael-contact-form input[type=tel],.eael-contact-form input[type=date],.eael-contact-form input[type=number],.eael-contact-form textarea{background:#fff;box-shadow:none;-webkit-box-shadow:none;float:none;height:auto;margin:0;outline:0;width:100%}.eael-contact-form input[type=submit]{border:0;float:none;height:auto;margin:0;padding:10px 20px;width:auto;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}.eael-contact-form.placeholder-hide input::-webkit-input-placeholder,.eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input::-moz-placeholder,.eael-contact-form.placeholder-hide textarea::-moz-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input:-ms-input-placeholder,.eael-contact-form.placeholder-hide textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input:-moz-placeholder,.eael-contact-form.placeholder-hide textarea:-moz-placeholder{opacity:0;visibility:hidden}.eael-custom-radio-checkbox input[type=checkbox],.eael-custom-radio-checkbox input[type=radio]{-webkit-appearance:none;-moz-appearance:none;border-style:solid;border-width:0;outline:none;min-width:1px;width:15px;height:15px;background:#ddd;padding:3px}.eael-custom-radio-checkbox input[type=checkbox]:before,.eael-custom-radio-checkbox input[type=radio]:before{content:"";width:100%;height:100%;padding:0;margin:0;display:block}.eael-custom-radio-checkbox input[type=checkbox]:checked:before,.eael-custom-radio-checkbox input[type=radio]:checked:before{background:#999;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}.eael-custom-radio-checkbox input[type=radio]{border-radius:50%}.eael-custom-radio-checkbox input[type=radio]:before{border-radius:50%}.eael-post-elements-readmore-btn{font-size:12px;font-weight:500;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;display:inline-block}.elementor-lightbox .dialog-widget-content{width:100%;height:100%}.eael-contact-form-align-left,.elementor-widget-eael-weform.eael-contact-form-align-left .eael-weform-container{margin:0 auto 0 0;display:inline-block;text-align:left}.eael-contact-form-align-center,.elementor-widget-eael-weform.eael-contact-form-align-center .eael-weform-container{float:none;margin:0 auto;display:inline-block;text-align:left}.eael-contact-form-align-right,.elementor-widget-eael-weform.eael-contact-form-align-right .eael-weform-container{margin:0 0 0 auto;display:inline-block;text-align:left}.eael-force-hide{display:none !important}.eael-d-none{display:none !important}.eael-d-block{display:block !important}.eael-h-auto{height:auto !important}.theme-martfury .elementor-wc-products .woocommerce ul.products li.product .product-inner .mf-rating .eael-star-rating.star-rating{display:none}.theme-martfury .elementor-wc-products .woocommerce ul.products li.product .product-inner .mf-rating .eael-star-rating.star-rating~.count{display:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}