@charset "utf-8";
/* CSS Document */


body.etusivu {background:url(../img/header/pohjanmaan-kiinteistopalvelu-mainimg.jpg) center 60px no-repeat;}
.narrow-col {max-width:1200px;}
@media only screen and (max-width:1660px) {body.etusivu {background-size:1660px;}}
@media only screen and (max-width:1440px) {body.etusivu {background-size:1440px;}}
@media only screen and (max-width:1280px) {body.etusivu {background-size:1280px;}}
@media only screen and (max-width:1024px) {body.etusivu {background:url(../img/header/pohjanmaan-kiinteistopalvelu-mainimg.jpg) center 82px no-repeat;background-size:contain;}}
#mobilesearch,.mobile-extra {display:none;}
#logo-mobile {display:none; width:auto; left:20px; top:15px; position:absolute; z-index:4000;}
#logo-mobile img {width:90px; height:auto;}
@media only screen and (max-width:1024px) {.logo {display:none;} #logo-mobile, .mobile-extra {display:block;}#mobilesearch,.mobile-extra {display: block;position: absolute;right: 60px;top: 20px;z-index: 3000;}.mobile-extra {right:90px;}}

/* ----- PAAVALIKKO ----- */

#menu-wrapper {background: #ba0f13;}

#main-nav ul {margin: 0px 0;padding: 0;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-evenly;justify-content: space-evenly;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;list-style: none; width:100%}
#main-nav a#home {font-size: 1rem;padding: 15px 20px;}
#main-nav a {padding: 15px 20px;font-size: 1.063rem;font-weight: 700;text-decoration: none;color: #fff;text-transform: uppercase;font-family: 'Open Sans', sans-serif; display:block;}
#main-nav a:hover {color: #7d7d7d;}
 #sel-2-20 a, #sel-3-14 a,#sel-4-15 a, #sel-5-8 a, #sel-6-9 a,#sel-7-10 a, #sel-3-350 a, #sel-4-351 a, #sel-2-19 a{background:#000}


.fa-search, .fa-search-minus, .fa-unlock-alt {color: #fff; font-size:16px !important; background:#000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;padding: 7px;}
.fa-unlock-alt {padding:7px 8px;margin-right:10px;}
#functions a {float:left;}
#main-nav a.searchtoggl {padding: 5px 0px 5px 0; margin-right:40px;}
#main-nav a.extralink {font-size: 14px;padding: 5px 20px !important;box-sizing: border-box;display: block;background: #818285; }
#main-nav a.extralink:hover {color: #CFCFCF;}
#secondary-navi {display: flex;justify-content: center;align-items: center;color: #615D5E;background: #231f20;}
#secondary-navi a {font-size:14px;}

@media only screen and (max-width:1440px) {#main-nav a {font-size: 0.95rem;}}
@media only screen and (max-width:1280px) {#menu-wrapper .center-col {width:100%;}#main-nav a {font-size: 0.85rem;}}
	
#palvelunostot.palvelunostot-nwupd {display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));}
#palvelunostot.palvelunostot-nwupd .col-33 {  width: 100%;box-sizing: border-box; padding: 2em;}

/*------ HAKU -------*/
#search {text-align: center; float:right; display:none;width: 80% !important; margin: 0 auto !important;padding: 10px 10% 5px 10%;background: #ededed; top:60px; position:absolute; z-index:2;}
#search form {display: inline-block; margin: 0 auto; width:100%}
#search table, #search tbody, #search tr, #search td {display:block; width: 100%} 

input#pikahakusana {padding:20px;}
input.verkkokauppahakupainike {font-size: 1rem;}
#verkkokauppatuotehaku {width:78% !important; padding:0 0 0 2%; text-align:left;}

input#pikahakusana {width: 75%;border: none;padding: 10px 0px 10px 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;font-size: 0.9em;float: left;display:block; box-sizing:border-box;}
input.hakupainike {background: #000;border: none;border-bottom-right-radius: 3px;border-top-right-radius: 3px;padding: 10px;color: #fff;font-weight:700; text-transform: uppercase;font-size: 0.9em; box-sizing:border-box; float:left; width:25%;}
input.hakupainike:hover {cursor:pointer;}
#search fieldset {padding: 0;margin: 0;border: none;}

/* Hakutulosboxi */
#verkkokauppatuotehaku{z-index:500000000 !important; max-width: 100%; margin-top:37px;}
#verkkokauppatuotehaku td[align^="right"] a { display:none !important;background: #82c341;width: 60px;padding: 2px 0;font-size: 11px;text-transform: uppercase;color: #fff;text-align: center; margin-right: 5px;} /* Sulje haku button */

@media only screen and (max-width:1024px) {#search {top:90px}}

/* header */
header.col-50 {float:none; margin:0 auto; text-align: center;}
.logo {margin-top:100px}
.logo img {max-width:270px; margin:0 auto; display:block; float:none;}

#slogan h1 {padding:453px 0 10% 0; line-height:120%;font-size:1.8rem; color:#fff; text-shadow:1px 2px 2px rgba(0, 0, 0, 0.8); font-weight:700; text-transform: none}
@media only screen and (max-width:1660px) {.logo img {max-width: 200px;}.logo {margin-top:80px}#slogan h1 {padding:400px 0 10% 0;}}
@media only screen and (max-width:1440px) {.logo img {max-width: 180px;}.logo {margin-top:60px}#slogan h1 {padding:350px 0 10% 0;}}
@media only screen and (max-width:1280px) {.logo img {max-width: 160px;}.logo {margin-top:40px}#slogan h1 {padding:300px 0 10% 0;}}
@media only screen and (max-width:1024px) {.logo img {max-width: 160px;}.logo {margin-top:40px}#slogan h1 {padding:20% 0 10% 0;}}
/* Palvelunostot */

#palvelunostot {margin:0 auto 30px auto}
#palvelunostot .col-25 { box-sizing: border-box; padding: 50px 2%; width: 24%;margin: 0 0.5%;outline: 1px solid #b20c0f; outline-offset: -10px; background:#fff;}
#palvelunostot .col-25 p {font-size:0.9rem}
#palvelunostot .col-33 { box-sizing: border-box; padding: 50px 2%; width: 32%;margin: 0 0.5%;outline: 1px solid #b20c0f; outline-offset: -10px; background:#fff;}
#palvelunostot .col-33 p {font-size:0.9rem}

#palvelunostot img {display:block; margin:0 auto; float:none;}
#palvelunostot h2 {margin-bottom:20px;}

#tekstikpl-nw{max-width: 1600px;background: #f7f7f7;padding: 4em;box-sizing: border-box;border: 1px solid #dedede; display:grid; grid-template-columns:repeat(2,1fr);grid-gap:1em}

@media only screen and (max-width:1660px) {#palvelunostot h2{ font-size: 1.6rem;line-height: 2rem; padding:0;}#palvelunostot img {max-width:80px;}}
@media only screen and (max-width:1440px) {#palvelunostot h2{ font-size: 1.4rem;line-height: 1.7rem;}}
@media only screen and (max-width:1280px) {#palvelunostot img {max-width: 70px;}#palvelunostot h2{ font-size: 1.3rem;line-height: 1.5rem;}#palvelunostot .col-25 {width: 48%;margin: 0 1% 20px 1%;padding: 40px 5%;}}
@media only screen and (max-width:1024px) {#palvelunostot {width:90% !important;}#palvelunostot img {max-width: 70px;}.footercell td { width: 100% !important;}.subpage #palvelunostot {width: 100% !important;padding: 20px 0 0 0 !important;}}
@media only screen and (max-width:720px) {#palvelunostot .col-25 {width: 100%;margin: 0 0% 20px 0%;padding: 40px 10%;}#palvelunostot img {max-width: 90px;}#palvelunostot h2 {font-size: 1.6rem;line-height: 1.8rem;}#tekstikpl-nw{grid-template-columns:1fr;}}
@media only screen and (max-width:575px) {#tekstikpl-nw {padding: 2em;}#feed-1, #feed-2 { max-width: 90% !important;}}

/* SOME nostot */
@media only screen and (max-width:1280px) {#somenostot {width:90% !important; margin:0 auto;}}

#fblink-button { margin: 0 auto;text-align: center;}

/* Uutiset */
#uutisnostot {padding:60px 0 0 0;}
.uutisrivi td {text-align: center; width: 100%; display:block;}
@media only screen and (max-width:720px) {.uutisrivi {width: 100%;float:none; clear:both; padding-bottom:10px;} .uutisrivi td {text-align:center;} .footercell {width:100%; clear:both; float:none; display:block; margin: 0 0 20px 0}}



/* Lisatiedot */

#contact, #footer {background:url(../img/header/footer-center-bg.png) center top no-repeat; padding:38px 0; margin: 0px auto; text-align:center; background-size:1920px; max-width:1920px;}
#footer {text-align:left;background:url(../img/header/footer-bottom-bg.png) center top no-repeat; background-size:1920px;}
#footer .center-col{padding:40px 0 40px 0;}
#footer .col-50 {padding:0 3%;}
#footer h4 {color:#fff;}
#footer td, #footer p,#footer a {font-size:1.2rem; color:#fff; line-height: 160%}
#contact .webiolinkkipainike {margin-top:0; background: #000 url(../img/header/webiolinkkipainike-bg.png) left top repeat-x; }
#contact h4, #contact p {color:#fff; text-align:center;}
#contact {position:relative; z-index:2;-webkit-box-shadow: 0px 15px 60px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 15px 60px -8px rgba(0,0,0,0.3);
box-shadow: 0px 15px 60px -8px rgba(0, 0, 0, 0.3);}

@media only screen and (max-width:1280px) {#contact .col-50 {float: left;clear: none;width: 50%;}}
@media only screen and (max-width:1024px) {#contact {margin:20px auto 20px auto}#bgbox-mobile {margin-bottom:20px;}#contact {background-size:cover;} #footer {background-size:cover}}
@media only screen and (max-width:480px) {#contact .center-flex{flex-direction:column;} #contact .col-50 {margin: 0 auto 20px auto; width:90%;}#contact h4 {font-size: 1.6rem;}}

/* ----- ALASIVU ----- */
#bottom-bg {background:url(../img/header/content-bg.png) center bottom no-repeat; background-size:1920px; height:54px}
#sivunavi .logo {margin-top:50px !important}
#alanavi ul, #alanavi > table  {list-style: none; box-sizing: border-box; padding: 50px 5% 50px 12%; width: 90%;margin: 40px auto 20px auto;outline: 1px solid #da7d7f; outline-offset: -10px; background:#ba0f13;}
#alasivupk {position:relative;}
#pkmaski {position:absolute; width:100%; height:100%; top: 0; left:0;}
#pkmaski img {width:100%; height:auto;}
#alasivupk img{max-width:100%; height:auto; width:100%;max-height: 574px;object-fit: cover;}
.subpage {padding:5% 5% 10% 5%;    width: 90%;}
#alanavi { padding: 40px 0px 20px 50px;}
#alanavi h2{padding:0;font-size:1.6rem}
.subpage #palvelunostot .col-25 {flex-basis:49%}
@media only screen and (max-width:1024px) {#sivunavi {display:none;} #subpagetpl {width:100%;}#pkmaski {display:none;}#bottom-bg {display:none;}}
@media only screen and (max-width:800px) {#alasivupk {padding-top:5%}}

/* RSS NOSTOT */
.feednostot {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
.feedEkList{padding:0 0 4px;width:100%;font-size:16px;line-height:22px;color:#000}.feedEkList li{padding:3px 5px 5px;list-style:none}.feedEkList li:last-child{border-bottom:medium none}.itemTitle a{color:#ba0f13 !important;font-size:16px;text-decoration:none}.itemTitle a:hover{text-decoration:underline}.itemDate{color:#80808f;font-size:12px}.itemTitle a{color:#767676;font-size:16px;font-weight:700;margin:0;padding:0 0 6px 0;line-height:22px}#divRss{width:95%;padding:0 5% 0 0}
@media only screen and (max-width:1660px) {#alasivupk img {max-height: 500px;}}
@media only screen and (max-width:1440px) {#alasivupk img {max-height: 400px;}}
@media only screen and (max-width:1280px) {#alasivupk img {max-height: 300px;}}
@media only screen and (max-width:575px) {.itemTitle a {font-size: 13px;line-height: 120%;padding: 0 0 10px 0;display: block;}}