@charset "UTF-8";
.template form {
  margin: 0px; }

html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  }


.templateframe iFrame {
  border: none; }

.template fieldset {
  padding: 0px;
  border: none; }

.template .td50left {
  width: calc(50% - 5px);
  float: left; }

.template .td50right {
  width: calc(50% - 5px);
  float: right; }

.template input {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  background: #f2f2f2;
  border-radius: 0;
  border: 0;
  }

.template .form_button_special {
  margin: 10px 0px;
  padding: 10px 30px;
  font-size: 14px;
  color: #FFFFFF;
  background: #7EC7F4;
  border: none;
  width: 150px;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.template label {
  font-size: 16px;
  color: #404040;
  font-weight: 600;
  font-family: "Lato";
  }

.template_padding.pienipadding_top {
  margin: 10px 0px 0px 0px;
  padding: 15px; }

.template_padding {
  padding: 10px; }


.mobile_article .info {
  margin: 0px -16px 0px -16px; }

.login input[type="submit"] {
  margin: 10px 0px 0px 0px;
  padding: 10px;
  color: #FFFFFF;
  background: #7EC7F4;
  width: none;
  width: initial;
  border: none;
  cursor: pointer;
  font-weight: bold; }


body {
  margin: 0px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased; }

.template th, .template td {
  vertical-align: top; }

.template p, .template b  {
  font-size: 16px;
  color: #5f6060;
  line-height: 21px;
  font-family: "Lato";
  }

.site-pc .artikkeli_osasto {
  margin: 0px; }

.elamaon .meta {
  margin-bottom: 5px; }

.main a, .mob_sisalto a, .template a {
  color: #7ec7f4;
  font-family: "Lato";
  }

.main a:hover, .mob_sisalto a:hover, .template a:hover {
  color: #5f6060;
  }

.login_page a {
  display: inline; }

p a {
  display: inline; }

form input[type="submit"], form button[type="submit"] {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  
  font-size: 14px;
  -webkit-appearance: none;
  font-weight: 600; }

.template h3 {
  
margin-top: 0;
  
font-family: "Lato";
  
color: #5f6060;
  
}

.template .select-single {
  margin: 0 0 10px;
   }

.template select {
  margin: 5px 0 10px;
  padding: 8px;
  margin-top: 6px;
  background: #f2f2f2;
  border-radius: 0;
  border: 0;
  }

.template button[type="reset"], .template button[type="submit"], .template input[type="reset"] {
  
  font-weight: 600;
  border: 0;
  padding: 8px 36px;
  margin-top: 20px;
  color: #fff;
  background: #7EC7F4;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  font-size: 14px;
  -webkit-appearance: none; }

.template button[type="reset"], .template input[type="reset"] {
  background: #c62d30; }

.jakelu-item {
  margin: 20px 0; }

.jakelu-item p {
  margin: 0; }

.jakelu-item img {
  margin-right: 20px; }

.mob_sisalto .jakelu-item img {
  margin: 20px 0; }

.template {
   }

.template .extfix input#file1 {
  padding: 8px; }

.ag_search_entry, .ag_result_count {
  color: #333333;
  display: block;
  font-family: "proxima-nova",sans-serif; }

.haku_alue {
  margin-top: 15px; }

.mainos_suurtaulu {
  display: block !important; }

.mainos_suurtaulu .banner {
  padding-bottom: 5px; }

.template input#file1 {
  padding: 8px; }

.ag p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 25px; }

.footer_logo_white img {
  margin: 0px !important; }

.yritysten_uutisia .top_vinjet {
  background: #fba403;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.yritysten_uutisia .top_vinjet h2 {
  margin: 10px 0px 0px 0px;
  padding: 5px 10px;
  font-size: 14px;
  color: #FFFFFF; }

.yritysten-uutisia1 .header.secondary {
  display: none; }

.yritysten_uutisia .yritysten-uutisia1 {
  padding: 5px 20px 10px 0px;
  background: #fff;
  font-size: 15px;
  line-height: 19px; }

.sidebarBox .content ul.news li a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #005d9e; }

.sidebarBox .content ul.news li a {
  font-weight: bold;
  text-decoration: none;
  color: #333; }

.tabbedBox div ul.news li, .sidebarBox .content ul.news li {
  margin: 5px 0 15px 0;
  padding: 0px;
  list-style-type: none; }

.sidebarBox .content .news {
  list-style-type: none;
  padding-left: 20px; }

.sidebarBox .content ul.news li .date {
  clear: both;
  font-size: 0.917em;
  color: #666; }

.sidebarBox .content ul.news li br {
  display: none; }

.navigation_box {
  margin-left: -73px;
  margin-bottom: 22px; }

.newsletter-signup {
  border: 1px dashed #dadada;
  padding: 20px 20px 20px 60px;
  margin: 30px 0;
  position: relative;
  font-weight: 600;
  color: #a9a9a9; }

.newsletter-signup:after {
  content: "\f0e0";
  font-family: FontAwesome;
  color: #7EC7F4;
  font-size: 24px;
  position: absolute;
  top: 17px;
  background-color: #fff;
  left: 20px;
  font-weight: normal; }

.newsletter-signup a {
  display: inline;
  color: #7EC7F4; }

.kysymys_vinjetti {
  font-weight: 600;
  padding-bottom: 33px;
  font-size: 14px;
  position: relative; }

.kysymys_vinjetti:after {
  /*content: "\f086";*/
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 12px;
  left: 15px;
  font-weight: normal; }

.kysymys-content {
  padding: 0 !important;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.kysymys-comment {
  font-size: 14px;
  font-weight: 600; }

.kysymys-comment p {
  margin: 0;
  padding: 0px 15px 15px; }

.answer:hover {
  background: #f0f0f0; }

.answer:before {
  content: "\f1db";
  font-family: FontAwesome;
  margin: 1px 8px 0 0;
  float: left;
  background: #fff;
  border-radius: 50%;
  color: #ccc; }

.answer:hover:before {
  content: "\f192";
  /*color: #7EC7F4;*/
  color: #797979; }

.answer-result-state:after {
  background: rgba(0, 0, 0, 0.05);
  height: 10px;
  display: block;
  content: "\ ";
  position: absolute;
  z-index: 0;
  margin-top: -19px;
  border-radius: 10px;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  width: 270px; }

.answer-result-text {
  position: relative;
  top: -24px;
  text-shadow: none;
  display: table;
  width: 270px;
  white-space: initial; }

.answers_container {
  position: relative; }

.answer-result-state {
  text-shadow: none; }

.kysymys-comment a {
  color: #7EC7F4; }

.main-wrapper .some-top {
  margin-bottom: 10px;
  max-width: 60px !important;
  min-width: 60px !important;
  width: 60px !important;
  float: left;
  margin-top: 16px; }

.poll_artikkeli .edelliset_poll .mielipide_otsikko p {
  margin: -10px 0px 20px 0px; }

.poll_artikkeli .agPoll {
  padding: 10px 0px !important; }

.mielipide_vinjetti p:after, .urheilu_vinjetti p:after, .kysymys_vinjetti p:after, .yritystenuutisia_vinjetti p:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px;
  position: absolute;
  left: 0px;
  top: 30px;
  border-color: #333 #333 transparent transparent; }

.tablet .upper_article h1 {
  margin: 10px 0 0;
  font-size: 34px;
  line-height: 40px; }

.upper_article .text_area .meta span.webdepartment-name {
  color: white;
  background: #C62D30;
  padding: 6px 8px;
  margin-right: 5px; }

.mm_template {
  
  color: #404040; }

.mm_template h3 {
  margin: 0px; }

table.result {
  border-bottom: 1px solid #e9eaed;
  padding-top: 20px;
  width: 100%; }

td.date {
  color: #a7a7a7;
  width: 75%; }

table.result p {
  margin: 0px; }

#gallery_body {
  border-top: 1px solid #e9eaed;
  margin: 30px 0 10px; }

.tablet i.fa.fa-bars:after {
  content: "VALIKKO";
  
  font-size: 15px;
  position: relative;
  top: -2px;
  margin: 0px 0 0 10px;
  font-weight: 600; }

.article_page .main, .main-title {
  margin-right: 40px !important; }

.article_page .tablet .some-top {
  margin-bottom: 10px;
  max-width: 100% !important;
  min-width: auto !important;
  width: auto !important;
  float: none;
  margin-top: 16px; }

.header-wrapper {
  background: #fff;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1; }

.header-container {
  padding-left: 22px;
  padding-right: 22px; }

.site-pc {
  padding-top: 22px !important; }

.main-wrapper .some-top a .at-icon-wrapper {
  line-height: 42px !important;
  height: 42px !important;
  width: 42px !important; }

.main-wrapper .some-top .at-icon {
  margin-top: 5px;
  width: 42px !important; }

.AgGallery .gallery-container {
  z-index: 0; }

.previous-poll .question_text:before {
  content: "\f086";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #7EC7F4; }

.previous-poll .question_text {
  margin: 8px 0 6px; }

.main-wrapper .newsletter-signup {
  /*margin-left: 95px;*/ }

.footer_ala p span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase; }

.template .well.kokotilaus {
  margin: 0px 0px 0px 5px;
  padding: 15px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  float: right;

  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); }

.template .well.verkko {
  margin: 0px 5px 0px 8px;
  padding: 15px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  float: left;

  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); }

.template .well.kokotilaus select, .template .well.verkko select, .template .well.painettu select {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px; }

.template .well i {
  padding: 0px 4px 0px 0px;
  color: #7EC7F4; }

.template .well h5.text-normal {
  margin: 5px 0px;
  font-size: 14px;
  color: #404040;
  font-family: "proxima-nova",sans-serif;
  font-weight: 400; }

.template .well h4 {
  margin: 15px 0px;
  font-size: 16px;
  color: #404040;
  font-family: "proxima-nova",sans-serif;
  font-weight: 600; }

.template .well h3 {
  margin: 5px 0px;
  font-size: 20px;
  color: #333333;
  font-family: "proxima-nova",sans-serif;
  font-weight: 600; }

.template .well h5.bottom {
  margin: 30px 0px 10px 0px;
  font-weight: 600; }

.template .well.verkko button.btn.btn-success.center-block, .template .well.painettu button.btn.btn-success.center-block {
  padding: 10px;
  border: none;
  font-size: 16px;
  color: #FFFFFF;
  background: #7EC7F4;
  width: 100%;
  border-radius: 20px; }

button.btn.btn-success {
  padding: 10px;
  border: none;
  margin-bottom: 25px;
  color: #FFFFFF;
  background: #7EC7F4;
  width: 200px;
  border-radius: 20px;
  font-size: 18px !important;
  font-weight: 700;
  cursor: pointer;
}
button.btn.btn-success:hover {
   background: #5f6060;
}

.template .well.kokotilaus button.btn.btn-success.center-block {
  padding: 10px;
  border: none;
  font-size: 16px;
  color: #FFFFFF;
  background: #7EC7F4;
  width: 100%;
  border-radius: 20px; }

.template p.text-center {
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  color: #333333; }

.template ul.orderState li {
  font-family: 'Lato';
  font-weight: 300; 
  
 }

.template h1.tilaus {
  margin: 30px 0px 10px 0px;
  font-size: 20px;
  color: #333333;
  font-family: "proxima-nova",sans-serif; }

.toimitus .Image .Image {
  cursor: default;
  border-radius: none;
  border: none; }

.mobile_content .padding_toimitus {
  padding: 2px 0px 5px 20px; }

.tablet .padding_toimitus {
  padding: 5px 0px 10px 20px; }

.toimitus .Image {
  cursor: default;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.upper_article .crop_container img {
  background-color: #fff;
  width: 636px; }

.ilmoitukset_wrap {
  margin-left: calc(50% - 40px); }

.ilmoitukset_wrap:target, .ilmoitukset_wrap:hover, .tilausasiat_wrap:target, .tilausasiat_wrap:hover {
  display: flex !important; }

.tilausasiat_wrap {
  margin-left: calc(50% + 55px); }

.muutlehdet .title {
  margin: 10px 0px 0px 0px;
  font-size: 16px;
  color: #333333;
  font-family: "ff-meta-serif-web-pro",serif;
  font-weight: normal; }

.muutlehdet .pubDate {
  margin: 0px 10px 0px 0px;
  font-size: 12px;
  color: #999999;
  font-family: "proxima-nova";
  letter-spacing: 0.25px; }

.muutlehdet .item {
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #e9eaed;
  line-height: 22px; }

.nuoli_alas_ilmoitukset, .nuoli_alas_tilausasiat {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out; }

.yritysten_uutisia {
  margin: 30px 0; }

.yritystenuutisia_vinjetti {
  font-weight: 600;
  padding-bottom: 33px;
  font-size: 14px;
  position: relative; }

.yritystenuutisia_vinjetti p {
  background-color: #7EC7F4; }

.yritysten_uutisia .yritysten-uutisia1 .rss-item-auth a {
  color: #7EC7F4 !important; }

.yritysten_uutisia .yritysten-uutisia1 a:hover {
  color: #C62D30 !important; }

.blank-page .header-wrapper {
  box-shadow: none; }

.blank-page .navi {
  border-bottom: 1px dotted #ccc; }

@media all and (max-width: 1194px) {
  .mainos_alue {
    display: none !important; }
  .extra_margin {
    display: none !important; }
  .navigation_box {
    margin-left: 0px !important; }
  .calc {
    margin-left: calc((100% - 980px) /2); } }

.mobile_article .kolmos_prio .luelisaa {
  margin: 10px 0 0; }

.mobile_article .ag p {
  margin: 25px 0px;
  font-size: 12px; }

.template .well.painettu {
  margin: 0px 5px 0px 0px;
  padding: 15px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  float: left;

  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); }

table.orde_info th {
  padding: 20px 0;
  color: #404040;
  vertical-align: top; }

#calendar table {
  font-family: proxima-nova, helvetica, sans-serif !important;
  font-weight: normal;
  font-size: 14px; }

.calendar_disabled_daysnormalDay, .calendar_disabled_days_calendar_today, .calendar_not_this_month {
  color: #999; }

.normalDay {
  cursor: pointer; }

.order_box {
  padding: 20px;
  border: 1px solid #ccc;
  background: #f1f1f1;
  max-width: 300px;
  bottom: 10px;
  right: 0;
  position: absolute;
  }

table.orde_info.confirmation {
  float: left; }

.order_box p {
  margin: 0px; }

.kursivointi {
  font-style: italic; }

.scrollX {
  overflow-x: scroll; }

.template.mobile .well.verkko, .template.mobile .well.painettu, .template.mobile .well.kokotilaus {
  margin: 10px 0px 0px 0px;
  float: initial;
  width: 200px;
  margin-left: calc(50% - 105px); }


.template.mobile li.passive {
  display: none !important; }

.template.mobile ul.orderState {
  background: initial;
  /* width: 200px !important; */
  }

.template.mobile li.active {
  border-bottom: 4px solid #cccccc; }

.template.mobile .td50left, .template.mobile .td50right {
  width: 100%;
  float: initial; }

.template.mobile table.orde_info.confirmation {
  width: 100%;
  float: initial; }

.template.mobile .order_box {
  margin: 10px 0px 0px 0px;
  float: left; }

.eventspage h2.valiotsikko::before {
  content: "+ "; }

.eventspage h2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.eventspage h2.valiotsikko.active::before {
  content: '- '; }

span.ag_search_entry {
  display: block;
  margin-top: 10px; }

@media screen and (max-width: 400px) {
  .mobile_article .mobile_header .logo img {
    padding: 15px 0px 0px 0px; } }

.eventspage p.titteli {
  font-size: 18px;
  font-weight: bold;
  border-top: 1px solid #dadada;
  padding-top: 5px; }

.eventspage h2.valiotsikko:not(:first-child) {
  padding: 32px 0px 10px 0px; }

.main-wrapper .some-top a.at-share-btn {
  max-height: 42px !important;
  max-width: 42px !important; }

.newURL {
  display: none !important; }

.maakunnan-luetuimmat h1, .toimitus-suosittelee h1 {
  font-size: 14px;
  line-height: 18px; }

.maakunnan-luetuimmat .julkaisu {
  color: #0087ca;
  font-weight: 600;
  font-size: 12px;
  margin: 3px 10px 0 0;
  text-transform: uppercase; }

.maakunnan-luetuimmat a:last-of-type > div, .toimitus-suosittelee a:last-of-type > div {
  border: none !important;
  padding-bottom: 0 !important; }

.maakunnan-luetuimmat a > div, .toimitus-suosittelee a > div {
  padding: 13px 0; }

.maakunnan-luetuimmat .meta, .toimitus-suosittelee .meta {
  margin-top: 3px; }

.aiheesta2 {
  margin: 30px 0 40px;
  background: #f6f7f9;
  border: 1px solid #e9ebee;
  padding: 10px;
  /*-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/ }

.aiheesta2 .lisaa {
  border: none; }

.aiheesta2 .lisaa a:last-child .tasta {
  border: none;
  padding-bottom: 0; }

.aiheesta2 .lisaa .tasta {
  padding: 15px 10px 10px 0; }

.aiheesta2 .lisaa_aiheesta {
  padding: 0;
  background: transparent; }

.aiheesta2 .lisaa_aiheesta p {
  padding: 0;
  color: #404040;
  font-weight: 600;
  margin: 0 0 8px; }

.aiheesta2 .meta .publication-name {
  font-size: 14px;
  color: #0087ca;
  font-weight: 600;
  padding: 0;
  position: relative;
  top: -1px; }

.solid_bottom.matop_kolme {
  display: inline-block;
  padding-bottom: 15px; }

.solid_bottom.matop_kolme.aghor {
  display: flex; }

.AgGallery .AgLeftArrow {
  border: none;
  right: 0; }

.AgGallery .AgLeftArrow:before {
  background: rgba(0, 0, 0, 0.2);
  content: "\f105";
  cursor: pointer;
  display: inline-block;
  font-family: fontAwesome;
  font-size: 56px;
  color: #fff;
  line-height: 65px;
  margin-left: -70px;
  padding-left: 5px;
  text-align: center;
  width: 65px; }

.AgGallery .AgRightArrow:hover:before, .AgGallery .AgLeftArrow:hover:before {
  background: rgba(0, 0, 0, 0.3); }

.main-wrapper .teksti-main {
  margin-left: 95px; }

.not_my_answer.answer_incorrect.answer-result-state:before {
  content: "\ ";
  background: #7EC7F4;
  border-radius: 10px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: 10px;
  width: inherit; }

.block {
  display: block !important; }

.artikkelikainalot {
  margin: 30px 0 0; }

.artikkelikainalot-otsikko h3 {
  float: left;
  margin: 20px 0 10px; }

.mobile_article .maakunnan-luetuimmat, .mobile_article .toimitus-suosittelee {
  margin-bottom: 30px; }

.marighttop_small {
  margin: 3px 10px 0px 0px; }

ala_links {
  border: none !important; }

.mob_dropdown_navi a:last-child .ala_links {
  border-bottom: none !important; }

.dropdown_navi a {
  width: 100%; }

iframe {
  overflow-y: hidden; }

@media screen and (max-width: 767px) {
  .aiheesta2-item {
    display: table  !important; }
  .aiheesta2-item-publication,
  .aiheesta2-item-title,
  .aiheesta2-item-title > div {
    width: 100%  !important;
    min-width: 100%  !important;
    max-width: 100%  !important; } }

.site .navigation_box {
  margin-left: 20px; }

.site .extra_margin {
  display: none !important;
  width: 0 !important; }

.site .header {
  left: 0 !important; }

ul.orderState {
  background-color: transparent; }

a.ag_paid_content h1.otsikko:after {
  background: url("http://lukijat.koillissanomat.fi/wp-content/uploads/sites/7/ks-tilaajille.png") 0 0 no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 18px;
  margin-bottom: 10px;
  position: relative;
  top: 4px;
  width: 83px; }

.dfp-boksi {
  max-height: inherit !important;
  min-height: inherit !important;
  height: auto !important;
  text-align: center;
  max-width: 100% !important; }

.dfp-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.dfp-boksi > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important; }

.upper_article .text_area .meta span.textelement-embargo {
  color: rgba(255, 255, 255, 0.9);
  margin-top: 6px; }

.kelluva_navi .navigation_box {
  margin-bottom: 0px; }

@media screen and (min-width: 768px) {
  .aspa-nav {
    position: relative;
    z-index: 3; }
  .aspa-nav ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0; }
  .aspa-nav ul a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 42px;
    padding: 0 15px;
    text-transform: uppercase; }
  .aspa-nav ul a:hover {
    color: #333; }
  .aspa-nav ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0; }
  .aspa-nav ul li:hover {
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }
  .aspa-nav ul li li:hover {
    background: #f6f6f6; }
  .aspa-nav ul ul {
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 0;
    text-align: right;
    z-index: 10; }
  .aspa-nav ul ul li {
    float: none;
    width: 200px; }
  .aspa-nav ul ul a {
    line-height: 120%;
    padding: 15px;
    color: #333; }
  .aspa-nav ul ul ul {
    top: 0;
    left: 100%; }
  .aspa-nav ul li:hover > ul {
    display: block; } }

.today:before {
  content: "Tänään on ";
  float: left;
  margin-right: 4px; }

.link-tilaajasisalto {
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
  font-size: 13px;
  padding: 13px 15px 14px; }

.link-tilaajasisalto.login, .link-tilaajasisalto.logout {
  text-transform: uppercase;
  font-weight: 500;
  /*background: #c62d30;*/
  padding-right: 15px;
  padding-left: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.link-tilaajasisalto.login a, .link-tilaajasisalto.logout a {
  /*color: #fff;*/
  color: #333; }

.link-tilaajasisalto i.fa {
  color: #999;
  margin-right: 5px; }

.some-wrapper {
  margin: 0 0 40px 0; }

a.link-tilaajasisalto:hover, .link-tilaajasisalto a:hover {
  color: #C62D30; }

.gallery-item-wrapper {
  position: relative; }

.gallery-item {
  position: absolute !important; }

.gallery-item-wrapper > div {
  position: relative;
  z-index: 1; }

.gallery-item-data-wrapper {
  color: #fff;
  position: absolute !important;
  bottom: 0px;
  padding: 15px 15px 5px;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); }

.gallery-item-data-wrapper h1, .gallery-item-data-wrapper .meta span.textelement-embargo {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.gallery-item-small h1 {
  margin: 5px 0px 10px 0px;
  font-size: 20px;
  line-height: 24px; }

.gallery-item-large h1 {
  font-size: 30px;
  line-height: 34px;
  margin: 5px 0px 10px 0px; }

.mabottom40 {
  margin-bottom: 40px; }

.kuvagalleriat_text {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-top: 9px;
  position: absolute;
  text-transform: uppercase;
  z-index: 2; }

.kuvagalleriat_text span {
  background: #C62D30;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 9px 13px; }

.kuvagalleriat_text .fa {
  margin-right: 5px; }

.mabottom80 {
  margin-bottom: 80px; }

.AgGallery .extra {
  background-color: transparent;
  box-shadow: none;
  color: #444; }

.AgGallery .AgRightArrow {
  border: none;
  left: 0; }

.AgGallery .AgRightArrow:before {
  background: rgba(0, 0, 0, 0.2);
  content: "\f104";
  cursor: pointer;
  display: inline-block;
  font-family: fontAwesome;
  font-size: 56px;
  color: #fff;
  line-height: 65px;
  padding-right: 5px;
  text-align: center;
  width: 65px; }

.mainos_boksi1 img, .mainos_boksi2 img, .mainos_boksi3 img {
  max-width: 300px;
  height: auto; }

.main-wrapper .faktaboxi .teksti-main {
  margin-left: 0px; }

.blue_box .blue .meta span.webdepartment-name {
  color: #FF363A; }

.lukijankuvat .main-wrapper p.teksti {
  margin-left: 0px; }

@media screen and (max-width: 310px) {
  .mobile_article .mobile_header .logo img {
    padding: 17px 0px 0px 0px; } }

.mobile_article .alakerta_page_vinjetti .webdepartment-name {
  font-size: 12px; }

.alakerta_page_vinjetti.red span.webdepartment-name {
  color: #BF292C; }

.hedernav .login p, .hedernav .logout p {
  margin: 0px;
  padding: 0px;
  color: inherit;
  text-align: center; }

@media screen and (max-width: 300px) {
  .mobile_article .mobile_header .logo img {
    padding: 18px 0px 0px 0px; } }

.extra_meta .meta span.textelement-embargo.datetime {
  margin: 0px 5px 0px 0px; }

.tee_tilaus_button p {
  margin: 0px !important;
  padding: 10px;
  color: #FFFFFF; }

.show {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important; }

.luelisaa h1 {
  font-family: "proxima-nova";
  font-size: 18px !important;
  font-weight: 600;
  line-height: 22px !important;
  margin: 5px 0 !important; }

@media all and (min-width: 1160px) {
  .top-bar, .site, .header, .dropdown, .footer_harmaa > div, .tumma_sin > div, .tumma_sin2 > div {
    position: relative;
    left: -20px; }
  .dropdown .dropdown {
    left: 0; }
  .yhteystiedot_wrap {
    margin-left: calc(50% + 180px); }
  .asiakaspalvelu_wrap {
    margin-left: calc(50% + 80px); }
  .tilausasiat_wrap {
    margin-left: calc(50% + 90px); }
  .ilmoitukset_wrap {
    margin-left: calc(50% - 120px); }
  .navi {
    margin-left: -20px; } }

.buttonit .form_button_special {
  padding: 7px 15px;
  border-radius: 3px; }

.mobile_article .osasto_sivu .luelisaa h1 {
  margin: 3px 0px 10px 0px;
  font-size: 18px;
  line-height: 22px;
  color: #404040; }

.site {
  padding: 0px 22px 44px;
  background: #fff;
  /*border-right: 1px solid rgba(0,0,0,0.1);
border-left: 1px solid rgba(0,0,0,0.1);*/
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.red_vinjet p {
  margin: 0px;
  padding: 9px 10px 8px !important;
  font-size: 11px;
  color: #FFFFFF;
  background: #bf292c;
  display: inline-block;
  text-transform: uppercase;
  font-family: "proxima-nova"; }

.red_vinjet p, .red_vinjet_position p {
  margin: 0px;
  padding: 9px 10px 8px !important;
  font-size: 11px;
  color: #FFFFFF;
  background: #bf292c;
  display: inline-block;
  text-transform: uppercase;
  font-family: "proxima-nova"; }

.mobile_article .luelisaa h1 {
  margin: 5px 0px;
  font-size: 18px;
  line-height: 22px;
  font-family: "proxima-nova";
  font-weight: 600; }

.pop_up iframe {
  border: none !important; }


ul.orderState
{
	list-style-type:none;
	list-style: none;
	font-weight:bold;
	margin: 2px ;
	padding:0px;
	height:44px;
	width:100%;
	text-align:left;
	display: table;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-khtml-border-radius:5px;
	
	
}

ul.orderState li
{
	display: inline-grid;
	width:30%;
	height:100%;
	line-height:100%;
	font-size:18px;
	vertical-align:middle;
	color:#aaa;
	border-bottom:8px solid #dadada;
	padding:10px 0px;
	margin-right: 20px;
}

li.active
{
	border-bottom:8px solid #7EC7F4 !important;
	color: #7EC7F4 !important;
	font-weight: 600 !important; 
}

table.orde_info
{
	border-collapse: collapse; 
	border-spacing:3em;
}

table.orde_info tr
{
	
	
	margin:20px;
}

table.orde_info th
{
	font-weight:bold;
	text-align:right;
	vertical-align:top;

}

table.orde_info td
{
	text-align:left;
	margin:20px;
	padding:20px;
	color:#404040;
	vertical-align:top;
}

.template
{
	margin: 0px auto;
	position: relative;
	height: 650px;
	width: 100%;
	padding-top: 50px;
}
.template.login{
  height: auto;
  margin-bottom: 30px;
} 

.template.payment, .template.confirm, .template.mobile.confirm{
  height: auto;
  margin-bottom: 30px;
  width: 90%
}

div.template h1
{
	text-align:center;
	margin:10px;
	color: #5f6060;
	font-family: "Lato";
	margin-top: 15px;
	font-weight: 900;
}
div.template.confirm h1
{
	padding-top: 40px;
	margin-left: 0px;
}

.template.mobile{
    padding: 0px 0px;
	width: 100%;
}

ul.product {
	list-style: none;
	width: 100%;
    margin:0px auto;
    padding-left: 0px;
	text-align:left;
}


table.product th{

	width: 10px;

	color:#7EC7F4;	
	font-size:22px;	
}

ul.product li:before {
	content: '✓';
	color:#7EC7F4;	
	font-size:22px;	
}

ul.product li:before {
	margin:6px;
}

ul.product li {
	font-size: 12px;
	line-height: 20px;
	font-weight:bold;
	color: #5f6060;
	font-family: "Lato";
	padding-right: 5px;
	padding-left: 5px;
}

#page {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align:center;
	padding-top: 40px;
}

.pageItem {
	width: 310px;
	margin-bottom:20px;
	background-color:#fff;
	padding: 10px 0px 20px 0px;
	z-index: 20;
}
@media only screen and (max-width: 1090px) {
  .pageItem {
    width: 290px;
  }
}
@media only screen and (max-width: 970px) {
  .pageItem {
    width: 265px;
  }
}
@media only screen and (max-width: 900px) {
  .pageItem {
    width: 255px;
  }
  .pageItem:nth-child(1){
    margin-left: 30pxv
  }

  .pageItem:nth-child(3){
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 850px) {
  .pageItem {
    width: 230px;
  }
  .pageItem:nth-child(1){
    margin-left: 20px !important;
  }

  .pageItem:nth-child(3){
    margin-right: 20px !important;
  }
}
.pageItem:nth-child(even) {
	background: #eaeaea;
}

.order-highlight .well  
{
	width:210px;
}

.mobile .pageItem {
	background: #f2f2f2;
}

body {

    background: #fff;

}


.formselect {
  width: 100%;
}


.mobile .pageItem 
{
	width:100%;
	margin-bottom:20px;
	margin-left: 0!important;
	margin-right: 0 !important;
}

.mobile ul.product li:before {
	margin:20px;
}

.mobile ul.product 
{
	width:70%;
}
	
.mobile .order-highlight .well  
{
	width:100%;
}

b.productLabel
{
	margin-top:20px;
	margin-bottom:20px;
	color: #5f6060;
}

.mobile ul.product li:before {

	font-size:12px;	
}



.mobile ul.product li {
	font-size:12px;
	font-weight:bold;
}

p.infoText {
	text-align:center;
	width: 60%;
	margin: 0px auto;
	margin-top: 15px;
	margin-bottom: 40px;
	font-size:14px;
}


#infoContainer {
	background-color:#f2f2f2;
	text-align:center;
	height: 430px;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
}
.template.mobile #infoContainer {
	background-color:#f2f2f2;
	text-align:center;
	height: auto;
	position: static;
	width: 100%;
    padding-top:20px;
}
.template.mobile p.infoText {
	width: 80%;
}
.pageItem:nth-child(1){
  margin-left: 50px;
}

.pageItem:nth-child(3){
  margin-right: 50px;
}
.template.login form {
    width: 90%;
    margin: 0 auto;
	margin-top:30px;
}

.template.login ul {
    width: 90%;
    margin: 0 auto;
}
@media only screen and (max-width: 1135px)  {
  .template {
  height: 669px;
  }
  #infoContainer {
    height: 450px;
  }
}

.halfWidth{
  width:50% !important;
}

.template.mobile .halfWidth{
  width:100% !important;
}

.payment p, .payment b {
	line-height: 20px;
	font-size:18px;
}

.confirm p, .confirm b {
	line-height: 20px;
	font-size:18px;
}

.confirm h1 {
	text-align:left !important;
}

.payment input[type=checkbox] {
	width: initial !important;
	display:inline !important;
	height:initial !important;
	margin:initial !important;
}

table.product {
	width: 75%;
    margin:0px auto;
    padding-left: 0px;
	text-align:left;
    table-layout:fixed; 
}

.template.mobile table.product {
	width: 50%;
}

.product tr  {
	height:10px;
}

.product td  {
	vertical-align: middle;
	font-size: 12px;	
}

table.product th  {
	width:18px;
	font-size: 20px;
	color:#7EC7F4;	
	font-family: 'Zapf Dingbats'
}