#header-search #header-search-close {
position: absolute;
right: 15px;
top: 12px;
padding: 4px;
border-radius: 20px;
display: none;
}
#header-search #header-search-close img {
width: 25px;
height: 25px;
}
.headerSearchApp-active #header-search  #header-search-close {
display: block;
cursor: pointer;
}
.headerSearchApp-active #header-search  header-search-close:hover {
outline: 1px solid #210463;
}
.headerSearchApp-active #header-search input#yritys-haku-phrase {
background: white;
}
#header-search {
position: relative;
}
#headerSearchApp #headerSearch .hakuKortti h3 a {
color: #210463;
}
#headerSearchApp #headerSearchTabs #headerSearch-nav.tab-nav {
height: 58px;
background: #f0f0f0;
}
#headerSearchApp #headerSearchTabs #headerSearch-nav.tab-nav li {
padding: 0 10px !important;
}
#headerSearchApp #headerSearch .hakuKortti {
width: 100%;
padding-left: 3%;
padding-right: 3%;
box-sizing: border-box;
background: none;
}
#headerSearchApp #headerSearch h1 {
margin-left: 3%;
margin-top: 5em;
margin-bottom: 1.5em;
font-size: 16px;
font-weight: 500;
}
#headerSearchApp {
display: none;
width: 820px;
position: absolute;
left: -190px;
padding-top: 2px;
min-height: 100vh;
font-family: "Ubuntu", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#headerSearchApp #headerSearchWrapper {
display: block;
width: 820px;
margin: 0 auto;
}
#headerSearchApp #headerSearchSecondWrap {
display: block;
width: 100%;
border-radius: 20px;
overflow: hidden;
background: #fff;
padding-bottom: 20px;
margin-bottom: 40px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
}
.headerSearchApp-active #headerSearchApp .w1 {
display: none;
}
.headerSearchApp-active #headerSearchApp {
display: block;
}
#headerSearchApp #headerSearch .headerSearch-tab-container {
box-sizing: border-box;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
#header-search .easy-autocomplete-container {
display: none !important;
}
#headerSearchApp #headerSearch .hakuKortti:nth-child(1) {
border-radius: 10px 10px 0 0;
}
#headerSearchApp #headerSearch .hakuKortti:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#headerSearchApp #headerSearchHeader {
background: #f0f0f0;
display: block;
float: left;
width: 100%;
}
#headerSearchApp #headerSearch-tabs,
#headerSearchApp #headerSearch-tabs li {
display: block;
float: left;
padding: 0;
margin: 0;
}
#headerSearchApp #headerSearch-tabs li span {
padding: 20px 12px 19px 50px;
display: inline-block;
position: static;
top: auto;
left: auto;
color: #210263 !important;
}
#headerSearchApp #headerSearch-tabs li {
opacity: 0.8;
position: relative;
cursor: pointer;
}
#headerSearchApp #headerSearch-tabs li#yritykset-haku-tab span.label {
background: url(//b2b.profinder.fi/site1061.css/icons/business-outline.svg) no-repeat 22px 21px;
background-size: 20px 20px;
}
#headerSearchApp #headerSearch-tabs li#paattajat-haku-tab span.label {
background: url(//b2b.profinder.fi/site1061.css/icons/briefcase-outline.svg) no-repeat 22px 21px;
background-size: 20px 20px;
}
#headerSearchApp #headerSearch-tabs li span.notify {
font-size: 12px;
line-height: 12px;
padding: 3px 5px;
min-width: 10px;
text-align: center;
border-radius: 9px;
color: #000;
background: rgba(0,0,0,0.1) !important;
position: relative;
top: -2px;
right: 0px;
margin-right: 15px;
}
#headerSearchApp #headerSearch-tabs li.active span.notify {
background: rgba(0,0,0,0.08) !important;
color: #000	!important;
}
#headerSearchApp #headerSearch-tabs li.active {
background: #fff	!important;
opacity: 1;
}
#headerSearchApp #headerSearch-tabs li.active span{
color: #210263	!important;
}
#header-search {
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;
font-family: "Ubuntu", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#header-search * {
font-family: "Ubuntu", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#header-search input#yritys-haku-phrase {
display: block;
border: 2px solid #fff;
border-radius: 30px;
height: 60px;
box-sizing: border-box;
background: url(https://b2b.profinder.fi/css/icons/search-circle.svg) no-repeat scroll 386px 5px;
background-color: #FFFFFF;
background-size: 48px;
padding: 0 60px 0 30px;
width: 440px;
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;
border: none;
position: relative;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
#header-search input#yritys-haku-phrase:focus {
border: 2px solid #7536FA;
outline: none;
box-shadow: none;
background: url(https://b2b.profinder.fi/css/icons/search-circle.svg) no-repeat scroll 383px 3px;
background-color: #FFFFFF;
background-size: 48px;
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;
}
.headerSearchApp-active #header-search input#yritys-haku-phrase {
background: white;
}
#header-search input#yritys-haku-phrase::placeholder {
color: #210463 !important;
opacity: 1 !important;
}
#header-search input#yritys-haku-phrase:focus::placeholder {
opacity: 0.5 !important;
} #headerSearchApp #yritysHakuTabs {
width: 430px;
margin: 40px auto 0px auto;
}
#headerSearchApp #yritysHakuTabs .tab-nav li span {
transform: skewX(10deg);
border: none !important;
background: none !important;
padding: 20px 9px 19px 18px;
display: inline-block;
position: static;
top: auto;
left: auto;
}
#headerSearchApp #yritysHakuTabs .tab-nav span {
color: #425362;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 19px;
line-height: 19px;
}
#headerSearchApp #yritysHakuTabs .tab-nav li span.notify {
font-size: 12px;
line-height: 12px;
padding: 3px 5px;
min-width: 10px;
text-align: center;
border-radius: 9px;
color: #000;
background: rgba(0,0,0,0.1) !important;
position: relative;
top: -3px;
right: 0;
}
#headerSearchApp #yritysHakuTabs .tab-nav li.active span.notify {
background: rgba(255,255,255,0.3) !important;
color: #fff	!important;
}
#headerSearchApp #yritysHakuTabs .tab-nav li.active {
background: #fe7b31	!important;
}
#headerSearchApp #yritysHakuTabs .tab-nav li.active span{
color: #fff	!important;
}
#headerSearchApp #yritysEiTuloksia {
display: none;
}
#headerSearchApp .hakuKortti {
display: block;
float: left;
width: 100%;
border: 1px solid #d6e3e6;
padding: 10px 10px 10px 64px;
box-sizing: border-box;
margin-top: -1px;
min-height: 70px;
}
#headerSearchApp .hakuKortti .piiloitettu {
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
padding: 0 5px 0 2px;
color: #333;
background: rgba(0,0,0,0.1);
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
display: block;
float: left;
padding: 3px 6px;
margin: 0px 2px 3px 2px;
border-radius: 3px;
}
#headerSearchApp .hakuKortti h3 {
margin:0 0 3px 0;
font-size: 18px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
}
#headerSearchApp .hakuKortti h3 a {
color: #222;
}
#headerSearchApp .hakuKortti h3 a:hover {
text-decoration: underline;
color: #fd7c31;
}
#headerSearchApp .hakuKortti p {
margin:0 0 3px 0;
font-size: 14px;
line-height: 17px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
width: 100%;
}
#headerSearchApp .yritysKortti {
background: #fff url(https://b2b.profinder.fi/css/icons/business-outline.svg) no-repeat 30px 30px;
background-position: 10px 10px;
background-size: 40px 50px;
}
#headerSearchApp .henkiloKortti {
background: #fff url(https://b2b.profinder.fi/css/icons/person-circle-outline.svg) no-repeat 30px 30px;
background-position: 13px 10px;
background-size: 30px 30px;
}
#headerSearchApp .sivutoimipaikat {
display: block;
float: left;
width: 100%;
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
#headerSearchApp .sivutoimipaikat span.kaupunki {
border: none;
background: rgba(0,0,0,0.1);
padding: 3px 7px;
border-radius: 12px;
margin: 5px 5px 0 0;
display: block;
float: left;
font-weight: normal;
color: #000;
cursor: pointer;
}
#headerSearchApp .sivutoimipaikat span.kaupunki:hover {
background: #fd7c31;
color: #fff;
}
#headerSearchApp .hakuKortti .tiedot1 {
display: block;
float: left;
box-sizing: border-box;
width: 49%;
}
#headerSearchApp #yritykset-haku .hakuKortti .tiedot1 {
width: 100%;
}
#headerSearchApp .hakuKortti .tiedot2 {
display: block;
float: left;
box-sizing: border-box;
width: 49%;
}
#headerSearchApp .hakuKortti .tiedot2 a {
color: #425362;
font-weight: 300;
}
#headerSearchApp .hakuKortti .tiedot2 a:hover {
text-decoration: underline;
}
#headerSearchApp .hakuKortti p.osoite {
display: block;
float: left;
clear: both;
background: #fff url(https://b2b.profinder.fi/css/icons/location-outline.svg) no-repeat 0px 1px;
background-position: 0px 1px;
background-size: 15px 15px;
padding-left: 20px;
}
#headerSearchApp .hakuKortti p.puhelin {
display: block;
float: left;
clear: both;
background: #fff url(https://b2b.profinder.fi/css/icons/call-outline.svg) no-repeat 0px 2px;
background-position: 0px 2px;
background-size: 15px 15px;
padding-left: 20px;
}
#headerSearchApp .hakuKortti p.sahkoposti {
display: block;
float: left;
clear: both;
background: #fff url(https://b2b.profinder.fi/css/icons/at-outline.svg) no-repeat 0px 2px;
background-position: 0px 2px;
background-size: 15px 15px;
padding-left: 20px;
}
#headerSearchApp .hakuKortti p.profinderid {
display: block;
float: left;
clear: both;
background: #fff url(https://b2b.profinder.fi/css/logos/profinder-favicon.png) no-repeat 0px 2px;
background-position: 0px 2px;
background-size: 15px 15px;
padding-left: 20px;
}
#headerSearchApp .hakuKortti p.fonectaId {
display: block;
float: left;
clear: both;
padding-left: 20px;        
}
#headerSearchApp .hakuKortti p.www {
display: block;
float: left;
clear: both;
background: #fff url(https://b2b.profinder.fi/css/icons/laptop-outline.svg) no-repeat 0px 2px;
background-position: 0px 2px;
background-size: 15px 15px;
padding-left: 20px;
}#header-search {
font-family: 'Ubuntu', sans-serif !important;
}
#header-search #yritys-haku-phrase {
margin: 50px auto 0 auto;
}
#header-search input#yritys-haku-phrase {
background-position: right 8px top 50% !important;
max-width: 100%;
text-overflow: ellipsis !important;
overflow: hidden !important;
box-shadow: 0px 2px 20px 0px #21026212 !important;
}
@media (min-width: 992px) {
#header-search input#yritys-haku-phrase { 
width: 550px !important;
}    
}
#header-search input#yritys-haku-phrase.loading {
background: none !important;
}
#headerSearchApp {
margin: 0 auto;
max-width: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 10 !important;
}
#headerSearchApp .hakuKortti a {
text-decoration: none !important;
}
#headerSearchApp .hakuKortti .tiedot1,
#headerSearchApp .hakuKortti .tiedot2 {
text-align: left;
}
#headerSearchApp .hakuKortti h3 {
font-size: 17px !important;
font-family: 'Ubuntu', sans-serif !important;
}
#headerSearchApp .hakuKortti .tiedot2 a {
}
@media (max-width: 449px) {
#headerSearch-tabs {
display: flex !important;
flex-direction: column !important;
float: none !important;
}
#headerSearchResults {
padding-top: 20px;
}
#headerSearchApp #headerSearch h1 {
padding-top: 50px !important;
}
#headerSearchApp .hakuKortti h3 {
font-size: 16px !important;
}   
#headerSearchApp .hakuKortti .tiedot1,
#headerSearchApp .hakuKortti .tiedot2 {
float: none !important;
width: 100% !important;
}
#headerSearchApp .hakuKortti .tiedot1 {
margin-bottom: 10px !important;
}
}
#headerSearchApp .sivutoimipaikat {
clear: both !important;
float: none !important;
text-align: left !important;
}
#headerSearchApp .sivutoimipaikat span.kaupunki:hover {
background-color: #7536FA !important;
color: #fff !important;
}