/* CUSTOM */
.off-canvas-effect,
.off-canvas-open,
.off-canvas-right,
.t3-off-canvas,
.t3-off-canvas::after {
	transition: transition: all 0s ease 0s; !important;
}
h1, h2, h3, div.componentheading {font-family: 'Montserrat', sans-serif; font-weight:300;}
h1 {
    font-size: 35px;
    line-height: 39px !important;
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.home h2 {font-size:35px !important; font-weight:600;}
h2 {font-size:27px; color:#333; margin-top:0px; margin-bottom:10px; text-transform: uppercase;}
h3 { font-size: 20px;line-height:20px;}
.t3-content h3 {color:#1582c5;}
.home .t3-content h3 { margin: 20px 0 15px; font-size: 20px;}
.t3-content h4 {margin-top:20px;}
.home h4.etu-ala {margin-top:40px;}


@media (max-width:768px) {
  h1 {margin-top:30px;}
}
a {
    color: #1582c5;
    text-decoration: none;
    font-weight: 600; 
}
a:hover, a:focus {
    color: #08456b;
    text-decoration: none;
}

body {
    visibility: visible;
    font-size: 14px;
    line-height: 20px;
    color:#333;
}
.t3-content p {
    font-size: 16px !important;
    letter-spacing: 1px;
}

img.logo-img {
    margin: 22px 0;
    max-width: 280px;
}

#header img {height:100%;}
.logo-img {
    max-width: none;
}
@media (max-width:992px) {
    .logo-img {
    max-width: auto;
    }
}
img.BWFilter.BWfade {
  -webkit-filter: none !important;
}
.home .t3-module.modulesmallPaddBottom {
    margin-bottom: 0;
}
.home .mediumPaddTop {
  padding-top: 30px;
}
.home .t3-module.module {
    margin-top: 0px !important;
    position: relative;
    top: 0;
    left: 0;
}
.home .module-title {
    margin-bottom: 0;
    margin-left: -15px;
    padding: 0 !important;
}
.home .smallPaddBottom {
    padding-bottom: 0;
}
.t3-header {
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
}
.in-wrapper {
    display: block;
    margin: 0 auto;
    padding-top: 0;
}

body .topbar {
    color: #aaaaaa;
    background: #000;
    height: auto;
    padding: 10px 0;
    text-align: center;
}
body .topbar a,
.t3-footnav .t3-module a {
  	color: #fff;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    padding: 40px 8px 31px 8px;
}
.logo {
    padding-top: 0px;
    padding-bottom: 0px;

}
button.btn.btn-success.submit-button {
    background: #006998 !important;
}

@media (max-width: 991px) {
  .off-canvas-toggle {
      margin-top: 0%;
  }
  #desktop-topbar {
	display: none;
  }
  #mobile-topbar {
	display: block;
  }  
}
@media (max-width: 767px) {
  div#promo .row {
      margin-left: 0;
      margin-right: 0;
  }
}


.custom.topbar a {
    font-size: 13px;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    padding: 44px 5px;
}
.custom a {
    font-size: 14px;
    font-weight: 700;
}

/* Navi */
.navbar-nav a {
    text-transform: uppercase;
}

.navbar-nav > .active > a {
    /*box-shadow: inset 0px 0px 0px 2px #fff;*/
    background-color: #282828 !important;
    color: #fff !important;
    border-radius:0px;
}

.navbar {font-family: 'Montserrat', sans-serif;}
.navbar a {
    font-weight: 400;
    font-size: 12px;
}


#t3-header .col-md-8 {
  padding-left: 0px;
    padding-right: 0px;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: #222;
    text-decoration: none;
}

.navbar .nav > li > a, .navbar .nav>li>a {
    text-shadow: none !important;
}
.t3-mainnav {
    margin-bottom: 0px;
}

#t3-header .container {
  padding-left:5px;
  padding-right:5px;
}
@media (max-width: 767px) {
body {
    padding-left: 0px; 
    padding-right: 0px; 
}
}
@media (min-width: 768px) {
#t3-header .container {
    width: 750px;
}
}
@media (min-width: 990px) {
#t3-header .container {
    width: 960px;
}
}

@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 970px;
}
}

@media (min-width:992px) {
  nav#t3-mainnav {
      width: 100%;
  }
  ul.nav.navbar-nav.level0 {
      width: 100%;
      text-align: right;
  }  
}

.navbar-nav > li {
    float: none;
    width: 16%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}


.navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > .separator:after {display:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .separator, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > .separator:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > .separator:focus, 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > .separator:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > .separator:focus {
    color: #fff;
    border-bottom: 0px solid #adb1bc;
    border-radius: 0px;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: #0e71af; 
    color:#fff;
    border-bottom: 0px solid #ff0000 !important;
    border-radius: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #fff;
    background-color: #3595D2;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    color: #fff;
    }
@media (min-width: 992px) {
.navbar-nav {
    margin: 0px 0;
}
}

.nav .caret {
    border-top-color: #3595E1;
    border-bottom-color: #3595E1;
}
.t3-off-canvas .t3-off-canvas-body a:hover, .t3-off-canvas .t3-off-canvas-body a:focus {
    color: #3595E1;
    text-decoration: none;
}
.nav a:hover .caret {
    border-top-color: #3595E1;
    border-bottom-color: #3595E1;
}
.navbar-default .navbar-nav > .dropdown > a .caret:before {
    content: "\f107";
    color: #fff;
}

/* Left navi */
.t3-sidebar .module-ct {background:#f7f7f7;}
.t3-sidebar-2 .module-ct {background:none;}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li .separator {
    padding: 3px 10px;
}
.t3-sidebar-left .module-ct li a {
    border-bottom: 1px solid #fff;
    padding: 3px 10px;
}


/**/
.btn-primary {
    color: #ffffff !important;
    background-color: #333 !important;
    background-image: none;
}
.btn-primary:hover {
    background-color: #064b81;
}
.off-canvas-toggle {
border-radius: 0;
    border: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 50px;
    margin: 27% 10px;
}
.facemobiili {display:none;}
@media (min-width:768px) {
  #t3-header .custom {
    position: relative;
    width: 750px;
    margin: 0 auto;
}
  #t3-header .custom .top-some {
    position: absolute;
    right: 10px;
    top: 45px;
    z-index: 9999;
  }
}
@media (min-width:990px) {
  #t3-header .custom {
    position: relative;
    width: 990px;
    margin: 0 auto;
}
  #t3-header .custom .top-some {
    position: absolute;
    right: 20px;
    top: 36px;
    z-index: 9999;
  }
}
@media (max-width:991px) {
    #t3-header .custom {
    display:none;
}
.facemobiili {display:block;}
}
@media (max-width:767px) {
  .logo {
    text-align: center;
  }
  #t3-header .container {
    padding-left: 0px;
    padding-right: 0px;
}
.row {
    margin-left: 0px; 
    margin-right: 0px; 
}

}
@media (max-width:600px) {
  .logo-img {
    width: 120%;
}
}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    text-decoration: none;
    color: #258ac9;
    background-color: #fbfbfb;
}
.t3-megamenu .mega-nav > li.open > a, .t3-megamenu .dropdown-menu .mega-nav > li.open > a, .t3-megamenu .dropdown-menu .mega-nav > li.open > .separator {
    color: #258ac9;
}

/* Slider */

#rev_slider_7_1_wrapper {background-color:#1a1a1a !important;}

#gb-slider h1 {
  text-transform:uppercase;
  font-size:45px !important;
  margin-top:10px;
  font-weight:400;
  color:#fff;
  text-shadow: 0px 3px 10px #555;
}
#gb-slider h2 {
    color:#006c9a;
    font-size:18px !important;
}
#gb-slider h3 {
    color:#006c9a;
    font-size:30px !important;

}
#gb-slider h4 {
    font-size:18px !important;
        line-height: 22px !important;
}
#gb-slider a.nappi-linkki {
    display: block;
    width: 130px;
    position: static;
    margin-top: 26px !important;
    text-align: center;
    font-weight:400;
}

@media (max-width:767px) {
  #gb-slider, #rev_slider_7_1_wrapper, #rev_slider_7_1
   {/*height:0px !important;*/}
  .yhteystiedot #gb-slider {display:inline;}
  .icon-bg {
    border-bottom: 3px solid #adb1bc !important;
}
}
.promo_content a {float:none !important;}
@media (max-width:600px) {
    #gb-slider {display:none;}
    .home .t3-mainbody {
    padding-top: 40px !important;
    }
}
/**/

/* Linkkinapit */

.home #t3-content a.nappi-linkki {margin-top:10px; margin-bottom:0;}

a.nappi-linkki {
    display:inline-block;
    background: #1582c5;
    padding: 15px 30px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight:300;
margin: 5px 0 0 0;
}

.home .container.t3-sl  .t3-spotlight .t3-module.module a.nappi-linkki {
    display:block;
    background: #007cb8;
    padding: 15px 10px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight:400;
    position: absolute;
    bottom: 50px;
    width: 100%;
}
a.nappi-linkki:hover, .home .container.t3-sl  .t3-spotlight .t3-module.module a.nappi-linkki:hover {background:#282828; }


/***/

/* Ikoni laatikot */
.icon-bg {
    border-bottom: 0px solid #adb1bc;
    width:auto;
}

h3.etu-text, h3.etu-text a {
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
    line-height:22px;
    font-weight: 300;
    color:#007cb8;
    margin-top:0;
}

@media (min-width:661px) and (max-width:767px) {
.home .container.t3-sl  .t3-spotlight .t3-module.module a.nappi-linkki {
    position: relative;
    bottom: inherit;
    margin: 0 auto;
  }
.home .container.t3-sl  .t3-spotlight .t3-module.module {margin-top:30px !important; margin-bottom:0px !important;}
}
@media (min-width:992px) {
  #desktop-topbar {
  	width:100%;max-width:960px;margin:0 auto;height:20px;
  }
  #mobile-topbar {
	display: none;
  }
}
@media (min-width:768px) and (max-width:991px) {

.tp-caption.black.tp-fade.tp-resizeme.start {
    top:15% !important;
    left: 10% !important;
}
#gb-slider h1 {
  text-transform:uppercase;
  font-size:31px !important;
  margin-top:70px !important;
  font-weight:400;
}
#gb-slider h2 {
    color:#006c9a;
    font-size:14px !important;
}
#gb-slider h3 {
    color:#006c9a;
    font-size:30px !important;

}
#gb-slider h4 {
    font-size:18px !important;
        line-height: 22px !important;
}
}
@media (min-width:992px) and (max-width:1199px) {
.tp-caption.black.tp-fade.tp-resizeme.start {
    top:25% !important;
    left: 5% !important;
}
.home .tp-caption.black.tp-fade.tp-resizeme.start {
    top:20% !important;
    left: 10% !important;
}
#gb-slider h1 {
  text-transform:uppercase;
  font-size:31px !important;
  margin-top:18px !important;
  font-weight:400;
}
#gb-slider h2 {
    color:#006c9a;
    font-size:14px !important;
}
#gb-slider h3 {
    color:#006c9a;
    font-size:30px !important;

}
#gb-slider h4 {
    font-size:18px !important;
        line-height: 22px !important;
}
}
@media (min-width:1200px) {
  .tp-caption.black {
    top:31% !important;
    left: 14% !important;
}
}
@media (min-width:1300px) {
  .tp-caption.black {
    top:31% !important;
    left: 20% !important;
}
}
@media (min-width:1400px) {
  .tp-caption.black {
      top:31% !important;
    left: 21% !important;
}
}
@media (min-width:2000px) {
  .tp-caption.black {
    top:31% !important;
    left: 26% !important;
}
}

.k2ItemsBlock #folio-container > ul > li .k2contentpadding .k2TitleIntro .moduleItemTitle {
    height: 20px;
    font-size: 13px;
}
.k2ItemsBlock #folio-container > ul > li .k2contentpadding .k2TitleIntro {
    padding: 3px;
}

@media (max-width:480px) {
  #cavas_id145 {
    width: 80% !important;
    margin: 0 auto !important;
}
}

.t3-megamenu a {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* Sisältö */
#t3-content {
    padding-top: 40px;
}
.yhteystiedot .t3-mainbody {padding-top:0;}

.t3-mainbody {
    padding-top: 40px;
    padding-bottom: 40px;
}
.home .t3-mainbody {
    padding-top: 40px;
    padding-bottom: 40px;
}
.t3-sidebar {
    padding-top: 40px; 
    padding-bottom: 20px;
}
.yhteystiedot .t3-sidebar {
    padding-top: 40px; 
    padding-bottom: 10px;
}
body {
    background: #fff;
}
body .t3-wrapper {
  background:#fff;
}

#client h3 {margin-top:0;}

.yhteystiedot #promo h2 {
    color: #333;
    text-align:center;
        margin-top: 40px;
    margin-bottom: 0px;
    font-size:30px;
    font-weight: 600;
}
.yhteystiedot #promo {padding:0;}
.yhteystiedot #bottom {padding:30px 0 30px;}
.yhteystiedot #t3-mainbody {padding-bottom:0;}
/**/
.content-ala {
    padding-bottom: 30px;
}

/* Avoinna */
.custom.avoinna {
    background: #282828;
    color: #fff;
    text-align: center;
    padding: 30px 10px;
    margin: 0px 0 0px;
}
.avoinna h2 {color:#fff;}

/* Bottom */
#promo {
    background:#4c4c4c;
    background-image: url("../images/promotausta.jpg") !important;
    background-position: top center !important;
    background-size: cover !important;
}
@media (min-width:992px) {
    #promo {background-attachment:fixed !important;}
}

#bottom .t3-module {margin-bottom:0;} 

#bottom, #promo, .content-ala {
background: #ffffff;
    color: #fff;
    border-top: 0px solid #adb1bc;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
}
.home .content-ala {padding: 10px 0 30px;}
#promo .peitto { padding: 30px 0 30px 0;}
#promo h3 {margin:0 0 20px;}
#bottom {background-color:#fff;color:#333;}
#bottom a {color:#258AC8;}
#bottom {text-align:center;}
.t3-spotlight .etu-palsta {padding:0 10px; text-align: center;}

@media (min-width:992px) {
#bottom .col-lg-6:first-child, .content-ala .col-lg-6:first-child {border-right:0px solid #adb1bc;}  
}

.home #bottom .t3-module.module, .content-ala .t3-module.module {
  margin: 15px 0 5px 0;
}

/* Footer */
.t3-footnav {
    padding: 40px 0;
}
#t3-footer {
    background: #282828;
    color: #fff;
    border-top: 0px solid #adb1bc;
}
.t3-footer h2 {color:#fff;}
.t3-footer h3 {margin-top: -4px; color:#fff; font-weight:400;}
#t3-footer p, #t3-footer a {color:#fff;}
#t3-footer p.footer-left {text-align:left; color:#fff;}
#t3-footer p.footer-left img {max-width:80%; margin-top:-5px;}
#t3-footer p.footer-right {text-align:right;}
#t3-footer .custom a {
    font-size: 13px;
}
/* Arttu linkki */
#t3-footer .arttulinkki a {font-size:11px; color: #444444;}
#t3-footer .arttulinkki { text-align:right;}

@media (max-width:991px) {
    #t3-footer p.footer-left img {max-width:200px; text-align:center;}
    #t3-footer p.footer-left, #t3-footer h3.footer-left {text-align:center;}
    #t3-footer p.footer-right {text-align:center;}
    #t3-footer p {margin:0 0 0;
    }
    #t3-footer .arttulinkki {font-size:11px; text-align:center;}
  }
@media (max-width:767px) {
    #t3-footer p.footer-left img {max-width:200px; text-align:center;}
    #t3-footer p.footer-left, #t3-footer h3.footer-left {text-align:center;}
    #t3-footer p.footer-right {text-align:center;}
    #t3-footer p {margin:0 0 0; text-align: center; }
    #t3-footer .arttulinkki {font-size:11px; text-align:center;}
    .t3-footer h2 {text-align:center;}
  }
.t3-footnav .t3-module {
    background: none !important; 
    color: #aaaaaa;
    margin-top: 10px;
    margin-bottom: 10px;
}

/***/

h3.module-title {font-size: 28px; margin-top: 20px !important;}
.module-title {padding:0px; margin: 0 0 38px;}
h3.module-title:before {display:none; }
.module-title, .project_details h6, .project_desc h6 {
    border-bottom: 0px solid #DDD; 
}

#promo .t3-module {margin:0px 0 0 !important;}

/* Mobiililinkki */
.mobiililinkki {display:none;}

@media (max-width: 399px) {
  .mobiililinkki a {
      font-size: 24px;
  }
}
@media (min-width:308px) and (max-width: 768px) {
    .mobiililinkki {
        display: inline-block !important;
        z-index: 9999;
        position: absolute;
        margin-top: -40px;
        margin-left: 15px;
    }  
    .mobiililinkki a {
        width: 100%;
        font-size: 27px;
        background: #221d62;
        padding: 13px 30px 12px 30px;
        color:#fff;
    }
}

@media (max-width: 768px) {
.article-content iframe {
    width: 100% !important;
    height: 900px;
}
}

.etu-palsta a {
    font-size: 16px;
    color: #d4d9eb;
}

/* Lomake */
.gbs3 textarea.form-control {
    height: auto;
    width: 173px !important;
}
/* Call ja email napit */
a.email:before {
    font-family: 'FontAwesome';
    content: "\f0e0";
    margin-right: 3px;
}
a.call:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 3px;
}

/* Etusivu Promo */
table.promo {width:100%;}
table.promo td {
    width: 50%;
    padding: 10px 10px;
}
table.promo td img {
    margin: 0 10px 0 0;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0px 2px 3px rgba(35, 35, 35, 0.3);
}
table.promo td:first-child {
    background: rgba(35,35,35,0.8);
    padding: 20px;
}
table.promo p.taidekauppias {
    text-align:center;
    text-shadow: 0px 0px 3px rgba(35, 35, 35, 0.7);
    font-size: 16px;
    line-height: 20px;
}
td, tr td {
    border-top: 0px solid #dddddd;
}
@media (min-width:992px) {
    table.promo td + td {
    padding-left: 70px;
    }
}
@media (max-width:991px) {
    table.promo td + td {
    text-align: center;
    }
    table.promo td img {
    float: none !important;
    }
    p.taidekauppias {margin-top:10px !important;}
}
@media (max-width:600px) {
    table.promo td {
    width: 100%;
    display:block;
    }
    .promo p {margin-top:0px !important;}
}
.grid {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    float: none !important;
    width: 30% !important;
    display: inline-block;
    vertical-align: top;
}
.show_more {
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
    background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
    border: 1px solid;
    border-color: #d3d3d3;
    color: #333;
    font-size: 12px;
    outline: 0;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}
.loding {
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #c6c6c6;
  color: #333;
  font-size: 12px;
  display: block;
  text-align: center;
  padding: 10px 0;
  outline: 0;
  font-weight:bold;
}
.loding_txt {
  /*background-image: url(loading_16.gif);
  background-position: left;
  background-repeat: no-repeat;*/
  border: 0;
  display: inline-block;
  height: 16px;
  padding-left: 20px;
}
.show_more_main {
    margin: 0 auto;
    float: left;
    width: 100%;
    padding: 5px 15px;
    padding-left: 7px;
}
.grid strong {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #777777 !important;
    margin: 0 !important;
    padding: 0 0 5px !important;
}
.grid .desc {
    color: #777777 !important;
    margin-bottom: 0px;
    border-top: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.grid {
	    width: 29% !important;
	}
	.grid .desc325 p,  
    .grid .desc p {
        font-size: 13px;
    }  
}
@media (max-width: 767px) {
	.grid {
	    width: 29% !important;
	}
	.grid .desc325 p,
    .grid .desc p {
        font-size: 13px;
    }  
}
@media (max-width: 550px) {
	.grid {
	    width: 45% !important;
	    margin: 5px;
	}
}
@media (max-width: 480px) {
    .grid {
	    width: 100% !important;
	}
    div#Mod343 {
        width: 85%;
    }  
}
.navbar-default .navbar-nav > li[data-id="789"] > a {
    padding-top: 35px;
    padding-bottom: 13px;
}
.navbar-default .navbar-nav > li[data-id="790"] > a {
    padding-top: 35px;
    padding-bottom: 33px;
}
/* Fancy box popup */
.fancybox-overlay {
    background: #fff !important;
}
.fancybox-skin {
    background: #ffffff !important;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0) !important; 
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0) !important; 
}
.fancybox-bg {
    background: #fff !important;
}
button.fancybox-button.fancybox-button--play,
button.fancybox-button.fancybox-button--fullscreen,
button.fancybox-button.fancybox-button--thumbs {
    display: none !important;
}
div#preloader {
    display: none !important;
}
div#offlajn-ajax-search359 {
    display: none;
}
.navbar-default .navbar-nav > li[data-id="878"] > a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 13px;   
}
.lomaketuotteelle {
    display: none;
    position: fixed;
    top: 15%;
    background: #1582C5;
    z-index: 9999;
    border-radius: 10px;
    margin: auto !important;
    padding: 0;
    left: 0;
    right: 0;
    max-width: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
}
@media screen and ( max-height: 900px ) {
  .lomaketuotteelle {
    bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.lomaketuotteelle.auki {
    display: block;
}
.lomaketuotteelle form {
    padding: 7% !important;
}
.lomaketuotteelle label {
    color: #fff !important;
}
.lomaketuotteelle button {
    background: #fff !important;
}
.lomaketuotteelle button {
    color: #333 !important;
}
.kiinnostunut-teoksesta {
    width: 100%;
    display:  block;
    cursor: pointer;
}
.lomaketuotteelle textarea#lisatietoa {
    height: 125px !important;
}

@media (min-width: 992px) {
	li[data-id*="789"] .mega-nav,
	li[data-id*="878"] .mega-nav,
	li[data-id*="823"] .mega-nav {
	    display: grid;
	    grid-template-columns: 2fr 2fr;
	    width: 400px;
	}	
}