/* 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, #fin-custom h3 {font-family: 'Lato', sans-serif; font-weight:500;}
h1 {font-size:35px; line-height: 39px !important; color:#1d1d1b; margin-top:0px; margin-bottom:10px;font-weight: 500;letter-spacing: 1px;}
h2 {font-size:28px; color: #1d1d1b; font-weight: 500; margin-top:30px; margin-bottom:10px;letter-spacing: 1px;}
h3 {
    font-size: 26px;
    line-height: 110%;
    color: #1d1d1b !important;
    margin: 20px 0 20px;
    font-weight:300 !important;
}
span.otsikko {
    font-weight: 300;
    font-size: 140%;
    /* color: #363636; */
}
@media (max-width:768px) {
  h1 {
    margin-top:0px;
    font-size: 26px;
    line-height: normal !important;

  }
}
h4 a {
    font-weight: 600 !important;
}
a {
	color: #000;
    text-decoration: none;
    font-weight: 700 !important;
}
a:hover, a:focus {
    color: #020202;
    text-decoration: none;
}
.t3-content p {
    color: #505050;
}
body .t3-wrapper {
    background: #fff;
}
body {
    background: #fff; 
    visibility: visible;
    font-size: 16px;
    line-height: 1.5em;
    color:#505050;
}
.logo-img {
    height: auto;
    max-width: 325px;
    padding: 0; 
}
@media (max-width:992px) {
    .logo-img {
        max-width: 200px;
        padding: 16px 0;
  }
}
img.BWFilter.BWfade {
  -webkit-filter: none !important;
}
.home .t3-sl-2 {
    text-align: left !important;
}
.home .t3-module.modulesmallPaddBottom {
    margin-bottom: 0;
}
.home .mediumPaddTop, .mediumPaddTop {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #38383b;
    font-size: 12px;
}
.breadcrumbs {
    color: #fff;
}
.breadcrumbs a {
    color: #ffe801;
}
.home .t3-module.module {
    position: relative;
    top: 0;
    left: 0;
}
.home .module-title {
    margin-bottom: 0;
    margin-left: 0px;
    padding: 0 !important;
}
.home .smallPaddBottom {
    padding-bottom: 0;
}
.t3-header {
    display: block;
    float: left;
    margin-bottom: 0;
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.0);
}
.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;
    border-right: 1px solid #e2e2e2;
}

@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: 40px 8px 41px 8px;
}

/* Navi */
.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 {
    background: transparent;
    border-radius: 0px;
    color: #555;
    font-weight: 400;
    border-bottom: 4px solid #000;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, ul.nav.navbar-nav.level0 li.dropdown.mega.open span.dropdown-toggle.separator {
    color: #1d1d1b;
    background: transparent;
    border-bottom: 4px solid #000;
}
ul.nav.navbar-nav.level0 li.dropdown.mega.open 
.navbar-nav {
/*    background:#161616;
    background: rgba(22, 22, 22,0.04);*/
}
.navbar-default .navbar-nav > .dropdown > a .caret:before {
    content: "\f107";
    color: #000;
    font-weight: 700 !important;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret:before , .navbar-default .navbar-nav > .active > a .caret:before {
    color:#000;
}
.mega-dropdown-inner li.open a:hover {font-weight:300;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}
.nav-child.dropdown-menu.mega-dropdown-menu {
    margin-top: 0px;
    margin-left: -1px;
}
.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li {
    margin-left: 0px;
}
.dropdown-submenu.mega.open .nav-child.dropdown-menu.mega-dropdown-menu {
    margin-top: 0px;
    margin-left: 0px;
}
ul.mega-nav.level1 li a {
    font-size: 14px;
}
.dropdown-menu li {
        border-top: 1px solid #eaeaea;
}
.dropdown-menu li > a {
    color: #292929;
    font-weight: 300;
    transition: all .4s ease-in-out;
}
.t3-megamenu .mega-nav > li.open > a, .t3-megamenu .dropdown-menu .mega-nav > li.open > .separator, .navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #262624;
    background: transparent;
    border-bottom: 4px solid #000;
}
.t3-megamenu .dropdown-menu .mega-nav > li.open > a {background:transparent;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    color: #000;
    border-right: 0px solid #444;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0px;
    }
.dropdown-submenu > a:after, .dropdown-submenu.open > a:after {
    border-left-color: #000;
}
#t3-header .row {margin-left:0; margin-right:0;}
#t3-header .col-md-8 {
  padding-left: 0px;
    padding-right: 0px;
}
.t3-navbar.navbar-collapse.collapse {background:transparent;}
.navbar a {
    font-size: 14px;
}
.t3-off-canvas .t3-off-canvas-body a {
    color: #222;
    text-decoration: none;
    white-space: normal;
    word-break: break-word;
    font-weight: 600 !important;
}
.navbar .nav > li > a, .navbar .nav>li>a {
    text-shadow: none !important;
}
.t3-mainnav {
    margin-bottom: 0px;
}
#t3-header .container {
  padding-left:0px;
  padding-right:0px;
  position: relative;
}
.navbar-nav {
    width: 670px;
    margin-top: 30px;
}
.dropdown-menu {
    border: 0px solid #cccccc;
    border: 0px solid rgba(0, 0, 0, 0.15);
  }
.logo-img {
    -webkit-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;
}
#t3-header.active .logo-img {
    background: #fff;
    background:rgba(255,255,255,0.0);
    -webkit-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;
}
.t3-off-canvas .t3-off-canvas-header {
    background: #000;
}
.t3-off-canvas .close {
    background: #020202;
}
.close {
    opacity: 1;
    color: #fff;
}
.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=50);
}
.nav-child.dropdown-menu.mega-dropdown-menu {
    box-shadow: 1px 1px 5px #6b6b6b;
}
li.item-850.dropdown-submenu.parent ul li a {
    margin-left: 40px;
}
@media (max-width: 767px) {
  body {
    padding-left: 0px; 
    padding-right: 0px; 
  }
}
@media (min-width: 768px) {
    #t3-header .container {
        width: 750px;
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
        font-size: 16px;
        font-weight: 300 !important;
  }
}
@media (min-width: 992px) {
#t3-header .container {
    width: 970px;
  }
  .navbar-nav {
    width: 970px;
    margin-top: 0px;
    margin-bottom: 10px;
  }
.logo-img {
    height: auto;
    max-width: 140px;
    margin-top: 19px;
    padding: 20px 0px 15px;
}
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    font-size: 22px;
    font-weight: 400 !important;
  }
}
@media (min-width: 1200px) {
    #t3-header .container {
        width: 1040px;
    }
    .navbar-nav {
        width: 720px;
        margin-top: 36px;
        -webkit-transition: all 0.3s linear !important;
        -o-transition: all 0.3s linear !important;
        transition: all 0.3s linear !important;
    }
    .navbar-nav:lang(fi-fi) {
        width: 100%;
    }   
    .logo-img {
        height: auto;
        padding: 0;
        max-width: 213px;
        margin-top: 6px;
        margin-bottom: 6px;      
    }
    #t3-header.active .navbar-nav {
        width: 720px;
        margin-top: 36px;
        -webkit-transition: all 0.3s linear !important;
        -o-transition: all 0.3s linear !important;
        transition: all 0.3s linear !important;
    }
     #t3-header.active .navbar-nav:lang(fi-fi) {
        width: 100%;
        margin-top: 36px;
        -webkit-transition: all 0.3s linear !important;
        -o-transition: all 0.3s linear !important;
        transition: all 0.3s linear !important;
    }
}
@media (min-width: 1640px) {
  #t3-header .container {
    width: 1360px;
  }
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1040px;
  }
}
@media (min-width: 1640px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1360px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
    .logo-image {
        text-align: center;
    }
}
@media (max-width:991px) {
  .dropdown span.separator {
        padding-left: 30px;
    }
  .dropdown-menu li a {
        padding-left: 30px !important;
    }
}
.navbar-nav > li {
    float: left;
    /*width: 13.9%;*/
    text-align: center;
    margin-right: 3px;
    background: transparent;
    margin-right: 15px;
}
@media (max-width:1199px) and (min-width: 992px) {
    .navbar-nav > li {
        float: none;
        text-align: center;
        margin-right: 0px;
        background: transparent;
        display: inline-block;
    }
    .navbar-nav > li:lang(fi-fi) {
        width: auto;
        padding-right: 4%;
    }
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
            padding: 10px 0 5px;
}
.navbar-default .navbar-nav > li:last-child > a {border-right:0px;}
.navbar-default .navbar-nav .open > li:last-child > a {border-right:0px;}
.btn-primary {
    color: #fff;
    background-color: #333;
    background-image: none;
}
.btn-primary:hover {
    background-color: #000 !important;
}
.off-canvas-toggle {
    border-radius: 0;
    border: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 50px;
    margin-top: 15px;
    margin-right: 10px;
    border-radius:0px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #161616;
    border-color: #0a091d;
}
.t3-off-canvas-body .dropdown-menu {background:transparent;}
.t3-off-canvas-body li { border-top:0px solid #fff; word-break: break-all;}
.nav .caret {
    border-top-color: #161616;
    border-bottom-color: #161616;
}
.t3-off-canvas .t3-off-canvas-body a:hover, .t3-off-canvas .t3-off-canvas-body a:focus {
    color: #232323;
    text-decoration: underline;
}
.t3-off-canvas {
    width: 310px;
}
.nav a:hover .caret {
    border-top-color: #121212;
    border-bottom-color: #121212;
}
.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, .t3-megamenu .dropdown-menu .mega-nav > li.open > .separator {
    color: #fff !important;
    background-color: #373739;
    transition: all .4s ease-in-out;
}
.t3-megamenu .mega-nav > li.open > a {color:#333;}
.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: #333;
}
.t3-megamenu .dropdown-menu .mega-nav > li.open > a {border-bottom:0px solid #fff;}
.nav > li > a > img {
    max-width: 40px !important;
    margin-top: -10px;
}
.navbar-nav [data-id="580"] a, .navbar-nav [data-id="964"] a {
    border-bottom: 0px solid #fff !important;
}
ul.nav.navbar-nav.level0 li a img:hover {
    transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
}
/* Navi Separator */
li.dropdown-submenu.mega.open span.separator {
    border-bottom: 0px solid #fff !important;
}
li.dropdown-submenu.mega span.separator:after, li.dropdown-submenu.mega.open span.separator:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -5px;
    border-left-color: #000;
}

/* Slider */
.tp-caption {
    top: 30% !important;
    margin: 0 auto !important;
    text-align: center;
}
.tp-caption {
    max-width:50% !important;
    padding: 20px !important;
}
#gb-slider {
    background: transparent;
    border-bottom: 5px solid #000;
    position: relative;
}
@media (max-width:768px) {
    .tp-caption {
        top: 15% !important;
    }
}
#rev_slider_7_1_wrapper {background-color:#1a1a1a !important;}
#gb-slider h1 {
    text-transform: uppercase;
    font-size: 60px !important;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #fff;
    line-height: 140% !important;
    text-shadow: 0px 0px 20px #000;
}
span.slider-span {
    color:#fce800;
    font-size: 65px !important;
    line-height: 90% !important;
    display: block;
}
#gb-slider h2 {
    padding: 10px 0px 10px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    letter-spacing: 1px !important;
    font-size: 20px !important;
    margin-top: 10px;
    font-weight: 400;
    color: #363636;
}
#gb-slider h3 {
    color: #fff !important;
    line-height: 110% !important;
    font-size: 25px !important;
}
#gb-slider h4 {
    font-size:18px !important;
        line-height: 22px !important;
}
#gb-slider a.nappi {
    display: block;
    width: 130px;
    position: static;
    margin-top: 26px !important;
    text-align: center;
    font-weight:400;
    transition: all .2s ease-in-out;
}
#gb-slider p {
    font-size: 16px !important;
    line-height: 150% !important;
}
#gb-slider a.linkki {
    color: #d82e5a;
    font-size: 18px !important;
    margin-top: 20px !important;
    display: block;
}
@media (max-width:1460px) {
    #gb-slider h1 {
        font-size: 27px !important;
    }
    span.slider-span {
        font-size: 47px !important;
        line-height: 100% !important;
    }
    #gb-slider h3 {
        font-size: 23px !important;
    }
}
@media (max-width:1100px) {
    span.slider-span {
        font-size: 40px !important;
        line-height: 100% !important;
    }
    #gb-slider h3 {
        font-size: 18px !important;
    }
}
/* Mobiili slider */
@media (min-width:992px) {
    .kuvalaatikko-slider {display:none;}
    .custom.relative.kuvalaatikko-slider .container {
        top: 9%;
    }
}
.custom.relative.kuvalaatikko-slider {
    height: 480px;
}
.custom.relative.kuvalaatikko-slider .inSeparator {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-attachment: inherit;
    background-position: center center;
    z-index: 0;
    transform: scale(1.003);
    transition: all .2s ease-in-out;
}
.custom.relative.kuvalaatikko-slider .container {
    position: absolute;
    top: 9%;
    word-break: break-word;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 5%;
}
@media (max-width:520px) {
        #gb-slider h1 {
        font-size: 18px !important;
    }
    span.slider-span {
        font-size: 30px !important;
        line-height: 100% !important;
    }
    #gb-slider h3 {
        font-size: 14px !important;
    }
}
#gb-slider {
    margin-top: 0;
}
@media (min-width:992px) {
    #gb-slider {
        margin-top: 0;
    }
}
@media (min-width:1200px) {

}
.yhteystiedot #gb-slider {
    margin-bottom: -4px;
}

/* Sisältö */
.etusivu .mainbody-wrapper, .tuotteet .mainbody-wrapper, .home .mainbody-wrapper {
    background: #fff;
    padding: 2% 0;
}
.etusivu #t3-mainbody h1, .etusivu #t3-mainbody p, .tuotteet .mainbody-wrapper h1, .tuotteet .mainbody-wrapper h3, .tuotteet .mainbody-wrapper p, .tuotteet .mainbody-wrapper li, .home .mainbody-wrapper h1, .home .mainbody-wrapper h3, .home .mainbody-wrapper p, .home .mainbody-wrapper li {
    color: #333 !important;
}
/*.etusivu #t3-mainbody h1, .etusivu #t3-mainbody p {
    text-align:center;
}*/
.etusivu #t3-mainbody a.nappi, .tuotteet #t3-mainbody a.nappi {
    background: #000;
    border: 1px solid #000;  
}
.blog article {
    border-bottom: 1px solid #ddd;
}
.yhteystiedot #t3-mainbody {
    display: none;
}
.article-intro img, .article-content img {
    display: inline;
    max-width: 100%;
    height: auto;
}
/* Linkkinapit */
.home #t3-content a.nappi {margin-top:10px; margin-bottom:0;}
a.nappi {
    display: inline-block;
    background: #f9ee06;
    padding: 15px 30px !important;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 0px;
    font-weight: 300;
    transition: all .2s ease-in-out;
    font-family: 'Lato', sans-serif;
}
#client a.nappi {
    display: inline-block;
    /* background: #9fb651; */
    padding: 15px 30px !important;
    color: #7fbfff !important;
    font-size: 20px !important;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 0px;
    border: 2px solid #7fbfff;
    font-weight: 400;
}
#client a.nappi:hover, #client .home .container.t3-sl .t3-spotlight .t3-module.module a.nappi:hover {
    background: #007cb8;
    border: 2px solid #231e1f;
    color: #fff !important;
}
a.nappi:hover, .home .container.t3-sl .t3-spotlight .t3-module.module a.nappi:hover {
    background: #363636;
    color: #ffffff !important;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* Sliding nappi */
a.nappi {
    color: #000;
    background: #f9ee06;
    padding: 15px 20px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #000;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
a.nappi:hover {
    box-shadow: inset 0 100px 0 0 #333;
}
/***/
.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;
}
.home .t3-mainbody, .etusivu .t3-mainbody {
    padding-top: 0px;
    padding-bottom: 0px;
}
.t3-mainbody {
  padding-top:0px;
  padding-bottom:0px; 
    margin-top: 50px;
    margin-bottom: 50px;
}
@media (max-width:535px) {
    .home .t3-mainbody, .etusivu .t3-mainbody {
    padding-top:30px;
    padding-bottom: 30px;
    }
}
@media (min-width:768px) {
  .t3-mainbody {
      margin-top: 150px;
      margin-bottom: 150px;
  }    
  .home .t3-mainbody {
      margin-top: 75px;
      margin-bottom: 75px;
  }
  .etusivu .t3-mainbody {
    margin-top: 70px;
    margin-bottom: 60px;
  }
}
.t3-sidebar {
    padding-top: 0px;
    padding-bottom: 0px;
}
.jobs-right {
    background: #007cb8;
    padding: 10px;
}
.t3-sidebar a {
    color:#0091ff;
    font-weight: 400 !important;
}
.t3-module {
    margin-bottom: 0px;
}

/* Content ala */
.etusivu .content-ala, .tuotteet .content-ala, .home .content-ala {
    padding: 5% 0px 5% !important;
    background: #fff;
}
.content-ala {
    padding: 0% 0px 5% !important;
    background: #fff;
}
/**/
.content-ala h3, .home .content-ala h3  {
    color: #333;
    text-align: left;
    font-size: 28px;
    margin: 0px 0 20px;
    letter-spacing: 1px;
}
.content-ala h4 {
    color: #fff;
    margin: 50px 0;
}
/* Bottom */
#bottom {
    background: #ffffff;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 30px;
}
#bottom p {color:#333;}
#promo {
    background: #fff;
    text-align: center;
    background-image: url(/images/kulkulupa/footer_koriste_.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    padding-bottom: 50px;
    background-size: 30% auto;
}
#promo h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    color:#fff !important;
}
.t3-bottom a {
    color: #d82e5a; 
}
/* Footer */
.t3-footnav {
    padding: 7% 0;
}
#t3-footer {
    background: #000;
    color: #fff;
    border: none;
}
.t3-footer h3 {
    margin-top: 0px;
    font-size: 25px;
    font-weight: 500 !important;
    line-height: 120%;
    letter-spacing: 2px;
    color: #fff !important;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.t3-footer h4 {
    margin: 20px 0 10px;
    font-weight: 400;
    color: #1d1d1b;
    letter-spacing: 1px;
}
#t3-footer p, #t3-footer a {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
}
#t3-footer p.footer-left {text-align:left; color:#fff;}
#t3-footer p.footer-left img {max-width:90%; margin-top:-5px;}
#t3-footer p.footer-right {text-align:right;}
#t3-footer .custom a {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500 !important;
    line-height: 130%;
}
#t3-footer img {
    max-width: 240px;
}
table.footer {
    width: 100%;
}
table.footer td {width:50%; border-top:0px solid #fff;}
.footer-right {text-align:right;}
@media (max-width:991px) {
  .t3-footnav, .footer-right {
    text-align: center;
  }
}

/* Arttu linkki */
#t3-footer .arttulinkki a {font-size:11px; color: #555;}
#t3-footer .arttulinkki { text-align:center;margin-top: 10%;}

@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 5px;
    }
    #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 5px;
    }
    #t3-footer .arttulinkki {font-size:11px; text-align:center;}
}

.t3-footnav .t3-module {
    background: none !important; 
    color: #aaaaaa;
    margin-top: 10px;
    margin-bottom: 10px;
}

/***/
.home h3.module-title, .etusivu h3.module-title {
    font-size: 30px;
    line-height: 39px;
    margin-top: 0px !important;
    color: #1d1d1b !important;
    font-weight: 400 !important;
}
h3.module-title {
    font-size: 28px; 
    color:#222; 
    font-weight: 400 !important;
}
.module-title {
    padding:0px; 
    margin: 0 0 10px;
}
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:600px) {
  .home h3.module-title, .etusivu h3.module-title {
    font-size: 24px;
    line-height: 28px;
  }
}

/* Lomake */
#Mod451 {
    background: #373739 !important;
    padding: 20px;
}
.lomake p {
    color: #1d1d1b !important;
}
.ui.form .field>label {
    color: #1d1d1b !important;
}
input#send {
    display: inline-block;
    background: transparent;
    padding: 0px 30px !important;
    color: #161616 !important;
    font-size: 18px !important;
    font-weight: 400;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 300;
    border: 3px solid #ff6b5e;
    border-radius: 0px;
    height: 55px;
    transition: all .2s ease-in-out;
    box-shadow: none;
}
button#button6:hover {
    background: #a11130 !important;
}
input#send:hover {
    background: #ff6b5e;
    color: #fff !important;
}
label.control-label.gcore-label-left.required_label, label.control-label.gcore-label-left {
    font-weight: 400;
}
.gbs3 .form-control {
    border-radius: 0px !important;
}
.semanticui-body h3 {
    font-size: 25px !important;
    font-family: 'Lato', sans-serif; !important;
    color: #fff !important;
}
.ui.green.button, .ui.green.buttons .button {
    background-color: #e8001b !important;
    border-radius: 0px !important;
}
.ui.green.button, .ui.green.buttons .button {
    color: #fff !important;
}
.ui.message p {
    opacity: 1 !important;
}
@media (max-width:991px) {
    .lomake {
        margin-top: 30px !important;
    }
}
button#button6 {
    font-family: 'Lato', sans-serif;
    padding: 15px 20px;
    font-weight: 300;
    font-size: 18px;
    margin-top: 10px;
}
.ui.form input, .ui.form textarea  {
    border-radius: 0px !important;
}
/* Call ja email */
a.call:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 3px;
}
a.email:before {
    font-family: 'FontAwesome';
    content: "\f0e0";
    margin-right: 3px;
}
#gb-slider .rev_slider_wrapper .tparrows {
    width: 45px;
    height: 47px;
    background: url(../images/slider-nav.png) no-repeat scroll -3px 0 rgba(165, 29, 51, 0);
}
#gb-slider .rev_slider_wrapper .tparrows:hover {
    background-color: #000;
    background-color: rgb(165, 29, 51);
}
.ui.message.error {
    display: none;
}
.ui.attached.success.message, .ui.success.message {
    box-shadow: 0 0 0 1px #e02b62 inset, 0 0 0 0 transparent !important;
}
.ui.success.message {
    background-color: #ffffff !important;
    color: #2C662D !important;
}
ul.list.header li:before {
    display: none;
}
/* Etusivun laatikot */
.t3-spotlight.t3-spotlight-1 {
    padding: 1% 0 5%;
}
.etulaatikko {
    text-align:center;
}
.etulaatikko h2 {
    font-size:25px !important;
}
.etulaatikko img {
    border-radius: 300px;
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    margin-bottom: -50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.etulaatikko:hover img {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    transform: scale(0.75);
    transition: .5s ease;
}
.etulaatikko h2:after {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    margin: 15px auto;
    width: 50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.etulaatikko:hover h2:after {
    background: #020202;
    width: 100px;
}
/* Galleria */
ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
    background: none;
}
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    border: 2px solid #ebebeb;
}
a.sigProDownloadLink {
    display: none;
}
ul.sigProClassic span.sigProPseudoCaption, ul.sigProClassic span.sigProCaption {
    padding: 0px 4px;
}
ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption {
    background: #00acbe;
}
a.sigProLink.fancybox-button:hover span.sigProPseudoCaption {
    background:#00acbe !important;
}
ul.sigProClassic li.sigProThumb a.sigProLink:hover {
    color: #fff;
}
@media (max-width:1639px) {
    .large {display:none;}
}
@media (min-width:1640px) {
    .medium {display:none;}
}
/* Laatikoiden */
.custom.relative.kuvalaatikko-1 {
    height: 420px;
    display: table;
    width: 100%;
}
@media (max-width:1140px) {
    .custom.relative.kuvalaatikko-1 {
        height: 250px;
    }
    .kuvalaatikko-1 {
        padding: 0 10%;
    }
}
@media (max-width:768px) {
    .custom.relative.kuvalaatikko-1 {
        height: 380px;
    }
}
/* Yhteystiedot */
.yhteystiedot #t3-mainbody {
    display: none;
}
/* Gmaps */
.gmaps {
    margin-top: 112px;
}
.gmaps iframe {
    margin-bottom: -4px;
}
.custom.slider-muut img {
    width: 100%;
    margin-top:50px;
}
@media (max-width:991px) {
    .custom.slider-muut img {
        margin-top:105px;
    }
}
/* NOPAD */
.nopad {
    padding-left: 0px;
    padding-right: 0px;
}
.center {
    text-decoration: center;
}
/* Henkilöt */
.col-lg-3.col-sm-12 {
    height: 400px;
}
.henkiloteksti {
    display: table;
}
.henkiloteksti p {
    vertical-align: middle;
    display: table-cell;
}
.henkilokuva img {
    /* text-align: center; */
    margin: 0 auto;
    display: block;
}
.henkilokuva, .henkiloteksti {
    height: 200px;
    clear: none;
    overflow: hidden;
    margin: 0 0 20px;
}
@media (min-width:600px) {
    .henkilokuva, .henkiloteksti {
        height: 370px;
        clear: none;
    }
}
/* Moniammatillinen yhteistyöryhmä */
.yhteistyoryhma .henkiloteksti {
    display: inline-block;
}
.yhteistyoryhma .henkiloteksti p {
    display:inline-block;
}
.yhteistyoryhma .henkilokuva, .yhteistyoryhma .henkiloteksti {
    height: auto;
    clear: none;
}
.yhteistyoryhma .henkilokuva img {
    margin: 0 auto;
    display: block;
}
@media (min-width:600px) {
    .yhteistyoryhma .henkilokuva {
        height: auto;
        clear: both;
    }
    .yhteistyoryhma .henkilokuva img {
        margin: 0;
        display: block;
        max-width: 150px;
    }
}
@media (min-width:992px) {
    .yhteistyoryhma .henkilokuva img {
        max-width: 100%;
        margin:0 auto;
    }
}
/* Mobiilimenu */
li.dropdown-submenu.parent li > a {
    padding-left: 45px !important;
    /* background: #f1f1f1; */
    font-weight: 300 !important;
}
.nav > li > .separator {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 20px;
    font-weight: 600 !important;
    color: #1d1d1b;
}
ul.nav-child.unstyled.small.dropdown-menu {
    margin: 0px;
}
/* Navin dropdown*/
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li .separator {
      padding: 10px 16px;
  }
ul.mega-nav.level1 li a {
    font-size: 14px;
}
@media (max-width:991px) {
    #t3-header {
        position: fixed !important;
        margin-top: 0px !important;
    }
}
@media (max-width:1280px) {
    .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li .separator {
        padding: 2px 16px;
    }
}
@media (max-width: 1024px) {
    .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li .separator {
        padding: 2px 16px;
    }
    ul.mega-nav.level1 li a {
        font-size: 12px;
    }
}
@media (max-width:1440px) {
    .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li .separator {
      padding: 10px 16px;
  }
  ul.mega-nav.level1 li a {
    font-size: 14px;
}
}
/* Palvelut ala menu */
.content-ala ul.nav li {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 2px 3px;
}
.content-ala ul.nav li a {
    background:#333;
    color: #fff;
}
.content-ala ul.nav li a:hover {
    background: #ffe801;
    color:#333;
}
@media (max-width:992px) {
    .content-ala ul.nav li a {
        padding: 10px 0px;
    }
}
@media (max-width:750px) {
    .content-ala ul.nav li {
        width: 100%;
    }
}
/* Pyoristys */
img.pyoristys {
    /*border-radius: 30px;*/
}
/* Taulukko */
table.yhteys {
    width:100%;
    margin-bottom: 20px;
}
table.yhteys td {
    border-top:0px solid #fff;
    width: 33.333%;
    border-top: 1px solid #ddd;
    border-bottom:1px solid #ddd;
}
@media (max-width:600px) {
    table.yhteys {
        width: 100%;
    }
    table.yhteys td {
        width: 100%;
        display: block;
        padding: 3px 0;
    }
    table.yhteys td:first-child {
        font-weight:bold;
    }
}
/* Nopad */
.no-pad {
    margin-left: -8px;
    margin-right: -8px;
}
/* Kieliliput */
ul.lang-inline {
    float: right;
    position: absolute;
    right: 0px;
    z-index: 2000;
    top: 43px;
}
@media (max-width:991px) {
    ul.lang-inline {
        right: 100px;
        top: 33px;
    }
}
@media (max-width: 500px) {
    ul.lang-inline {
        left: 14px;
        float: left;
        top: 6px;
    }
    ul.lang-inline {
        position: relative;
    }
    #gb-slider {
        margin-top: 95px;
    }
}
/* Eng navi piiloon */
#t3-mainnav:lang(en) {
    display: none;
}
/* Video */
#gb-slider .custom {
    margin-bottom: -7px;
}
/* Scroll down animated */
@-webkit-keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
 .scroll-btn {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;   
}
.scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #7f8c8d;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 30px;
    height: 50px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 23px;
}
.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}
a.ankkuri.js-scroll.mceItemAnchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}
@media (max-width:1024px) {
    span.scroll-btn {
        display: none;
    }
}
/* Sliderin teksti */
.slider-teksti {
    position: absolute;
    width: 100%;
    bottom: 35%;
    left: auto;
    right: auto;
    text-align: center;
}
.slider-teksti h1 {
    padding-right: 0%;
}
h1 span.teksti-2 {
    padding-left: 0%;
    margin-top: 0px;
}
.custom.slider-teksti.fadein h1 {
    margin-top: 0px !important;
}
/* Fadein */
.fadein {
    opacity: 0;
    transition: opacity 4s;
    -webkit-transition: opacity 4s;
}
/* Etulaatikoiden botom fix */
@media (min-width:1200px) {
  p.bottom-pad {
      margin: 0 0 50px;
  }
}
/* Ajankohtaista */
h3.module-title span {
    color: #000 !important;
}
.etusivu .smartlatest-title a {
    color: #333 !important;
}
.etusivu .smartlatest-introtext {
    color: #333 !important;
}
.etusivu a.smartlatest-lreadmore {
    color: #e5001d !important;
}
.etusivu li.smartlatest-more a {
    color: #e5001d !important;
}
section.article-content.clearfix {
    margin-bottom: 30px;
}
section.article-intro.clearfix {
    margin-bottom: 30px;
}
.pull-left.item-image img {
    max-width: 300px;
    float: left;
    margin: 0 20px 20px 0;
}
li.smartlatest-newsli {
    padding-bottom: 15px;
    padding-top: 15px;
}
.custom.slider-teksti {
    position: absolute !important;
    top: inherit !important;
    left: 0 !important;
    margin: auto !important;
    display: block !important;
    bottom: 50% !important;
    z-index: 99;  
}
@media (min-width:1200px) and (max-width:1639px) {
    .navbar-nav > li {
        margin-right: 10px;
    }  
}
.smartlatest-title {
    color: #fff;
}
.smartlatest-date {
    color: #e5001d !important;
}
@media (max-width:991px) {
    .custom.slider-teksti {
        bottom: 40% !important;
    }   
}
@media (max-width:767px) {
    .custom.slider-teksti {
        bottom: 25% !important;
    }
}
.yhteyssivu h3.module-title span {
    color: #000 !important;
}
.yhteyssivu h3.module-title {
    margin-bottom: 25px;
}
.chronoforms textarea {
    height: auto;
}
@media (max-width: 991px) {
  #gb-slider h1 {
      font-size: 20px !important;
  }  
}
.fullwidthbanner-container {
    height: auto !important;
}

@media (max-width: 767px) {
  div#t3-mainbody {
      margin-top: 100px;
      margin-bottom: 0;
  }
}

@media (max-width: 520px) {
  #gb-slider h1 {
      font-size: 15px !important;
  }
  img.logo-img {
      padding: 5px 0;
  }  
}

@media (min-width: 992px) and (max-width: 1199px) {
    .t3-mainbody {
        margin-top: 200px;
    }    
}
.ui.button:hover {
    background: #333 !important;
}
h1,h2,h3,h4,h5,h6 {
    line-height: 1.5em;
}
.t3-footer h1,
.t3-footer h2,
.t3-footer h3,
.t3-footer h4,
.t3-footer h5,
.t3-footer h6 {
    color: #fff;
}
#t3-footer a:hover {
    color: #fff;
}
div#Mod563 h2 {
    margin-top: 0;
}
div#jobListing ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
div#jobListing ul a {
    font-size: 16px;
}
div#jobListing ul a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 5px;
}
div#login_form_area ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    max-width: 280px;
    margin-bottom: 3px;
}
div#login_form_area ul li {
    display: inline-block;
    width: 49%;
    background: #ccc;
    text-align: center;
}
div#login_form_area ul li a {
    padding: 10px;
    display: inline-block;
    width: 100%;
}
div#login_form_area ul li a:hover {
    background: #333;
}
#login_form input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 20px 40px;
    width: 100% !important; !important
}
form#login_form {
    width: 100%;
    display: inline-block;
    max-width: 280px;
}
#login_form input {
    width: 100%;
    max-width: 350px;
}
div#login_form_area ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    max-width: 280px;
    margin-bottom: 3px;
}
div#login_form_area ul li {
    display: inline-block;
    width: 49%;
    background: #bbb;
    text-align: center;
}
div#login_form_area ul li a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    color: #fff;
}
div#login_form_area ul li a:hover {
    background: #333;
}
#login_form input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 20px 40px;
    width: 100% !important; !important
}
form#login_form {
    width: 100%;
    display: inline-block;
    max-width: 280px;
}
#login_form input {
    width: 100%;
    max-width: 350px;
}
#login_form input[type="password"] {
    margin-bottom: 3px;
}
#login_form input[type="submit"]:hover {
    background: #333;
}
div#login_form_area > ul > li.selected {
    background: #333;
}
div#Mod563 {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}
div#Mod564 {
    border-bottom: 1px solid #333;
    padding-bottom: 35px;
}
div#jobListing br {
    display: none;
}
div#jobListing li {
    padding-bottom: 10px;
}
div#Mod566 a:hover {
    padding-left: 10px;
}
.apply_div {
    width: 100% !important;
    max-width: 550px !important;
}
.apply_div label {
    padding: 4px;
}
.apply_div input#input_submit {
    text-align: left !important;
    margin-left: 0 !important;
    display: block !important;
}
.apply_div a.addMoreNew {
    padding: 0px 10px !important;
    display: inline-block !important;
}
.apply_div label.input_label:last-of-type {
    float: none !important;
}
div#Mod567 {
    text-align: center;
}
div#Mod567 img {
    padding: 0 10px;
}
@media (max-width:991px) {
    div#Mod567 img {
        padding: 10px;
        display: inline-block;
    }
}
@media (max-width:480px) {
    div#Mod567 img {
        margin:auto;
        display: block;
    }    
}
.bottom-wrapper > * {
    background: url(../images/mainbody-bg.png) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #ddd !important;
    color: #fff !important;
}
body.tyohakemus div#gb-slider {
    display: none;
}
body.tyohakemus div#introteksti {
    display: none;
}
body.tyohakemus div#t3-content {
    display: none;
}
body.tyohakemus .mainbody-wrapper {
    background: none;
}
body.tyohakemus div#Mod566 {
    display: none;
}
body.tyohakemus a.button.button-login.nappi {
    margin-top: 0;
}
div#login_form_area {
    width: 100%;
    max-width: 350px;
}
div#works {
    background: #fff;
    padding: 2% 0;
    background-image: url(../images/mainbody-bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    
}
@media (min-width: 992px) {
  div#Mod569 p {
      margin: 0;
  }
  div#Mod569 a.nappi {
      width: 100%;
      margin-top: 0;
      max-width: 388px;
  }  
}
#gb-slider {
	margin-top: 0;
	border-bottom: 0;
}
@media (min-width: 992px) {
    .t3-spotlight.t3-footnav.row > div:first-of-type {
        text-align: left;
    }
    .t3-spotlight.t3-footnav.row > div:first-of-type + div {
        text-align: center;
    }
    .t3-spotlight.t3-footnav.row > div:first-of-type + div + div {
        text-align: right;
    }    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav {
        text-align: center;
    }   
}
.home .t3-module.module.etulaatikko {
    margin-top: 25px;
}
.home .t3-module.module.etulaatikko h2 {
    color: #000;
}
.home .t3-module.module.etulaatikko p {
    margin: 0;
}
.home .t3-module.module.etulaatikko a.nappi {
    color: #fff !important;
    margin-top: 0;
    width: 75%;
    background: #000;
    box-shadow: none !important;
    border-radius: 0;
    font-weight: 700 !important;
    border: 1px solid #000 !important;  
}
.home div#introteksti {
    background: url(/images/kulkulupa/middle_koriste__.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    padding-bottom: 50px;
    background-size: 30% auto;
}
.home .t3-module.module.etulaatikko a.nappi:hover {
    background: #fff;
    color: #000 !important;
    border: 1px solid #000;
}

.home a.nappi:hover {
    box-shadow: none;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
}
.blog .page-header {
    border-bottom: 0;
}
.article-content iframe {
    height: 480px !important;
}
.t3-megamenu .mega > .mega-dropdown-menu {
    min-width: 300px;
}
.btn-default {
    background: #000;
    margin-bottom: 20px;
}
div#t3-mainbody table.category {
    border: none !important;
}
div#t3-mainbody table.category tr {
    background: none !important;
}
div#t3-mainbody table.category td {
    background: none;
    border: none !important;
    padding: 0 !important; 
}
div#t3-mainbody table.category a {
    padding: 5px 5px;
    display: block;
}
div#t3-mainbody table.category a:before {
    font-family: FontAwesome;
    content: "\f101";
  	padding-left: 5px;
    padding-right: 3px;
}
div#t3-mainbody table.category a:hover {
    background: #ddd;
}
.tyohuoneet {
    width: 22%;
    display: inline-block;
    padding: 0;
    margin: 1%;
    min-height: 250px;
    vertical-align: top;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 400px;
}
.galleriat {
    width: 22%;
    display: inline-block;
    padding: 0;
    margin: 1%;
    min-height: 250px;
    vertical-align: top;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 400px;
}
@media (max-width:767px) {
    .tyohuoneet {
        width: 100%;
      	max-width: 100%;
    }
    .galleriat {
        width: 100%;
      	max-width: 100%;      
    }    
}
@media (max-width:480px) {
    .tyohuoneet {
        width: 100%;
    }
    .galleriat {
        width: 100%;
    }    
}
@media (min-width:768px) {
    .tyohuoneet {
        width: 47%;
    }
    .galleriat {
        width: 47%;
    }    
}
@media (min-width:992px) {
    .tyohuoneet {
        width: 31%;
    }
    .galleriat {
        width: 31%;
    }    
}
.tyohuonemoduuli br {
    display: none;
}
.galleriamoduuli br {
    display: none;
}
div#gb-slider {
    background: url("/images/kulkulupa/etusivun_slider_kuva.jpg");
    background-size: cover;
    border-bottom: 0;
}
div#gb-slider img {
    visibility: hidden;
}
div#Mod558 img {
    -webkit-box-shadow: 0px 0px 5px 0px #aaa;
    -moz-box-shadow: 0px 0px 5px 0px #aaa;
    box-shadow: 0px 0px 5px 0px #aaa;
}
@media (max-width: 1199px) {
    header#t3-header,
    header#t3-header.active {
        background-image: url("/images/kulkulupa/top_koriste.png");
        background-repeat: no-repeat;
        background-size: 50% auto;
        background-position: center top;
    }    
}

@media (min-width:1200px) {
  .MenuPaikka {
      background-image: url(/images/kulkulupa/top_koriste.png);
      background-repeat: repeat-x;
      background-size: 30% auto;
      background-position: right top;
  }  
}
.tyohuoneet.barkerin {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/Barker.jpg');
}
.tyohuoneet.logomo {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/Logomo.jpg');
}
.tyohuoneet.manilla {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/Manilla.jpg');
}
.tyohuoneet.kasarmi {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/Paaskyvuoren-kasarmi.jpg');
}
.tyohuoneet.ateljeet_t {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/yksittaiset_ateljeet_turussa.jpg');
}
.tyohuoneet.ateljeet_l {
    background-image: url('/images/kulkulupa/tyohuoneet_pikkukuvat/yksittaiset_ateljeet_lahialueilla.jpg');
}
.galleriat.bgalleria {
    background-image: url('/images/kulkulupa/galleriat_pikkukuvat/bgalleria.jpg');
}
.galleriat.joealla {
    background-image: url('/images/kulkulupa/galleriat_pikkukuvat/galleriajoella.jpg');
}
.galleriat.galleriao {
    background-image: url('/images/kulkulupa/galleriat_pikkukuvat/galleria_a.jpg');
}
.galleriat.peri {
    background-image: url('/images/kulkulupa/galleriat_pikkukuvat/peri.jpg');
}
.tyohuoneet a {
    width: 100%;
    height: 250px;
    display: inline-block;
    padding: 25% 5%;
    color: #fff;
    font-size: 2em;
    line-height: 125%;
    text-shadow: 0px 0px 20px #000;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.galleriat a {
    width: 100%;
    height: 250px;
    display: inline-block;
    padding: 25% 5%;
    color: #fff;
    font-size: 2.3em;
    line-height: 125%;
    text-shadow: 0px 0px 20px #000;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;  
}
.tyohuoneet a:hover {
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    transform: scale(0.95);
    transition: .5s ease;
}
.galleriat a:hover {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    transform: scale(0.95);
    transition: .5s ease;  
}
.instashow-gallery {
    background: transparent !important;
}
span.highlight {
    background-color: #000000;
}
.view-category .tyohuonemoduuli {
    display: none;
}
.view-category .tyohuonemoduuli.listaus {
    display: block;
}
.view-article .tyohuonemoduuli {
    display: block;
}
.view-article .tyohuonemoduuli.listaus {
    display: none;
}
.view-article.nuolilistaus .item-page ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.view-article.nuolilistaus .item-page ul li a {
	padding: 4px 5px;
	display: block;
	width: 100%;
}
.view-article.nuolilistaus .item-page ul li a:before {
	font-family: FontAwesome;
	content: "\f101";
	padding-left: 5px;
	padding-right: 3px;
	margin-right: 5px;
}
.view-article.nuolilistaus .item-page ul li a:hover {
    background: #ddd;
}
#offlajn-ajax-search580,
#offlajn-ajax-search583 {
    width: 100% !important;
    max-width: 400px !important;
}
input#search-area580,
input#search-area583 {
    height: auto !important;
    font-size: 17px !important;
    font-weight: 300 !important;
}
div#ajax-search-button580,
div#ajax-search-button583 {
    height: auto !important;
}
div#Mod580,
div#Mod583 {
    margin-bottom: 35px;
}
.view-article div#Mod580 {
    display: none;
}
.view-category div#Mod583 {
    display: none;
}
.itemid-1036 .instashow-gallery-media.instashow-gallery-media-square a {
    border: 1px solid #000;
}

@media (max-width: 767px) {
	header#t3-header, header#t3-header.active {
		background-repeat: repeat-x;
    	background-size: 250px auto;
	}
	#promo {
		background-repeat: repeat-x;
    	background-size: 250px auto;	
	}
    .home div#introteksti {
        background-size: 250px auto;
    }  
}