body, html {margin:0px; padding:0px; background-color: #fafafa; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;   -webkit-font-smoothing: antialiased;}


.naviContainer {}
.naviContainer .column {margin:0px; padding:0px;}
.topNavigation {margin:0px -10px 0px 0px; padding:0px;}
.topNavigation li {display:block; list-style: none; height:100px;margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; line-height: 1.667;}
.topNavigation li a.cta {padding:37px 28px; margin:0px; color:#fff; background-color:#b30210; height: 100px;}
.topNavigation li a {padding:37px 28px ; margin:0px; color:#555555; background-color:#fff; height: 100px;}
.rightBorder {border-right:1px solid #e1e1e1;}
.topLogo {margin-top:20px; max-height: 30px;}
.mainLogo {margin-top:5px; margin-left:20px; width:70px!important; height: auto!important;}

.hero {background-image: url('../images/outbound_tausta.jpg'); background-position: center; min-height:400px; max-height: 400px; background-repeat: no-repeat;}
	.hero .teamLogo {width:auto; height:280px; max-height: 280px; max-width: auto; padding-top:100px;}
                             

.smallHero {background-image: url('../images/etukuva3.jpg'); background-position: center; min-height:0px; max-height: 190px; background-repeat: no-repeat;}
	.smallHero .teamLogo {width:auto; height:0px; max-height: 190px; max-width: auto; padding-top:20px;}

.teamBrandColorFill {background-color:#b30210;}

.sininen {background-color:#00A1D4;) }
.top-bar-section li:not(.has-form) a:not(.button) { background-color:#00A1D4; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background-color:#00A1D4; }
.white {background-color:#fff;}
.grey {background-color:#f0f0f0; padding:20px; border-left:1px solid #e1e1e1;}
.blue {background-color:#6E7CFB;}
.contentContainer {margin-top:20px;}
.blue .column {margin:0px; padding:0px;}

.textRight {text-align:right;}
.imageText {font-size:0.75em; line-height: 1.2em; margin-top:10px; color: ##202020;}
.sidebarQuoteText p {font-size:1.0em; color:##202020;}
.sidebarQuoteText {padding:40px;}
.sidebarQuoteImage {padding:40px;}

h1 {border-bottom:2px solid #004A88; border-top:2px solid #004A88; font-weight: normal; padding:10px 0px; margin:0px 0px 20px 0px; text-transform: uppercase; font-size:2.4em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
h2 {border-bottom:0px none; border-top:0px none; font-weight: normal; padding:0px 0px; margin:0px 0px 0px 0px; text-transform: uppercase; font-size:1.6em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
h2.sidebarMarginReset {margin-top:15px;}
h3 {border-bottom:0px none; border-top:0px none; font-weight: normal; padding:10px 0px; margin:40px 0px 10px 0px; text-transform: uppercase; font-size:1.3em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
.addonHeader {font-weight: bold; color: #00A1D4;}
.contentPadding {padding:40px;}
.contentPadding2 {padding:20px; padding-top:30px; padding-bottom:10px;}
.footerPadding {padding-left:40px; padding-top:10px; padding-bottom:0px;}

.bottomMargin
{
  margin:0px 0px 20px 0px;
}

h1.siteTitle {border:none 0px; font-family: TypewriterURWExtNar-Lig; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; text-transform: none; font-size: 1.6em; margin-top:20px; margin-left:30px; }

.TypewriterURWExtNar-LigObl { font-family: TypewriterURWExtNar-LigObl; font-weight: normal; font-style: normal; }
.TypewriterURWExtNar-Lig { font-family: TypewriterURWExtNar-Lig; font-weight: normal; font-style: normal;}


.footer {background-color: #00A1D4;  }
.footer p {color:white; font-size: 0.8em;}

.extraPadding {padding: 40px 0px!important;}
.extraMarginTop {margin-top:20px;}
.textCenter {text-align: center;}


ul.specsList li {margin-top:15px;}


thead tr th {background-color:#00A1D4; color:#fff!important; }


.talliNavigation li {background-color: #00A1D4; display:block; list-style: none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; line-height: 1.667;}


.onnistui 
{
  color:green;
}

.charNum 
{
  margin-top:-17px;
  font-size: 0.8em;
  
}

.error2
{
  color:red;
}

.check { display:block; width:350px;

 }
 
 .harmaa 
 {
   background-color:rgb(245,245,245) !important;
 }

 .valkoinen 
 {
   background-color:rgb(255,255,255) !important;
 } 
 .margintop
 {
   margin-top:10px !important;
 }
 
 .pyoristys
 {
  border-radius: 15px;
  padding: 10px; 
 } 
 
  .padding
 {

  padding: 15px; 
 } 
 
 
.Galleriaimg {
    margin: 5px;
    border: 0px solid #ccc;
    float: left;
}

.Galleriaimg:hover {
    border: 0px solid #777;
}

.Galleria.img img {
    width: 100%;
    height: auto;
}

.Galleriadesc {
    padding: 6px;
    text-align: center;
    height: 70px;
   font-family: 'Open Sans', sans-serif; 
   font-size: 14px;
    
    
} 
  .red
  {
    color:red;
  }

.riviotsikko 
  {
    background-color: #004A88;
    color: #fff !important;
    font-weight: bold;
  }
  
  .green
   {
    background-color: green;
    
   }
   
  .multiplezelektsoon
   {
     width: 240px;
   }
   
 .harmaateksti
   {
    color: #4d4d4d !important;
   } 
   
  .buttonactive
   {
    background-color: #798F2C;
   }  
   
   span.error
   {
     color: white;
   }
   
 a:hover, a:focus, a 
 {
    color: #1aabd8;
    
  }
 button:hover, button:focus, .button:hover, .button:focus,  .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) , .top-bar-section ul li:hover:not(.has-form) > a
 {
    background-color: #1aabd8;
 } 
 
 .foundation-5-top-bar {
 
  color: #fff;
}

.foundation-5-top-bar .menu {
  background: #333;
}

.foundation-5-top-bar .menu a {
  color: #fff;
}

.foundation-5-top-bar .is-dropdown-submenu {
  border: 0;
}

.foundation-5-top-bar .is-dropdown-submenu-item.opens-right a::after {
  border-color: transparent transparent transparent #fff;
}

.foundation-5-top-bar .js-drilldown-back > a::before {
  border-color: transparent #fff transparent transparent;
}

.foundation-5-top-bar .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff;
}

.foundation-5-top-bar .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;

}

.menulinkki:hover, menulinkki:focus 
{
  background: #1aabd8;
  color: #fff;
}
.menulinkki 
{
  
  color: #fff;

}

.menu .active > a {

    background: #1aabd8;
   
    }
    
.menulabel {
padding: 0.7rem 1rem;
text-transform: uppercase;
font-size: 0.625rem;
color: #777777;
font-weight: bold;


}   

.drilldown a 
{
background-color: #333333;
}
.sticky {

    position: fixed;
    z-index: 300;
    top:0px;
    width: 100%;    
    
    } 
    
.dropdown.menu > li.is-active > a {
  background: #1aabd8;
  color: #fff; }   
  
  
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a 
  {
  color: #fff;
  }
  
.rem1
{
padding: 1rem 1rem 1rem 1rem;
}  



.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 34px!important;
    
}


.row {
    margin: 0 auto;
    max-width: 118em;
    width: 100%;
}