/*
Only used in grids.
Max-width - min-width media queries.
*/
.arrow {
  content: '\3e';
  color: #00336f;
  position: absolute;
}

.expandable-menu, .l-region--sidebar-first nav .menu li.collapsed {
  position: relative;
}
.expandable-menu:after, .l-region--sidebar-first nav .menu li.collapsed:after {
  content: ' ';
  right: 5px;
  top: 50%;
  margin-top: -10px;
  height: 17px;
  width: 20px;
  background: url("/sites/all/themes/patria/images/icons/expand.png") no-repeat;
  position: absolute;
}

.expanded-menu, .l-region--sidebar-first nav .menu li.expanded {
  position: relative;
}
.expanded-menu:after, .l-region--sidebar-first nav .menu li.expanded:after {
  content: ' ';
  right: 5px;
  top: 12px;
  height: 17px;
  width: 20px;
  background: url("/sites/all/themes/patria/images/icons/expanded.png") no-repeat;
  position: absolute;
}

.inactive-menu-item > a:before, .l-region--sidebar-first nav .menu li .menu li > a:before, .l-region--sidebar-first nav .menu li .menu li .menu li > a:before {
  content: ' ';
  left: 5px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  width: 12px;
  background: url("/sites/all/themes/patria/images/icons/menu-item.png") no-repeat;
  position: absolute;
}

.active-menu-item:before, .l-region--sidebar-first nav .menu li .menu li > .active:before, .l-region--sidebar-first nav .menu li .menu li .menu li > .active:before {
  content: ' ';
  left: 5px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  width: 12px;
  background: url("/sites/all/themes/patria/images/icons/menu-item-active.png") no-repeat;
  position: absolute;
}

.inactive-menu-item-3rd-level, .l-region--sidebar-first nav .menu li .menu li.expanded {
  position: relative;
}
.inactive-menu-item-3rd-level > a:before, .l-region--sidebar-first nav .menu li .menu li.expanded > a:before {
  content: ' ';
  top: 21px;
  height: 12px;
  width: 12px;
  background: url("/sites/all/themes/patria/images/icons/menu-item.png") no-repeat;
  position: absolute;
}

.active-menu-item-3rd-level, .l-region--sidebar-first nav .menu li .menu li.expanded > .active {
  position: relative;
}
.active-menu-item-3rd-level:before, .l-region--sidebar-first nav .menu li .menu li.expanded > .active:before {
  content: ' ';
  left: -15px;
  top: 11px;
  height: 12px;
  width: 12px;
  background: url("/sites/all/themes/patria/images/icons/menu-item-active.png") no-repeat;
  position: absolute;
}

.slash, .breadcrumb a:after {
  content: '\2f';
  color: #3d9cd4;
  padding: 0 15px;
}

.nostyle, .block--menu-block-1 .menu-block-1 .menu,
.block--menu-block-1 .menu-block-1 .expanded,
.block--menu-block-1 .menu-block-1 .leaf, .l-region--sidebar-first nav .menu,
.l-region--sidebar-first nav .leaf,
.l-region--sidebar-first nav .collapsed,
.l-region--sidebar-first nav .active, .l-region--sidebar-first nav .menu li.active-trail, .l-region--sidebar-first nav .menu li.expanded {
  list-style-type: none;
  list-style-image: none;
}

fieldset {
  padding: 0;
  border: none;
  margin: 0;
}

form input {
  -webkit-border-radius: 0;
  padding: 0 10px;
  border: 1px solid #e1e1e1;
  color: #747579;
}
form input.form-submit {
  border: 0;
  background: #00336f;
  color: white;
}
form input.form-submit:hover {
  background: #3e9bd4;
  color: white;
}
form label {
  margin: 10px 0;
}

img, media {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

html, body {
  color: #222021;
  font-family: "Titillium Web", sans-serif;
}

.ui-widget {
  font-family: "Titillium Web", sans-serif;
}

a {
  color: inherit;
  outline: none;
  -moz-outline-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1.2;
}

h1 {
  font-size: 40px;
  font-size: 2.5rem;
}

h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
}

h4 {
  font-size: 16px;
  font-size: 1rem;
}

h5 {
  font-size: 16px;
  font-size: 1rem;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
}

article h2, article h3, article h4, article h5, article h6 {
  font-weight: 300;
}
article h4 {
  font-weight: 700;
}
article .field--name-field-ingress {
  font-size: 22px;
  font-weight: 200;
  padding-bottom: 15px;
}
article p, article ol, article ul {
  padding: 15px 0;
  padding-top: 0;
}
article ol, article ul {
  padding-left: 20px;
}
article li {
  padding-left: 10px;
}
article a {
  color: #00336f;
  text-decoration: none;
}
article a:hover, article a:active {
  color: #3e9bd4;
}

@media (min-width: 769px) {
  article .field--name-field-ingress,
  article h2, article h3, article h4, article h5, article h6, article p, article ol, article ul {
    padding-right: 40px;
  }
}
.breadcrumb {
  text-transform: uppercase;
  color: #d1d5d8;
  font-size: 11px;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #3e9bd4;
}

.responsive-menus.responsified .rm-removed a {
  font-size: 18px;
  color: white;
  text-transform: initial;
  text-align: center;
  text-decoration: none;
}
.responsive-menus.responsified .rm-removed a:hover, .responsive-menus.responsified .rm-removed a.active {
  text-decoration: none;
  border-bottom: none;
}
.responsive-menus .menu a {
  color: #003370;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}
.responsive-menus .menu a:hover, .responsive-menus .menu a.active, .responsive-menus .menu a.active-trail {
  transition: none;
  border-bottom: 3px solid #003370;
}
.responsive-menus .menu .menu a {
  font-size: 14px;
  text-transform: initial;
  font-weight: 600;
}
.responsive-menus .menu .menu a:hover, .responsive-menus .menu .menu a:active {
  color: #3d9cd4;
  border-bottom: 0;
}

@media (min-width: 890px) {
  .responsive-menus .menu a {
    font-size: 14px;
  }
}
.block--locale-language a {
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  color: #00336f;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.block--locale-language a:hover, .block--locale-language a.active {
  transition: none;
  border-bottom: 2px solid #00336f;
}

@media (min-width: 769px) {
  .block--locale-language a {
    font-weight: 600;
    font-size: 11px;
  }
}
.l-region--footer-top ul a {
  font-size: 12px;
  font-weight: 400;
  color: white;
  text-decoration: none;
}
.l-region--footer-top ul a.some {
  text-indent: -9999px;
}

@media (min-width: 480px) {
  .l-region--footer-top ul a {
    font-size: 20px;
    color: white;
    text-decoration: none;
  }
  .l-region--footer-top ul a:hover {
    text-decoration: underline;
  }
}
.l-region--sidebar-first .menu li a:hover {
  color: #3d9cd4;
}
.l-region--sidebar-first .menu li .menu li a {
  font-size: 14px;
  font-weight: 400;
}
.l-region--sidebar-first .menu li .menu li a.active {
  color: #3d9cd4;
}

.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box .field--name-title {
  text-transform: uppercase;
  font-size: 20px;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box .field--name-body {
  font-size: 12px;
}

.block--views-ajankohtaista-block h2 {
  color: #27292b;
  font-size: 30px;
  font-weight: 400;
}
.block--views-ajankohtaista-block h2:hover {
  color: #818284;
}
.block--views-ajankohtaista-block .block__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.05;
  padding: 0 15px 15px 15px;
  margin-bottom: 10px;
}
.block--views-ajankohtaista-block .field h2 {
  font-size: 20px;
  padding: 0;
}
.block--views-ajankohtaista-block .field p {
  color: #818284;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.block--views-ajankohtaista-block .field a {
  text-decoration: none;
}
.block--views-ajankohtaista-block .field:hover {
  cursor: pointer;
}
.block--views-ajankohtaista-block .field--name-body p, .block--views-ajankohtaista-block .field--name-body h2, .block--views-ajankohtaista-block .field--name-body h3, .block--views-ajankohtaista-block .field--name-body h4, .block--views-ajankohtaista-block .field--name-body h5, .block--views-ajankohtaista-block .field--name-body h6, .block--views-ajankohtaista-block .field--name-body strong {
  color: black;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.block--views-ajankohtaista-block .more-link a {
  font-size: 16px;
  color: #003370;
  text-decoration: none;
  text-transform: inherit;
}

.bricks-layout .field--name-field-liftup-title-longer {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.05;
}
.bricks-layout .field--name-field-liftup-subtitle {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.05;
}
.bricks-layout .field--name-field-liftup-text {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 300;
  padding-top: 24px;
}

.product-news h2,
.news-by-year h2,
.events h2 {
  color: #222021;
  font-size: 30px;
  font-weight: 600;
}
.product-news .field h2,
.news-by-year .field h2,
.events .field h2 {
  font-size: 20px;
}
.product-news .field p,
.news-by-year .field p,
.events .field p {
  color: #747678;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.product-news .field a,
.news-by-year .field a,
.events .field a {
  text-decoration: none;
}
.product-news .field--name-body p, .product-news .field--name-body h2, .product-news .field--name-body h3, .product-news .field--name-body h4, .product-news .field--name-body h5, .product-news .field--name-body h6, .product-news .field--name-body strong,
.news-by-year .field--name-body p,
.news-by-year .field--name-body h2,
.news-by-year .field--name-body h3,
.news-by-year .field--name-body h4,
.news-by-year .field--name-body h5,
.news-by-year .field--name-body h6,
.news-by-year .field--name-body strong,
.events .field--name-body p,
.events .field--name-body h2,
.events .field--name-body h3,
.events .field--name-body h4,
.events .field--name-body h5,
.events .field--name-body h6,
.events .field--name-body strong {
  color: #747678;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.product-news .field--name-field-ingress,
.news-by-year .field--name-field-ingress,
.events .field--name-field-ingress {
  color: #747678;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.product-news .field--name-post-date,
.product-news .field--name-field-news-category,
.product-news .field--name-field-product-category,
.product-news .field--name-field-event-date,
.product-news .field--name-field-event-location,
.news-by-year .field--name-post-date,
.news-by-year .field--name-field-news-category,
.news-by-year .field--name-field-product-category,
.news-by-year .field--name-field-event-date,
.news-by-year .field--name-field-event-location,
.events .field--name-post-date,
.events .field--name-field-news-category,
.events .field--name-field-product-category,
.events .field--name-field-event-date,
.events .field--name-field-event-location {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.product-news .field--name-field-product-category,
.product-news .field--name-field-news-category,
.product-news .field--name-field-event-location,
.news-by-year .field--name-field-product-category,
.news-by-year .field--name-field-news-category,
.news-by-year .field--name-field-event-location,
.events .field--name-field-product-category,
.events .field--name-field-news-category,
.events .field--name-field-event-location {
  color: #3d9cd4;
}
.product-news .field--name-post-date,
.product-news .field--name-field-event-date,
.news-by-year .field--name-post-date,
.news-by-year .field--name-field-event-date,
.events .field--name-post-date,
.events .field--name-field-event-date {
  color: #747678;
}

.node--news-article--full .field--name-post-date,
.node--news-article--full .field--name-field-news-category,
.node--news-article--full .field--name-field-product-category,
.node--news-article--full .field--name-field-event-date,
.node--news-article--full .field--name-field-event-location,
.node--product-news--full .field--name-post-date,
.node--product-news--full .field--name-field-news-category,
.node--product-news--full .field--name-field-product-category,
.node--product-news--full .field--name-field-event-date,
.node--product-news--full .field--name-field-event-location,
.node--event--full .field--name-post-date,
.node--event--full .field--name-field-news-category,
.node--event--full .field--name-field-product-category,
.node--event--full .field--name-field-event-date,
.node--event--full .field--name-field-event-location {
  text-transform: uppercase;
}
.node--news-article--full .field--name-field-news-category,
.node--news-article--full .field--name-field-product-category,
.node--news-article--full .field--name-field-event-location,
.node--product-news--full .field--name-field-news-category,
.node--product-news--full .field--name-field-product-category,
.node--product-news--full .field--name-field-event-location,
.node--event--full .field--name-field-news-category,
.node--event--full .field--name-field-product-category,
.node--event--full .field--name-field-event-location {
  color: #3d9cd4;
}
.node--news-article--full .field--name-post-date,
.node--news-article--full .field--name-field-event-date,
.node--product-news--full .field--name-post-date,
.node--product-news--full .field--name-field-event-date,
.node--event--full .field--name-post-date,
.node--event--full .field--name-field-event-date {
  color: #747678;
}
.node--news-article--full .field--name-field-ingress, .node--news-article--full h6,
.node--product-news--full .field--name-field-ingress,
.node--product-news--full h6,
.node--event--full .field--name-field-ingress,
.node--event--full h6 {
  font-size: 22px;
  font-weight: 200;
  line-height: 1.5;
}

.office-row .field--name-field-office-location-title,
.office-row .field--name-office-location-title-wrapper {
  color: #222021;
  font-size: 20px;
  font-weight: 400;
}
.office-row .field--name-field-office-location-details h2 {
  font-size: 20px;
}
.office-row .field--name-field-office-location-details p {
  color: #747678;
  padding: 0;
  line-height: 1.3;
  font-weight: 300;
  font-size: 14px;
}
.office-row .field--name-field-office-location-details a {
  text-decoration: none;
}

.view-landing-page-carousel .group-carousel-content .field {
  color: white;
}
.view-landing-page-carousel .group-carousel-content .field--name-field-slide-title,
.view-landing-page-carousel .group-carousel-content .field--name-field-slide-subtitle {
  font-size: 48px;
  line-height: 1.0;
  font-weight: 700;
}
@media (min-width: 769px) {
  .view-landing-page-carousel .group-carousel-content .field--name-field-slide-title,
  .view-landing-page-carousel .group-carousel-content .field--name-field-slide-subtitle {
    font-size: 60px;
  }
}
.view-landing-page-carousel .group-carousel-content .field--name-field-slide-caption {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.2;
  line-height: 1.1;
}
.view-landing-page-carousel .group-carousel-content .field--name-field-slide-link a {
  text-align: center;
  text-decoration: none;
}

.views-field-field-quote-block {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
}

.helicopter-approvals-block h2 {
  font-weight: 300;
  line-height: 1.2;
  padding: 45px 0px 25px 20px;
}

.pilot-training-facebook-block {
  clear: left;
  float: right;
  padding-top: 45px;
  padding-right: 40px;
}
.pilot-training-facebook-block a {
  text-decoration: none;
}
.pilot-training-facebook-block a:hover {
  color: #3d9cd4;
}

.ui-accordion {
  padding-top: 20px;
}
.ui-accordion .views-row {
  border: 1px solid #d6d9db;
  border-top: none;
  padding: 0;
  position: relative;
}
.ui-accordion .views-row .views-accordion-header {
  font-weight: 700;
  margin-top: 0;
  padding: 10px 20px;
  background: url("../images/icons/expand_down.png") no-repeat;
  background-position: right 5px center;
}
.ui-accordion .views-row .views-accordion-header:hover {
  background: url("../images/icons/expand2_down.png") no-repeat #3d9cd4;
  background-position: right 5px center;
  cursor: pointer;
}
.ui-accordion .views-row .views-accordion-header:hover .ui-widget-content {
  color: white;
}
.ui-accordion .views-row .views-accordion-header:hover a {
  color: white;
  transition: 0s;
}
.ui-accordion .views-row .views-accordion-header.ui-accordion-header-active:hover {
  background: url("../images/icons/expand_down.png") no-repeat;
  background-position: right 5px center;
  cursor: default;
}
.ui-accordion .views-row .views-accordion-header.ui-accordion-header-active:hover a {
  color: #000;
  transition: none;
}
.ui-accordion .views-row .ui-accordion-content {
  padding-left: 20px;
  padding-top: 0;
  font-size: 16px;
  padding-right: 0;
}
.ui-accordion .views-row * {
  border: 0;
  border-radius: 0;
  padding-left: 0;
  background: transparent;
}
.ui-accordion .views-row a {
  text-decoration: none;
  display: block;
}
.ui-accordion .views-row-first {
  margin-top: 20px;
  border-top: 1px solid #d6d9db;
}
.ui-accordion .views-row-last {
  margin-bottom: 20px;
}

.board-member-no-images .field--name-title h2,
.board-member .field--name-title h2 {
  font-size: 1.15rem;
  margin: 0px 0px 5px;
}
.board-member-no-images .field--name-field-board-member-year-of-birth,
.board-member-no-images .field--name-field-board-member-title,
.board-member-no-images .field--name-field-board-member-education,
.board-member-no-images .field--name-field-board-member-info,
.board-member .field--name-field-board-member-year-of-birth,
.board-member .field--name-field-board-member-title,
.board-member .field--name-field-board-member-education,
.board-member .field--name-field-board-member-info {
  font-size: 14px;
}
.board-member-no-images .field--name-field-board-member-year-of-birth,
.board-member-no-images .field--name-field-board-member-info,
.board-member .field--name-field-board-member-year-of-birth,
.board-member .field--name-field-board-member-info {
  color: #a8abad;
}
.board-member-no-images .field--name-field-board-member-image,
.board-member .field--name-field-board-member-image {
  padding-right: 10px;
}
@media (min-width: 769px) {
  .board-member-no-images .group-left,
  .board-member .group-left {
    width: 33%;
  }
}
@media (min-width: 1224px) {
  .board-member-no-images .group-left,
  .board-member .group-left {
    width: 50%;
  }
}
@media (min-width: 1224px) {
  .board-member-no-images .group-right,
  .board-member .group-right {
    padding-right: 10px;
  }
}

.board-member-no-images {
  min-height: 115px;
  overflow: auto;
}

.board-member {
  min-height: 170px;
  overflow: auto;
}

@media (min-width: 480px) {
  .node--contacts--full .field--type-location .field__item {
    padding: 10px 0px;
  }
  .node--contacts--full .field--type-location .field__item .gmap-map {
    width: auto !important;
  }
}
@media (min-width: 769px) {
  .node--contacts--full .field--type-location .field__item {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
  }
  .node--contacts--full .field--type-location .field__item .location {
    width: 25%;
    float: left;
  }
  .node--contacts--full .field--type-location .field__item .gmap-map {
    width: 75% !important;
  }
}

.block--views-gmap-block {
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
}
.block--views-gmap-block .views-exposed-widget,
.block--views-gmap-block .views-exposed-widgets,
.block--views-gmap-block .form-type-select {
  padding: 0;
  margin: 0;
  width: 100%;
}
.block--views-gmap-block .form-type-bef-link {
  width: 100%;
  display: inline-block;
  height: 75px;
  text-align: center;
  text-indent: -9999px;
  border-right: 1px solid #d6d9db;
  border-bottom: 1px solid #d6d9db;
}
.block--views-gmap-block .form-type-bef-link:last-child {
  border-right: 0;
}
.block--views-gmap-block .form-type-bef-link a {
  display: block;
  height: 100%;
  width: 100%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-all {
  background: white;
  display: none;
}
.block--views-gmap-block #edit-field-gmap-location-tid-all:hover {
  background: #3d9cd4;
  display: none;
}
.block--views-gmap-block #edit-field-gmap-location-tid-all {
  background: url("/sites/all/themes/patria/images/icons/gmap_all2.png") no-repeat 50% 50%;
  display: none;
}
.block--views-gmap-block #edit-field-gmap-location-tid-all:hover {
  background: url("/sites/all/themes/patria/images/icons/gmap_all.png") no-repeat 50% 50% #3d9cd4;
  display: none;
}
.block--views-gmap-block #edit-field-gmap-location-tid-30 a {
  background: url("/sites/all/themes/patria/images/icons/aerostructures2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-30 a:hover {
  background: url("/sites/all/themes/patria/images/icons/aerostructures.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-31 a {
  background: url("/sites/all/themes/patria/images/icons/aviation2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-31 a:hover {
  background: url("/sites/all/themes/patria/images/icons/aviation.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-32 a {
  background: url("/sites/all/themes/patria/images/icons/land2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-32 a:hover {
  background: url("/sites/all/themes/patria/images/icons/land.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-33 a {
  background: url("/sites/all/themes/patria/images/icons/hallinto2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-33 a:hover {
  background: url("/sites/all/themes/patria/images/icons/hallinto.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-34 a {
  background: url("/sites/all/themes/patria/images/icons/millog2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-34 a:hover {
  background: url("/sites/all/themes/patria/images/icons/millog.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-35 a {
  background: url("/sites/all/themes/patria/images/icons/nammo2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-35 a:hover {
  background: url("/sites/all/themes/patria/images/icons/nammo.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-36 a {
  background: url("/sites/all/themes/patria/images/icons/systems2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-36 a:hover {
  background: url("/sites/all/themes/patria/images/icons/systems.png") no-repeat 50% 50% #3d9cd4;
}
.block--views-gmap-block #edit-field-gmap-location-tid-51 a {
  background: url("/sites/all/themes/patria/images/icons/isp2.png") no-repeat 50% 50%;
}
.block--views-gmap-block #edit-field-gmap-location-tid-51 a:hover {
  background: url("/sites/all/themes/patria/images/icons/isp_white.png") no-repeat 50% 50% #3d9cd4;
}

@media (min-width: 769px) {
  .block--views-gmap-block {
    padding-top: 30px;
  }
  .block--views-gmap-block .form-type-bef-link {
    width: 12.5%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    margin-right: 0;
  }
}
.view-contact-map .views-row {
  margin: 20px 0;
}
.view-contact-map .views-row .views-field-name {
  text-transform: uppercase;
  font-weight: 700;
}

.office-locations {
  margin: 45px 0;
}
.office-locations .office-row {
  display: inline-block;
  width: 100%;
  margin-bottom: 1px;
  position: relative;
}
.office-locations .office-row.odd {
  background: #f4f4f4;
}
.office-locations .office-row.even {
  background: #f8f8f8;
}
.office-locations .field {
  padding: 10px 20px;
}
.office-locations .field--name-field-office-location-link {
  border: 1px solid #d6d9db;
  padding: 10px 0;
  margin: 10px 10px;
  text-align: center;
  position: relative;
  background: url("/sites/all/themes/patria/images/icons/expand.png") no-repeat;
  background-position: right center;
}
.office-locations .field--name-field-office-location-link a {
  text-decoration: none;
  display: block;
}
.office-locations .field--name-field-office-location-link:hover {
  background: url("/sites/all/themes/patria/images/icons/expand2.png") no-repeat #3d9cd4;
  background-position: right center;
  cursor: pointer;
}
.office-locations .field--name-field-office-location-link:hover a {
  color: white;
  transition: 0s;
}

@media (min-width: 769px) {
  .office-locations .office-row {
    width: 50%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    margin-right: 0;
    height: 285px;
  }
  .office-locations .field--name-field-office-location-link {
    position: absolute;
    width: 95%;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1224px) {
  .office-locations .office-row {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    margin-right: 0;
  }
  .office-locations .office-row.even {
    border-left: 1px solid white;
    border-right: 1px solid white;
  }
  .office-locations .field--name-field-office-location-link {
    width: 90%;
  }
}
.l-region--footer-top {
  padding-top: 60px;
  padding-bottom: 20px;
}
.l-region--footer-top .block {
  margin-bottom: 20px;
  text-align: center;
}
.l-region--footer-top h2 {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
}
.l-region--footer-top .patria-logo-text a {
  display: block;
  width: 144px;
  height: 35px;
  margin: 0 auto;
  background: url("../images/icons/Patria-whitelogo.png") no-repeat;
  font-size: 0;
  color: transparent;
  text-shadow: none;
}
.l-region--footer-top ul.menu {
  position: relative;
  padding-left: 0;
  color: white;
}
.l-region--footer-top ul.menu li {
  list-style-type: none;
  list-style-image: none;
  text-align: center;
}
.l-region--footer-top ul.menu li a {
  position: relative;
  font-size: 14px;
}
.l-region--footer-top ul.menu li a:after {
  content: '\00bb';
  color: #91c4e3;
  padding-left: 6px;
}
.l-region--footer-top ul.menu li a.fb {
  padding-left: 35px;
  background: url("../images/icons/Facebook_white.png") no-repeat;
}
.l-region--footer-top ul.menu li a.twitter {
  padding-left: 35px;
  background: url("../images/icons/Twitter_white.png") no-repeat;
}
.l-region--footer-top ul.menu li a.youtube {
  padding-left: 35px;
  background: url("../images/icons/YouTube_white.png") no-repeat;
}
.l-region--footer-top ul.menu li a.instagram {
  padding-left: 35px;
  background: url("../images/icons/Instagram_white.png") no-repeat;
}
.l-region--footer-top ul.menu li a.linkedin {
  padding-left: 35px;
  background: url("../images/icons/LinkedIn_white.png") no-repeat;
}
.l-region--footer-top .footer-some-menu ul.menu li {
  margin-bottom: 8px;
}

.footer-bottom-wrapper .l-region--footer-bottom {
  position: relative;
  font-size: 12px;
  color: #6176a7;
  width: 100%;
  display: inline-block;
}
.footer-bottom-wrapper .l-region--footer-bottom .block {
  padding-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.footer-bottom-wrapper .l-region--footer-bottom h2 {
  display: none;
  font-size: 18px;
}
.footer-bottom-wrapper .l-region--footer-bottom .copy-rights {
  max-width: 562px;
  padding-left: 15px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 205px;
}
.footer-bottom-wrapper .l-region--footer-bottom .copy-rights:before {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  padding: 0;
  content: '\00a9';
  position: absolute;
  left: 0;
  font-size: 18px;
  font-weight: 100;
}
.footer-bottom-wrapper .l-region--footer-bottom .block--menu-block {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu {
  position: relative;
  display: block;
  padding-left: 0;
  padding-bottom: 20px;
  color: #6176a7;
}
.footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu li {
  list-style-type: none;
  list-style-image: none;
  text-align: center;
}
.footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu li a {
  position: relative;
  height: 12px;
  font-size: 12px;
  text-decoration: none;
}

@media (min-width: 769px) {
  .footer-bottom-wrapper .l-region--footer-bottom .block--menu-block {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .copy-rights {
    float: none;
  }
}
@media (min-width: 1224px) {
  .l-region--footer-top .block {
    text-align: left;
  }
  .l-region--footer-top .patria-logo-text a {
    margin-left: 0;
    margin-right: 0;
  }
  .l-region--footer-top ul.menu li {
    text-align: left;
  }

  .footer-bottom-wrapper .l-region--footer-bottom .copy-rights {
    text-align: left;
    float: left;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .copy-rights:before {
    text-align: left;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .block--menu-block {
    width: 100%;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu {
    float: right;
    padding-bottom: 10px;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu li {
    display: inline-block;
    text-align: right;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer-bottom-wrapper .l-region--footer-bottom .block--menu-block ul.menu li.first {
    border-right: 1px solid #6176a7;
  }
}
.footer-top-wrapper {
  background: #003370;
}
.footer-top-wrapper .l-footer-top,
.footer-top-wrapper .l-footer-bottom {
  padding: 0 10px;
}

.footer-bottom-wrapper {
  background: #1f376e;
}

@media (min-width: 769px) {
  .footer-top-wrapper,
  .footer-bottom-wrapper {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
  }
  .footer-top-wrapper:before, .footer-top-wrapper:after,
  .footer-bottom-wrapper:before,
  .footer-bottom-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .footer-top-wrapper:after,
  .footer-bottom-wrapper:after {
    clear: both;
  }
  .footer-top-wrapper .block,
  .footer-bottom-wrapper .block {
    width: 50%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
}
@media (min-width: 1224px) {
  .footer-top-wrapper .block {
    width: 25%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
}
.bricks-layout .views-row {
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
  background: #211f20;
}
.bricks-layout .views-row .field--name-field-liftup-link .field__items .field__item a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
  z-index: 2;
}
.bricks-layout .views-row.views-row-4 .field--name-field-liftup-subtitle, .bricks-layout .views-row.views-row-12 .field--name-field-liftup-subtitle {
  margin: 0 -20px;
  padding-left: 20px;
  border-bottom: 1px solid #3d3f41;
}
.bricks-layout .views-row.views-row-4 .field--name-field-liftup-text, .bricks-layout .views-row.views-row-12 .field--name-field-liftup-text {
  padding-top: 20px;
}
.bricks-layout .views-row .entity-field-collection-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
}
.bricks-layout .views-row .entity-field-collection-item:hover {
  background: #333;
  opacity: 0.7;
}
.bricks-layout .views-row .field--name-field-liftup-title-longer,
.bricks-layout .views-row .field--name-field-liftup-subtitle,
.bricks-layout .views-row .field--name-field-liftup-text {
  padding-bottom: 10px;
  z-index: 1;
  position: relative;
}
.bricks-layout .views-row .field--name-field-liftup-title-longer {
  padding-bottom: 0px;
}
.bricks-layout .views-row .field--name-field-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bricks-layout .views-row img {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 335px;
  min-width: 500px;
}

.front .block--views-ajankohtaista-block {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.front .block--views-ajankohtaista-block:before, .front .block--views-ajankohtaista-block:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.front .block--views-ajankohtaista-block:after {
  clear: both;
}
.front .bricks-layout .views-row {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
  width: 100%;
}
.front .bricks-layout .views-row:before, .front .bricks-layout .views-row:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.front .bricks-layout .views-row:after {
  clear: both;
}
.front .bricks-layout .views-row-1,
.front .bricks-layout .views-row-8,
.front .bricks-layout .views-row-9 {
  height: 340px;
}
.front .bricks-layout .views-row-2,
.front .bricks-layout .views-row-3,
.front .bricks-layout .views-row-4,
.front .bricks-layout .views-row-10,
.front .bricks-layout .views-row-11,
.front .bricks-layout .views-row-12 {
  height: 320px;
}
.front .bricks-layout .views-row-5,
.front .bricks-layout .views-row-6,
.front .bricks-layout .views-row-7,
.front .bricks-layout .views-row-13,
.front .bricks-layout .views-row-14,
.front .bricks-layout .views-row-15 {
  height: 330px;
}
.front .block--views-front-page-liftups-block-2 .views-row {
  height: 370px;
}
.front .block--views-front-page-liftups-block-2 .views-row-2 {
  text-align: center;
}
@media (min-width: 480px) {
  .front .bricks-layout .views-row {
    height: 240px;
  }
  .front .bricks-layout .views-row-1,
  .front .bricks-layout .views-row-4 {
    width: 50%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: right;
    padding-right: 0px;
  }
  .front .bricks-layout .views-row-3 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-right: 0px;
  }
  .front .bricks-layout .views-row-2,
  .front .bricks-layout .views-row-5 {
    width: 50%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-right: 0px;
  }
  .front .block--views-front-page-liftups-block-2 .views-row {
    height: 370px;
  }
}
@media (min-width: 769px) {
  .front .block--views-ajankohtaista-block {
    width: 50%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
  }
  .front .block--views-front-page-liftups-block-1 {
    width: 50%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-right: 0px;
  }
  .front .block--views-front-page-liftups-block-1 .bricks-layout .views-row {
    height: 300px;
  }
  .front .block--views-front-page-liftups-block-2 .views-row {
    height: 370px;
  }
}
@media (min-width: 1224px) {
  .front .block--views-ajankohtaista-block {
    width: 50%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
  }
  .front .block--views-front-page-liftups-block-1 {
    width: 50%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-right: 0px;
  }
  .front .block--views-front-page-liftups-block-1 .bricks-layout .views-row {
    height: 300px;
  }
  .front .block--views-front-page-liftups-block-2 .views-row {
    height: 370px;
  }
}

.front .owl-carousel {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
.front .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box {
  padding: 15px;
  color: white;
}
.front .owl-carousel .owl-controls {
  margin-top: 0;
}
.front .owl-carousel .owl-controls .owl-buttons div {
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 18px;
}
.front .owl-carousel .owl-controls .owl-buttons .owl-prev {
  opacity: 1;
  color: transparent;
  text-shadow: none;
  position: absolute;
  top: 30%;
  left: 20px;
  background: url("/sites/all/themes/patria/images/icons/arrow-prev.png") no-repeat;
}
.front .owl-carousel .owl-controls .owl-buttons .owl-next {
  opacity: 1;
  color: transparent;
  text-shadow: none;
  position: absolute;
  top: 30%;
  right: 20px;
  background: url("/sites/all/themes/patria/images/icons/arrow-next.png") no-repeat;
}

@media (min-width: 769px) {
  .front .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box {
    width: 50%;
    position: absolute;
    left: 0%;
    bottom: 0%;
    letter-spacing: 1px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.5);
  }
  .front .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box .field--name-title {
    text-transform: inherit;
    font-size: 28px;
  }
  .front .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .group-box .field--name-body {
    font-size: 20px;
    font-weight: lighter;
  }
  .front .owl-carousel .owl-controls .owl-buttons .owl-prev {
    top: 40%;
  }
  .front .owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 40%;
  }
}
@media (min-width: 1224px) {
  .front .owl-carousel .owl-controls .owl-buttons .owl-prev {
    top: 50%;
    margin-top: -13px;
  }
  .front .owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 50%;
    margin-top: -13px;
  }
}
.front .l-main {
  padding: 0;
}
.front .l-main .l-content {
  padding: 0;
  margin-bottom: 0;
}
.front .l-main .l-content .frontpage-banner {
  display: none;
}
.front .l-main .l-content .frontpage-banner-mobile {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #a8abad;
}

@media (min-width: 480px) {
  .front .l-main .l-content .frontpage-banner {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #a8abad;
  }
  .front .l-main .l-content .frontpage-banner-mobile {
    display: none;
  }
}
.front .view-frontpage-icons .view-content .views-row {
  border-bottom: 1px solid #364b7d;
  background-color: #003370;
  border-top: 1px #364b7d;
}
.front .view-frontpage-icons .view-content .views-row img {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (min-width: 769px) {
  .front #block-views-frontpage-icons-block {
    height: 140px;
  }
  .front #block-views-frontpage-icons-block .view-frontpage-icons .view-content .views-row {
    margin-bottom: 20px;
    height: 140px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: none;
    width: 16.66667%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    clear: inherit;
    margin-right: inherit;
    margin-left: inherit;
    padding-right: inherit;
    border-bottom: 0;
  }
  .front #block-views-frontpage-icons-block .view-frontpage-icons .view-content .views-row:after {
    content: '';
    clear: both;
  }
  .front #block-views-frontpage-icons-block .view-frontpage-icons .view-content .views-row:nth-child(1) {
    margin-left: 0;
  }
  .front #block-views-frontpage-icons-block .view-frontpage-icons .view-content .views-row:nth-child(-n+5) {
    border-right: 1px solid #364b7d;
  }
  .front #block-views-frontpage-icons-block .view-frontpage-icons .view-content .views-row img {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.block--views-ajankohtaista-block {
  padding: 15px 0;
  background: white;
}
.block--views-ajankohtaista-block .block__title {
  margin: 0 15px;
  text-transform: uppercase;
}
.block--views-ajankohtaista-block .field, .block--views-ajankohtaista-block h2 {
  padding: 0;
  color: #003370;
  font-weight: bold;
}
.block--views-ajankohtaista-block .view-ajankohtaista .views-row {
  width: 90%;
  margin: 10px auto;
  border-bottom: 1px solid rgba(159, 168, 175, 0.5);
}
.block--views-ajankohtaista-block .view-ajankohtaista .views-row .field--name-title {
  padding: 0;
}
.block--views-ajankohtaista-block .view-ajankohtaista .views-row .field--name-title h2 {
  margin: 0;
}
.block--views-ajankohtaista-block .view-ajankohtaista .views-row .field--name-body {
  padding-bottom: 17px;
}
.block--views-ajankohtaista-block .view-ajankohtaista .field--name-post-date {
  font-style: italic;
  font-size: 12px;
  font-weight: lighter;
  padding-bottom: 10px;
}
.block--views-ajankohtaista-block .view-ajankohtaista .field--name-post-date div > div {
  color: #818284;
  background: white;
  width: 100px;
}
.block--views-ajankohtaista-block .view-ajankohtaista .more-link {
  text-align: center;
  text-transform: uppercase;
  font-weight: bolder;
  margin-top: 20px;
}
.block--views-ajankohtaista-block .view-ajankohtaista .more-link a {
  background: url(../images/icons/blue-double-arrow.png) no-repeat right center;
  padding: 0 15px 3px 0;
}
.block--views-ajankohtaista-block .views-row-first .field--name-post-date {
  border: 0;
}
.block--views-ajankohtaista-block .views-row-last .field--name-body {
  border-bottom: 1px solid rgba(159, 168, 175, 0.5);
  margin: 0 -15px 0;
  padding-left: 15px;
  padding-right: 15px;
}

.block--views-front-page-liftups-block-1 {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
  position: relative;
}
.block--views-front-page-liftups-block-1:before, .block--views-front-page-liftups-block-1:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.block--views-front-page-liftups-block-1:after {
  clear: both;
}
.block--views-front-page-liftups-block-1 .bricks-layout .views-row-1 .field-collection-view .field--name-field-liftup-title-longer {
  padding: 15px;
  margin-top: 33%;
  text-transform: uppercase;
  text-align: center;
}
.block--views-front-page-liftups-block-1 .bricks-layout .views-row-2 .field-collection-view .field--name-field-liftup-title-longer {
  padding: 15px;
  margin-top: 33%;
  text-transform: uppercase;
  text-align: center;
}
.block--views-front-page-liftups-block-1 .bricks-layout .views-row-3 .field-collection-view .field--name-field-liftup-title-longer {
  padding: 15px;
  color: #003370;
  background: white;
  text-transform: uppercase;
}

.block--views-front-page-liftups-block-2 {
  position: relative;
}
.block--views-front-page-liftups-block-2 .bricks-layout .views-row .field-collection-view .field--name-field-liftup-title-longer {
  padding: 15px;
  color: #003370;
  background: white;
  text-transform: uppercase;
}

@media (min-width: 769px) {
  .block--views-ajankohtaista-block .block__title {
    letter-spacing: 2px;
  }
  .block--views-ajankohtaista-block .view-ajankohtaista .views-row .node--title-only .field--name-title {
    line-height: 1.2em;
    max-height: 3.6em;
    overflow: hidden;
    letter-spacing: 2px;
  }
  .block--views-ajankohtaista-block .view-ajankohtaista .views-row .node--title-only .node--views-attachment .field--name-title {
    line-height: 1.2em;
    max-height: 4.8em;
    overflow: hidden;
  }
  .block--views-ajankohtaista-block .view-ajankohtaista .views-row .field--name-body {
    padding-bottom: 17px;
  }

  .block--views-front-page-liftups-block-1 {
    position: relative;
  }
  .block--views-front-page-liftups-block-1 .bricks-layout .views-row-1 .field-collection-view .field--name-field-liftup-title-longer {
    margin-top: 44%;
  }
  .block--views-front-page-liftups-block-1 .bricks-layout .views-row-2 .field-collection-view .field--name-field-liftup-title-longer {
    padding: 15px;
    margin-top: 44%;
  }
  .block--views-front-page-liftups-block-1 .bricks-layout .views-row-3 .field-collection-view .field--name-field-liftup-title-longer {
    width: 50%;
    position: absolute;
    left: 0%;
    bottom: 0%;
  }

  .block--views-front-page-liftups-block-2 {
    position: relative;
  }
  .block--views-front-page-liftups-block-2 .bricks-layout .views-row-1 .field-collection-view .field--name-field-liftup-title-longer {
    width: 50%;
    position: absolute;
    left: 0%;
    bottom: 0%;
  }
  .block--views-front-page-liftups-block-2 .bricks-layout .views-row-2 .field-collection-view .field--name-field-liftup-title-longer {
    width: 50%;
    position: absolute;
    right: 0%;
    bottom: 0%;
  }
}
#block-block-8 {
  position: absolute;
  top: 150px;
  right: 30px;
}
#block-block-8 a.btn {
  color: #003370;
  font-size: 16px;
  font-weight: 700;
  padding: 6px 40px;
  border: solid 2px;
  border-color: #003370;
  text-decoration: none;
  display: inline-block;
}
#block-block-8 a.btn:hover {
  background: #003370;
  text-decoration: none;
  color: white;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (min-width: 769px) {
  #block-block-8 {
    position: absolute;
    top: 18px;
    right: 465px;
  }
}
.l-branding {
  height: 200px;
  border-right: 1px solid #00336f;
  position: relative;
}
.l-branding .site-logo {
  display: block;
  padding-right: 5px;
  margin: 0 auto;
  left: 10px;
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

@media (min-width: 769px) {
  .l-branding {
    border: 0;
    height: 90px;
  }
  .l-branding .site-logo {
    right: auto;
    top: 40%;
    left: 10px;
  }
}
@media (min-width: 1224px) {
  .l-branding .site-logo {
    left: 0;
    top: 40%;
  }
}
.block--locale-language {
  height: 70px;
  position: absolute;
  right: 30px;
  top: 90px;
  width: 200px;
  text-align: right;
}
.block--locale-language ul {
  padding: 0;
  list-style-type: none;
}
.block--locale-language ul li {
  text-align: right;
}
.block--locale-language ul li.first {
  padding-bottom: 4px;
}
.block--locale-language ul li.last {
  padding-top: 4px;
}

@media (min-width: 769px) {
  .block--locale-language {
    height: auto;
    right: 250px;
    top: 22px;
  }
  .block--locale-language ul li {
    display: inline;
  }
  .block--locale-language ul li a {
    margin: 0 10px 0 6px;
  }
  .block--locale-language ul li.first {
    border-right: 2px solid #003370;
    padding: 0;
  }
  .block--locale-language ul li.last {
    padding: 0;
  }
}
.block--menu-block-1 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.block--menu-block-1 .menu-block-1 {
  position: relative;
}
.block--menu-block-1 .menu-block-1 .menu {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  float: right;
  z-index: 100;
}
.block--menu-block-1 .menu-block-1 .menu li {
  float: left;
  padding-right: 10px;
  z-index: 5;
}
.block--menu-block-1 .menu-block-1 .menu li.last {
  padding: 0;
}
.block--menu-block-1 .menu-block-1 .menu li:hover .menu {
  left: 0;
}
.block--menu-block-1 .menu-block-1 .menu li a {
  display: block;
  height: 25px;
}
.block--menu-block-1 .menu-block-1 .menu li a:hover {
  height: 25px;
}
.block--menu-block-1 .menu-block-1 .menu li .menu {
  position: absolute;
  left: -9999px;
  width: 100%;
  height: auto;
  padding: 20px 30px 20px 100px;
  background: white;
  border-bottom: 3px solid #003370;
  border-top: 1px solid #003370;
  z-index: 200;
  opacity: 0.95;
}
.block--menu-block-1 .menu-block-1 .menu li .menu li {
  position: relative;
  border: 0;
  width: 33%;
  padding-bottom: 10px;
  column-gap: 10px;
}
.block--menu-block-1 .menu-block-1 .menu li .menu li:before {
  content: ' ';
  position: absolute;
  left: -15px;
  top: 8px;
  height: 12px;
  width: 12px;
  background: url("/sites/all/themes/patria/images/icons/menu-item-active.png") no-repeat;
}
.block--menu-block-1 .menu-block-1 .menu li .menu li a {
  display: inline;
  text-transform: none;
}

@media (min-width: 769px) {
  .block--menu-block-1 .menu-block-1 .menu {
    float: right;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1224px) {
  .block--menu-block-1 .menu-block-1 .menu {
    padding-left: 0;
  }
  .block--menu-block-1 .menu-block-1 .menu li {
    padding-right: 30px;
  }
  .block--menu-block-1 .menu-block-1 .menu li .menu {
    padding-left: 230px;
  }
}
.toggler {
  width: 16.66667%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  padding-right: 0px;
  display: inline-block;
  right: 0;
  top: -60px;
  position: relative;
  z-index: 1000;
}

.responsive-menus.responsified {
  clear: none;
  width: 100%;
}
.responsive-menus.responsified .responsive-menus-simple ul.rm-removed {
  height: 700px;
  padding: 220px 0 0 0;
}
.responsive-menus.responsified .responsive-menus-simple ul.rm-removed ul.rm-removed {
  display: none;
}

.responsive-menus.responsified span.toggler {
  display: block;
  background: #27282a;
  text-align: center;
  cursor: pointer;
  outline: none;
  height: 60px;
  line-height: 60px;
  color: white;
}
.responsive-menus.responsified span.toggler:hover {
  background: #3e9bd4;
}

.responsive-menus.responsified.responsive-toggled span.toggler {
  border-bottom: 0px;
  top: 0;
  width: 100%;
  text-align: right;
  padding-right: 3%;
}
.responsive-menus.responsified.responsive-toggled span.toggler:hover {
  background: #27282a;
}
.responsive-menus.responsified.responsive-toggled span.toggler:before {
  width: 33.33333%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none;
  padding-right: 0px;
  content: ' ';
  height: 200px;
  position: absolute;
  left: 0;
  border-right: 1px solid white;
  background: url("/sites/all/themes/patria/images/logo2.png") no-repeat 50% 96px;
}

.responsive-menus.responsified .responsive-menus-simple {
  display: none;
  width: 100%;
  background: #27282a;
}

.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  display: block;
  margin: 0;
}

.responsive-menus.responsified.responsive-toggled.absolute {
  position: absolute;
  left: 0;
  z-index: 999;
}

.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
  position: absolute;
  top: auto;
  z-index: 999;
}

.responsive-menus.responsified .responsive-menus-simple li {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  clear: both;
  list-style: none;
  border-bottom: 1px solid #747579;
  height: 60px;
  line-height: 60px;
  position: relative;
}
.responsive-menus.responsified .responsive-menus-simple li:hover {
  background: #3e9bd4;
}
.responsive-menus.responsified .responsive-menus-simple li:first-child {
  border-top: 1px solid #747579;
}

.responsive-menus.responsified .responsive-menus-simple li a {
  display: block;
  margin: auto;
  left: 0;
}

.responsive-menus span.toggler {
  display: none;
}

.block--views-exp-search-page .views-exposed-widgets {
  margin-bottom: 0;
}
.block--views-exp-search-page .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
  display: inline;
}
.block--views-exp-search-page .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0;
}
.block--views-exp-search-page {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  padding-right: 0px;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
  display: inline-block;
  background: #eee;
}
.block--views-exp-search-page:before, .block--views-exp-search-page:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.block--views-exp-search-page:after {
  clear: both;
}
.block--views-exp-search-page form input {
  height: 60px;
  line-height: 60px;
}
.block--views-exp-search-page form input.form-text {
  width: 66.66667%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none;
  padding-right: 0px;
  padding: 0 10px;
  border-left: none;
  border-right: none;
}
.block--views-exp-search-page form input.form-submit {
  width: 16.66667%;
  float: left;
  margin-right: -100%;
  margin-left: 66.66667%;
  clear: none;
  padding-right: 0px;
  padding: 0;
  text-indent: -9999px;
  background: url("/sites/all/themes/patria/images/icons/search.png") no-repeat 50% 50% #003370;
}
.block--views-exp-search-page form input.form-submit:hover {
  background-color: #91c4e3;
}

@media (min-width: 769px) {
  .block--views-exp-search-page {
    top: 22px;
    right: 10px;
    position: relative;
  }
  .block--views-exp-search-page form {
    position: absolute;
    right: 0px;
  }
  .block--views-exp-search-page form input {
    height: 31px;
    line-height: 31px;
  }
  .block--views-exp-search-page form input.form-text {
    width: 200px;
    padding: 0 10px;
    border-left: 1px solid #d6d9db;
    margin: 0;
  }
  .block--views-exp-search-page form input.form-submit {
    width: 30px;
    margin: 0;
  }
  .block--views-exp-search-page .views-exposed-form .views-exposed-widget {
    float: left;
  }
}
@media (min-width: 1224px) {
  .block--views-exp-search-page {
    right: 0;
  }
}
.l-region--sidebar-first nav {
  margin: 0 20px 20px 20px;
  border-top: 1px solid rgba(214, 217, 219, 0.3);
  /* $patria-gray & opacity */
  border-bottom: 1px solid rgba(214, 217, 219, 0.3);
}
.l-region--sidebar-first nav .menu {
  padding: 0;
}
.l-region--sidebar-first nav .menu li {
  padding: 10px 20px;
  border-top: 1px solid rgba(214, 217, 219, 0.3);
  position: relative;
}
.l-region--sidebar-first nav .menu li a {
  text-decoration: none;
  display: block;
}
.l-region--sidebar-first nav .menu li:first-child {
  border-top: none;
}
.l-region--sidebar-first nav .menu li.active-trail.first, .l-region--sidebar-first nav .menu li.active-trail .leaf {
  border-top: none;
}
.l-region--sidebar-first nav .menu li.active-trail {
  background-color: #fbfbfb;
}
.l-region--sidebar-first nav .menu li.expanded {
  padding-bottom: 0;
}
.l-region--sidebar-first nav .menu li .menu {
  padding-left: 5px;
  margin: 0;
}
.l-region--sidebar-first nav .menu li .menu li.collapsed {
  border-top: none;
}
.l-region--sidebar-first nav .menu li .menu li.expanded {
  border-top: none;
}
.l-region--sidebar-first nav .menu li .menu li .menu {
  padding-left: 5px;
  padding-top: 5px;
  margin: 0;
}

@media (min-width: 769px) {
  .l-region--sidebar-first {
    padding-top: 20px;
  }
  .l-region--sidebar-first nav {
    margin: 0;
  }
}
.node--news-article--full .field--name-field-news-category,
.node--news-article--full .field--name-field-product-category,
.node--news-article--full .field--name-field-event-location,
.node--product-news--full .field--name-field-news-category,
.node--product-news--full .field--name-field-product-category,
.node--product-news--full .field--name-field-event-location,
.node--event--full .field--name-field-news-category,
.node--event--full .field--name-field-product-category,
.node--event--full .field--name-field-event-location {
  display: inline-block;
}
.node--news-article--full .field--name-post-date,
.node--news-article--full .field--name-field-event-date,
.node--product-news--full .field--name-post-date,
.node--product-news--full .field--name-field-event-date,
.node--event--full .field--name-post-date,
.node--event--full .field--name-field-event-date {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}
.node--news-article--full .field--name-post-date:before,
.node--news-article--full .field--name-field-event-date:before,
.node--product-news--full .field--name-post-date:before,
.node--product-news--full .field--name-field-event-date:before,
.node--event--full .field--name-post-date:before,
.node--event--full .field--name-field-event-date:before {
  content: '/';
  left: 10px;
  position: absolute;
}
.node--news-article--full .field--name-field-kuva,
.node--product-news--full .field--name-field-kuva,
.node--event--full .field--name-field-kuva {
  padding-bottom: 30px;
}
.node--news-article--full .field--name-field-ingress, .node--news-article--full h2, .node--news-article--full h3, .node--news-article--full h4, .node--news-article--full h5, .node--news-article--full h6,
.node--product-news--full .field--name-field-ingress,
.node--product-news--full h2,
.node--product-news--full h3,
.node--product-news--full h4,
.node--product-news--full h5,
.node--product-news--full h6,
.node--event--full .field--name-field-ingress,
.node--event--full h2,
.node--event--full h3,
.node--event--full h4,
.node--event--full h5,
.node--event--full h6 {
  padding-top: 0;
  padding-bottom: 15px;
}
.node--news-article--full .field--name-body,
.node--product-news--full .field--name-body,
.node--event--full .field--name-body {
  padding-top: 15px;
}

.product-news,
.news-by-year {
  position: relative;
}
.product-news .views-exposed-form .views-exposed-widget,
.product-news .views-exposed-widgets,
.news-by-year .views-exposed-form .views-exposed-widget,
.news-by-year .views-exposed-widgets {
  padding: 0;
  margin: 0;
}
.product-news input.form-text,
.news-by-year input.form-text {
  z-index: 100;
  position: absolute;
  max-width: 290px;
  margin: auto;
  left: 0;
  right: 0;
  top: 15px;
  height: 45px;
  line-height: 45px;
}
.product-news .attachment,
.news-by-year .attachment {
  position: relative;
  margin-bottom: 1px;
  padding: 15px;
  height: 200px;
  background-color: #f4f4f4;
}
.product-news .attachment .view-content,
.news-by-year .attachment .view-content {
  position: absolute;
  bottom: 15px;
}
.product-news .attachment .view-content .views-summary a,
.news-by-year .attachment .view-content .views-summary a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  margin: 5px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #d6d9db;
  background-color: white;
  color: #3d9cd4;
}
.product-news .attachment .view-content .views-summary a:hover,
.news-by-year .attachment .view-content .views-summary a:hover {
  background: #3d9cd4;
  color: white;
}

@media (min-width: 480px) {
  .product-news,
  .news-by-year {
    margin-top: 40px;
  }
  .product-news input.form-text,
  .news-by-year input.form-text {
    top: 20px;
  }
  .product-news .attachment,
  .news-by-year .attachment {
    height: 150px;
  }
}
@media (min-width: 1224px) {
  .product-news .attachment,
  .news-by-year .attachment {
    height: 85px;
    width: 100%;
  }
  .product-news .attachment .view-content,
  .news-by-year .attachment .view-content {
    width: 70%;
    bottom: 15px;
  }
  .product-news input.form-text,
  .news-by-year input.form-text {
    width: 40%;
    right: 20px;
    top: 20px;
    left: auto;
    margin: 0;
  }
}
.product-news,
.news-by-year,
.events {
  margin-top: 45px;
}
.product-news .views-row,
.news-by-year .views-row,
.events .views-row {
  display: inline-block;
  width: 100%;
  margin-bottom: 1px;
  position: relative;
}
.product-news .views-row.views-row-odd,
.news-by-year .views-row.views-row-odd,
.events .views-row.views-row-odd {
  background: #f4f4f4;
}
.product-news .views-row.views-row-even,
.news-by-year .views-row.views-row-even,
.events .views-row.views-row-even {
  background: #f8f8f8;
}
.product-news .views-row .field-group-link,
.news-by-year .views-row .field-group-link,
.events .views-row .field-group-link {
  text-decoration: none;
}
.product-news .views-row:hover,
.news-by-year .views-row:hover,
.events .views-row:hover {
  background: #3d9cd4;
  cursor: pointer;
}
.product-news .views-row:hover .field,
.product-news .views-row:hover .field p,
.product-news .views-row:hover .field h2,
.news-by-year .views-row:hover .field,
.news-by-year .views-row:hover .field p,
.news-by-year .views-row:hover .field h2,
.events .views-row:hover .field,
.events .views-row:hover .field p,
.events .views-row:hover .field h2 {
  color: white;
  transition: 0s;
}
.product-news .field,
.news-by-year .field,
.events .field {
  padding: 10px 20px;
}
.product-news .field--name-body,
.news-by-year .field--name-body,
.events .field--name-body {
  padding-bottom: 20px;
}
.product-news .field--name-field-product-category,
.product-news .field--name-field-news-category,
.product-news .field--name-post-date,
.news-by-year .field--name-field-product-category,
.news-by-year .field--name-field-news-category,
.news-by-year .field--name-post-date,
.events .field--name-field-product-category,
.events .field--name-field-news-category,
.events .field--name-post-date {
  display: inline-block;
  position: relative;
  padding-top: 10px;
}
.product-news .field--name-field-product-category,
.product-news .field--name-field-news-category,
.news-by-year .field--name-field-product-category,
.news-by-year .field--name-field-news-category,
.events .field--name-field-product-category,
.events .field--name-field-news-category {
  padding-right: 10px;
}
.product-news .field--name-post-date,
.news-by-year .field--name-post-date,
.events .field--name-post-date {
  padding-left: 5px;
}
.product-news .field--name-post-date:before,
.news-by-year .field--name-post-date:before,
.events .field--name-post-date:before {
  content: '/';
  position: absolute;
  left: -5px;
}
.product-news .field--name-field-event-location,
.news-by-year .field--name-field-event-location,
.events .field--name-field-event-location {
  padding-bottom: 5px;
}
.product-news .field--name-field-event-date,
.news-by-year .field--name-field-event-date,
.events .field--name-field-event-date {
  padding-top: 0;
}

.news-by-year .field {
  padding: 5px 20px;
}
.news-by-year .field--name-post-date,
.news-by-year .field--name-field-news-category {
  padding-bottom: 0;
}
.news-by-year .field--name-title {
  padding-top: 3px;
  padding-bottom: 0;
}
.news-by-year .field--name-title h2 {
  font-size: 17px;
  font-weight: 400;
}
.news-by-year .field--name-body {
  padding-top: 0;
  padding-bottom: 10px;
}
.news-by-year .views-row:hover .field strong {
  color: white;
  transition: 0s;
}

@media (min-width: 769px) {
  .product-news .views-row,
  .events .views-row {
    width: 50%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    float: left;
    height: 350px;
  }
  .product-news .views-row.views-row-odd,
  .events .views-row.views-row-odd {
    margin-right: 1px;
  }
}
@media (min-width: 1224px) {
  .product-news .views-row,
  .events .views-row {
    width: 33.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 0px;
    margin-right: 0;
  }
  .product-news .views-row.views-row-odd,
  .events .views-row.views-row-odd {
    margin-right: 0;
  }
  .product-news .views-row.views-row-even,
  .events .views-row.views-row-even {
    border-left: 1px solid white;
    border-right: 1px solid white;
  }

  .product-news .field--name-field-product-category {
    padding-top: 10px;
    padding-bottom: 0;
    min-width: 75%;
  }
  .product-news .field--name-post-date {
    padding-left: 30px;
    padding-bottom: 0;
    position: relative;
    top: -10px;
  }
  .product-news .field--name-post-date:before {
    content: '/';
    position: absolute;
    left: 20px;
  }
}
.block--views-news-by-year-block {
  display: inline-block;
  margin-bottom: 20px;
}

.pager {
  text-align: center;
  margin: 50px 0 30px 0;
}

.pager .pager__item {
  border: 1px solid #e9eaeb;
  display: inline-block;
  padding: 15px 20px;
  color: #3d9cd4;
}
.pager .pager__item:hover,
.pager .pager__item--current {
  background: #91c4e3;
  color: white;
}
.pager .pager__item--last,
.pager .pager__item--first {
  display: none;
}

.img-hotspot-box {
  background: url(../images/icons/plus-marker.png) no-repeat top left;
}
.img-hotspot-box .img-hotspot {
  background-color: transparent !important;
}

.img-hotspot-title {
  font-size: 20px;
  line-height: 1.3em;
  color: #003370;
}

.img-hotspot-description {
  font-size: 14px;
  line-height: 20px;
}

#tiptip_content {
  border: 0;
  text-shadow: none;
  color: #000;
  background: #fff;
  border-radius: 0;
}

#tiptip_holder {
  top: -30px;
}

#tiptip_arrow {
  display: none !important;
}

.l-region--content-top .block {
  position: relative;
}

.group-tabs-images {
  position: relative;
}
.group-tabs-images .bxslider {
  padding: 0;
}
.group-tabs-images .bx-pager {
  visibility: hidden;
}
.group-tabs-images .bx-controls-direction > a {
  position: absolute;
  border: 1px solid #e8ebeb;
  background: rgba(159, 168, 175, 0.5);
  visibility: hidden;
  line-height: 60px;
  text-align: center;
  height: 60px;
  width: 60px;
  top: 50%;
  margin-top: -60px;
  z-index: 100;
}
.group-tabs-images .bx-controls-direction > a.bx-prev {
  left: 0;
  background: url("/sites/all/themes/patria/images/icons/prev.png") no-repeat 46% 52% rgba(159, 168, 175, 0.5);
}
.group-tabs-images .bx-controls-direction > a.bx-next {
  right: 0;
  background: url("/sites/all/themes/patria/images/icons/next.png") no-repeat 54% 52% rgba(159, 168, 175, 0.5);
}
.group-tabs-images .bx-controls-direction > a.disabled {
  display: none;
}
.group-tabs-images .bx-controls-direction > a:hover {
  background-color: #3e9bd4;
}

.field--name-field-video-links {
  margin: 0 0 20px 0;
}
.field--name-field-video-links .field__item:nth-child(odd) {
  background-color: #003370;
}
.field--name-field-video-links .field__item:nth-child(even) {
  background-color: #000;
}
.field--name-field-video-links .field__item a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  padding: 80px 8px;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.hotspot-overlay {
  background: #fff !important;
  color: #000 !important;
}

@media (min-width: 480px) {
  .group-tabs-images .bx-controls-direction > a {
    visibility: visible;
  }
  .group-tabs-images .bx-controls-direction > a.disabled {
    visibility: hidden;
  }
  .group-tabs-images .field-name-field-images {
    width: 100%;
  }
  .group-tabs-images .field-name-field-images img {
    left: 0;
  }
}
.field-group-htabs {
  padding-top: 1px;
}
.field-group-htabs .horizontal-tabs {
  border: 0;
  margin: 0;
  padding: 0;
  background: white;
  position: relative;
}
.field-group-htabs .horizontal-tabs legend {
  display: none;
}
.field-group-htabs .horizontal-tabs .horizontal-tab-hidden {
  display: block;
  position: absolute;
  top: -10000px;
  width: 100%;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
  padding: 0;
  width: 200px;
  display: block;
  margin: auto;
  list-style-type: none;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list:before, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list:after {
  clear: both;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li {
  border: 0;
  padding: 0;
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  position: relative;
  background-color: #d1d5d8;
  outline: none;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li a {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-indent: -9999px;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #d1d5d8;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0.selected:after, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1.selected:after, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2.selected:after, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3.selected:after {
  content: ' ';
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top-color: #00336f;
  position: absolute;
  margin-top: 0px;
  z-index: 2;
  left: 50%;
  margin-left: -8px;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0.selected, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0:hover, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1.selected, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1:hover, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2.selected, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2:hover, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3.selected, .field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3:hover {
  background-color: #00336f;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 {
  background-image: url("/sites/all/themes/patria/images/icons/info.png");
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 {
  background-image: url("/sites/all/themes/patria/images/icons/specs.png");
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 {
  background-image: url("/sites/all/themes/patria/images/icons/img.png");
  border-right: 1px solid white;
}
.field-group-htabs .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 {
  background-image: url("/sites/all/themes/patria/images/icons/vid.png");
}
.field-group-htabs .horizontal-tabs .horizontal-tabs-panes {
  padding-top: 40px;
  border-top: 1px solid #e8ebeb;
}

.video-js {
  width: 80%;
  max-width: 750px;
  width: auto !important;
  /* override the plugin's inline dims to let vids scale fluidly */
  height: auto !important;
}

.video-js {
  padding-top: 56.25% !important;
}

.vjs-fullscreen {
  padding-top: 0px !important;
}

.vjs-poster {
  position: absolute;
  bottom: 0;
}

.products-layout .views-row {
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
  background: #211f20;
}
.products-layout .views-row .views-field-title {
  padding-top: 10px;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  color: white;
}
.products-layout .views-row .views-field-field-kuva {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.products-layout .views-row .views-field-field-kuva img {
  position: relative;
  width: 100%;
  min-height: 256px;
  min-width: 250px;
}

.l-page .products-layout .views-row {
  float: none;
  display: block;
  min-height: 256px;
}
@media (min-width: 769px) {
  .l-page .products-layout .views-row {
    float: left;
    width: 50%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
}
@media (min-width: 1224px) {
  .l-page .products-layout .views-row {
    float: left;
    width: 33.33333%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
}

.recruitment-iframe {
  width: 100%;
  min-height: 1100px;
  position: relative;
  border: none;
}
.recruitment-iframe div.container {
  width: 100% !important;
}

.open-jobs {
  padding-top: 20px;
}
.open-jobs h3 {
  font-weight: 400;
}
.open-jobs .views-row {
  border: 1px solid #d6d9db;
  border-top: none;
  padding: 10px 20px;
  position: relative;
  background: url("/sites/all/themes/patria/images/icons/expand.png") no-repeat;
  background-position: right center;
}
.open-jobs .views-row a {
  text-decoration: none;
  display: block;
}
.open-jobs .views-row:hover {
  background: url("/sites/all/themes/patria/images/icons/expand2.png") no-repeat #3d9cd4;
  background-position: right center;
  cursor: pointer;
}
.open-jobs .views-row:hover a {
  color: white;
  transition: 0s;
}
.open-jobs .views-row-first {
  margin-top: 20px;
  border-top: 1px solid #d6d9db;
}
.open-jobs .views-row-last {
  margin-bottom: 20px;
}

.breadcrumb {
  padding: 20px;
  list-style-type: none;
  color: #a8abad;
}
.breadcrumb li {
  display: inline-block;
}

@media (min-width: 769px) {
  .breadcrumb {
    padding: 30px 30px 0;
  }
}
.view-content-header-image img {
  width: 100%;
}

.grid-view--2-column,
.grid-view--3-column,
.grid-view--4-column {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.grid-view--2-column:before, .grid-view--2-column:after,
.grid-view--3-column:before,
.grid-view--3-column:after,
.grid-view--4-column:before,
.grid-view--4-column:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.grid-view--2-column:after,
.grid-view--3-column:after,
.grid-view--4-column:after {
  clear: both;
}
.grid-view--2-column .views-row,
.grid-view--3-column .views-row,
.grid-view--4-column .views-row {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 1224px) {
  .grid-view--2-column .views-row {
    width: 50%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
  .grid-view--2-column .views-row:nth-of-type(2n+2) {
    width: 50%;
    clear: right;
    float: right;
    padding-right: 0px;
  }
}

@media (min-width: 769px) {
  .grid-view--3-column .views-row {
    width: 8.33333%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
  .grid-view--3-column .views-row:nth-of-type(3n+3) {
    width: 8.33333%;
    clear: right;
    float: right;
    padding-right: 0px;
  }
}

@media (min-width: 0) and (max-width: 480px) {
  .grid-view--4-column .views-row {
    width: 200%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
  .grid-view--4-column .views-row:nth-of-type(2n+2) {
    width: 200%;
    clear: right;
    float: right;
    padding-right: 0px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .grid-view--4-column .views-row {
    width: 33.33333%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
  .grid-view--4-column .views-row:nth-of-type(3n+3) {
    width: 33.33333%;
    clear: right;
    float: right;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .grid-view--4-column .views-row {
    width: 25%;
    clear: right;
    float: left;
    padding-right: 0px;
  }
  .grid-view--4-column .views-row:nth-of-type(4n+4) {
    width: 25%;
    clear: right;
    float: right;
    padding-right: 0px;
  }
}

.embedded-video,
.media-youtube-video {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}
.embedded-video .player iframe,
.embedded-video .media-youtube-player,
.media-youtube-video .player iframe,
.media-youtube-video .media-youtube-player {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

#popup-message-window {
  z-index: 1000;
}

#popup-message-content p, #popup-message-content ol, #popup-message-content ul {
  padding: 15px 0;
  padding-top: 0;
}

div#block-print-ui-print-links span {
  display: block;
  margin-top: -30px;
  text-align: right;
}

.print_html, .print_mail, .print_pdf, .print_epub {
  margin-left: 1em;
}

.pt-login-block {
  margin-top: 40px;
}
.pt-login-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.views-field-field-quote-block {
  position: relative;
  display: block;
  width: 75%;
  margin: 0 auto;
  padding-top: 120px;
}
.views-field-field-quote-block:before {
  content: ' ';
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  display: block;
  width: 85px;
  height: 100px;
  position: absolute;
  background: url("/sites/all/themes/patria/images/icons/quote.png") no-repeat 50% 50%;
}

.view-landing-page-carousel {
  position: relative;
  margin-top: 0;
  padding-bottom: 30px;
}
.view-landing-page-carousel .bxslider {
  padding: 0;
}
.view-landing-page-carousel .bx-pager {
  display: none;
}
.view-landing-page-carousel .bx-controls-direction > a {
  visibility: hidden;
  line-height: 60px;
  text-align: center;
  height: 60px;
  width: 60px;
  top: 50%;
  margin-top: -15px;
  z-index: 100;
  position: absolute;
  border: 1px solid #e8ebeb;
  background: rgba(159, 168, 175, 0.5);
}
.view-landing-page-carousel .bx-controls-direction > a.bx-prev {
  left: 0;
  background: url("/sites/all/themes/patria/images/icons/prev.png") no-repeat 46% 52% rgba(159, 168, 175, 0.5);
}
.view-landing-page-carousel .bx-controls-direction > a.bx-next {
  right: 0;
  background: url("/sites/all/themes/patria/images/icons/next.png") no-repeat 54% 52% rgba(159, 168, 175, 0.5);
}
.view-landing-page-carousel .bx-controls-direction > a.disabled {
  display: none;
}
.view-landing-page-carousel .bx-controls-direction > a:hover {
  background-color: #3e9bd4;
}
.view-landing-page-carousel .group-carousel-content {
  position: absolute;
  width: 80%;
  display: block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 240px;
  z-index: 1;
  top: 80px;
}
.view-landing-page-carousel .group-carousel-content .field {
  padding: 5px 0;
}
.view-landing-page-carousel .group-carousel-content .field.field--name-field-slide-title {
  padding-top: 0;
}
.view-landing-page-carousel .group-carousel-content .field.field--name-field-slide-link {
  padding-bottom: 0;
}
.view-landing-page-carousel .group-carousel-content a {
  position: absolute;
  bottom: -100px;
  display: block;
  width: 185px;
  height: 40px;
  line-height: 40px;
  border: 1px solid white;
  background: url("/sites/all/themes/patria/images/icons/next.png") no-repeat 80% 55%;
}
.view-landing-page-carousel .group-carousel-content a:hover {
  background-color: rgba(159, 168, 175, 0.5);
}
.view-landing-page-carousel .field--type-image {
  position: relative;
  overflow: hidden;
  width: 983px;
  background-color: rgba(30, 45, 57, 0.6);
}
.view-landing-page-carousel .field--type-image img {
  min-height: 500px;
  position: relative;
  left: -20%;
  display: block;
  z-index: -1;
}

@media (min-width: 769px) {
  .view-landing-page-carousel {
    margin-top: 30px;
    padding: 0;
  }
  .view-landing-page-carousel .bx-controls-direction > a {
    visibility: visible;
  }
  .view-landing-page-carousel .group-carousel-content {
    max-width: 575px;
    top: 135px;
    left: 135px;
    right: auto;
  }
  .view-landing-page-carousel .group-carousel-content a {
    bottom: -65px;
  }
  .view-landing-page-carousel .field--type-image {
    width: 100%;
  }
  .view-landing-page-carousel .field--type-image img {
    height: 390px;
    width: 100%;
    left: 0;
  }
}
@media (min-width: 1224px) {
  .view-landing-page-carousel .group-carousel-content {
    max-width: 575px;
    top: 135px;
    left: 135px;
    right: auto;
  }
  .view-landing-page-carousel .group-carousel-content a {
    bottom: -65px;
  }
  .view-landing-page-carousel .field--type-image {
    width: 100%;
  }
  .view-landing-page-carousel .field--type-image img {
    width: 100%;
    left: 0;
  }
}
.section-header {
  border-top: 1px solid #e9eaeb;
  background: white;
  position: relative;
}

@media (min-width: 769px) {
  .section-header {
    border-top: 0;
  }
}
.node--webform .webform-component .option p {
  display: inline-block;
  padding-left: 10px;
}

* {
  margin: 0;
}

*:hover {
  transition: 0.5s;
}

html, body {
  height: 100%;
}

body {
  background: #e1e1e1;
}

.l-header {
  background: white;
}

.l-main {
  background: white;
}
.l-main .l-content {
  margin-bottom: 20px;
  padding: 0 20px 20px;
}
.l-main .l-content .views-field-field-kuva img {
  padding-bottom: 15px;
}
@media (min-width: 769px) {
  .l-main .l-content {
    padding: 0 0 0 10px;
  }
}