/* --- Branding 2021 --- */
  
  /* SearchBox */
  .Home_page .searchCenteringContainer
  {
    width: 50%;
    margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  }
  @media (max-width: 460px)
  {
    .Home_page .searchCenteringContainer .btnSearch i
    {
      border: 0.1px grey solid;
      border-radius: 0px 8px 8px 0px;
    }
    .Home_page .searchCenteringContainer .searchBox
    {
      border: 0.1px grey solid;
      border-radius: 8px 0px 0px 8px;
    }
  }

  /* Footer */
  .Home_page .footer
  {
    font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  }
  .Home_page .footer h3
  {
    font-size: 20.59px;
    text-align: inherit;
  }
  .Home_page .footer p
  {
    font-size: 17.92px;
  }
  .FooterFlexContainer .flexCol 
  {
    width: 33.3%;
  }

   /* Main */
  


.MainFlexContainer
  {    
    display: flex; 
    flex-wrap: wrap;  
    justify-content: center;
  }
  .navContainer .MainFlexContainer
  {    
    flex-wrap: wrap-reverse;
  }
  .MainFlexContainer span
  {    
    overflow-wrap: break-word;
  }
  .MainFlexContainer a.link
  {
    color: #007ACA;
    text-decoration: none;
  }
  .MainFlexContainer a:hover
  {
    color: #007ACA;
    text-decoration: underline;
  }
  @media (max-width: 1050px)
  {
    .MainFlexContainer .flexCol img
    {
      width: inherit;
    }
  }
  @media (max-width: 1400px)
  {
    .MainFlexContainer .flexCol 
    {
      width: 80% !important;
      text-align: center !important;
    }
    .MainFlexContainer .flexCol img
    {
      margin-inline-end: auto ;
    }
    .pubitem .linksList .linksList a .linksList li
    {
      width: 80% !important;
      text-align: center !important;
    }
  }  
  @media (min-width: 1400px) and (max-width: 1870px) 
	{
		.MainFlexContainer .flexCol img
		{
		  max-width: 700px;
		}      
  }
  .MainFlexContainer .flexCol img
  {
    margin-inline-start: auto ;    
    display: block;
  }
  .MainFlexContainer .flexCol 
  {
    width: 50%;
  }


  /* --- App layout changes: hide search box in app header --- */
  

.Home_page .BaseMaster_searchBoxContainer
  {
    display: none;
  }

  .Home_page .BaseMaster_contentContainer
  {
    height: auto !important;
  }
  
  /* --- App layout changes end --- */

  .Home_page .CHMenu_menuItem > a,
  .Home_page .BaseMaster_profileLink
  {
  color: white;
  }

  .Home_page .BaseMaster_mainMenuContainer
  {
  border-bottom: 0 none;
  }

  .Home_page .BaseMaster_mainMenuContainer,
  .Home_page .CHMenu_menuItem:hover,
  .Home_page .BaseMaster_profileLink:hover,
  .Home_page .BaseMaster_helpMenu:hover
  {
  /*background: rgba(255,255,255,.4);*/
  background: #FFFFFF;
  }

  /* Import font from Google Web Fonts */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }

  .Home_page body
  {
  background: #FFFFFF;
  }

  .Home_customContent
  /*{
  color: #FFFFFF;
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  font-family: "Open Sans", 'Arial', 'Helvetica', sans-serif;
  text-align: center;
  }*/

  .Home_customContent a,
  .Home_customContent a:visited
  /*{
  color: #2C72C8;
  text-decoration: none;
  }*/

  .Home_customContent a:hover
  /*{
  color: #2C72FF;
  }*/

  .Home_noPubsAvailable
  {
  font-size: 1.5em;
  }

  h1
  {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
  font-size: 4em;
  margin-top: 250px;
  margin-bottom: 0px;
  padding-top: 15px;
  }

  h2
  {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #000000;
  text-align: inherit;
  font-size: 3em;
  font-weight: 300;
  margin-top: 50px;
  margin-bottom: 20px;
  /*padding-top: 15px;*/
  }

  h3
  {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #000000;
  text-align: start ;
  font-size: 1.3em;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 10px;
  /*padding-top: 15px;*/
  }
  
  p
  {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  /*color: #FFFFFF;*/
  margin-block-start: 0px ;margin-inline-end: 0px ;margin-block-end: 0px ;margin-inline-start: 0px ;
  font-size: 1.4em;
  /*margin-bottom: 30px;*/
  }

  .lightFont
  {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  font-weight: 100;
  }

  .fixedWidth
  {
  max-width: 1170px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  }    
  
  .background
  {
  position: absolute;
  top: 0;
  height: 600px;
  width: 100%;
  z-index: -1;
  background-image: url('/resources/Storage/Templates/Themes/Visma-Spain-Office-Group-_DSC8585-1.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }

  .searchContainer
  {
  min-height: 210px;
  /*margin-top: 50px;*/
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
  }

  .searchContainer:after
  {
  content: "";
  display:block;
  clear:both;
  }

  .pubsBlock
  {
  padding-bottom: 20px;
  }

  .pubsBlock .linksList
  {
  display: inline-block;
  }

  .linksList
  /*{
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
  }*/

  .linksList a
  /*{
  color: #000000;
  text-decoration: none;
  padding-block-start: 0px ;padding-inline-end: 0px ;padding-block-end: 0px ;padding-inline-start: 0px ;
  display: inline-block;
  vertical-align: top;
  }*/

  .linksList li,
  .pubItem
  {
    font-size: 1.4em;
  }

  .pubItem
  {
  padding-inline-start: 20px ;
  }


  .pubItem a:hover
  {  
  text-decoration: underline;
  }

  .linksList li:hover
  /*{
  color: #2C72FF;
  list-style-type: none;
  }*/

  .searchCenteringContainer
  {
  max-width:80px;
  /*width: 50%;*/
  margin-block-start: auto !important;margin-inline-end: auto !important;margin-block-end: auto !important;margin-inline-start: auto !important;
  }

  .searchBoxContainer
  {
  overflow:hidden;
  padding-inline-end: 16px ;
  }

  .searchBox
  {
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  width: 100%;
  height: 28px;
  font-size: 2em;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  background: #FFFFFF;
  border: 0 none;
  border-radius: 8px 0px 0px 8px;
  }

  .btnSearch
  {
  float: inline-end ;
  border-radius: 0px 8px 8px 0px;
  background: rgba(0,0,0,.2);
  cursor:pointer;
  }

  .btnSearch i
  {
  font-size: 2em;
  padding-block-start: 11px ;padding-inline-end: 20px ;padding-block-end: 11px ;padding-inline-start: 20px ;
  color: white;
  }

  .btnSearch:hover
  {
  background-color: #345079;
  }

  .navContainer
  {
    /* background: #babcb7; */
    background: #FFFFFF;
  }

  .nav2ColOuter
  {
  padding-bottom:50px;
  }

  .navIcon
  {
  border: 4px solid;
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
  border-radius: 50%;
  height: 128px;
  width: 128px;
  float: inline-start ;
  }

  .navText
  {
  float: inline-start ;
  text-align: start ;
  padding-inline-start: 30px ;
  }

  .navHeading
  {
  font-size: 3em;
  color: black;
  }

  .navContainer ul
  /*{
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-start: 0px ;
  padding-inline-end: 20px ;
  list-style-type: none;
  }*/

  .navContainer li
  /*{
  text-align: start ;
  font-size: 1.8em;
  padding-top: 5px;
  padding-bottom: 5px;
  }*/

  .navContainer li:hover
  /*{
  color: #2C72FF;
  list-style-type: none;
  text-decoration: underline;
  }*/

  .greybg
  {
  background: #f2f2f2 !important;
  }

  .Home_customContent .navContainer a,
  .Home_customContent .footer a,
  .Home_customContent .pubsBlock a
  {
  color: #007ACA;
  text-decoration: none;
  }

  .Home_customContent .navContainer hover
  {
  color: #007ACA;
  text-decoration: underline;
  }

  .footer
  {
  color: #333;
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: start ;
  line-height: 45px;
  }

  .FooterFlexContainer
  {
    padding-block-start: 0px ;padding-inline-end: 0px ;padding-block-end: 0px ;padding-inline-start: 0px ;
    color: #000000;
    
    display: flex; 
    align-items: flex-start;
    flex-wrap: wrap;  
    justify-content: center;
  }
  @media (max-width: 991px)
  {
    .FooterFlexContainer .flexCol 
    {
      width: 45% !important;
      text-align: center !important;
    }
  }
  @media (max-width: 480px)
  {
    .footer .FooterFlexContainer .flexCol 
    {
      width: 80% !important;
      text-align: center !important;
    }
  }

  .footer a:hover
  {
  color: #999999;
  text-decoration: underline;
  }

  .contactInfo
  {
  padding-inline-start: 10px ;
  white-space: nowrap;
  }

  .followUs
  {
  float: inline-end ;
  }

  .followUsNavList,
  .followUsNavListItem
  {
  display: inline-block;
  }

  .followUsNavList
  {
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  list-style: none;
  }

  .followUs .fab,
  .followUs .fas
  {
  color: #333;
  font-size: 1.2em;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  border: 2px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-inline-start: 5px ;
  }

  .followUs .fab:hover,
  .followUs .fas:hover
  {
  color: white;
  background-color: #2C72FF;
  border-color: #2C72FF;
  }

  /* --- Responsive styles --- */

  .nav2ColOuter
  { /* Two columns per screen, default */
  float: inline-start ;
  width:50%;
  }

  /* Phone to portrait tablet */
  @media (max-width: 767px)
  {
  .nav2ColOuter
  { /* One column per screen */
  width: 100%;
  }

  .searchContainer
  {
  padding-top: 10px;
  padding-bottom: 30px;
  }

  .footer
  {
  padding-top: 30px;
  }

  .recommendedContent .nav2ColOuter
  {
  padding-bottom: 0;
  }

  .navContainer ul
  {
  padding-top: 0;
  padding-bottom: 0;
  }
  }

  @media (max-width: 979px)
  {
  .searchCenteringContainer
  {
  max-width:none;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-inline-start: 20px ;
  padding-inline-end: 20px ;
  }

  .contactInfo
  {
  display:block;
  }
  }

  @media (max-width: 1200px)
  {
  .fixedWidth
  {
  max-width: none;
  padding-inline-start: 20px ;
  padding-inline-end: 20px ;
  }

  .navIcon
  {
  float: none;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  }

  .navText
  {
  padding-inline-start: 0 ;
  }

  .nav2ColOuter .navText
  {
  text-align: center;
  float: none;
  }

  .navContainer ul
  {
  display: inline-block;
  }

  .footer
  {
  /*text-align:inherit;*/
  text-align: start ;
  }

  .followUs
  {
  float: none;
  }
  }.background{background-image: url('/resources/Storage/Branding/vudbanner_miesjatietokone.webp
') !important;}.backgroundGlass{background:rgba(255,255,255,.7) !important;}.CHBlock_richTextContent, .CHBlock_container * {font-family: 'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;}