.MainSite {
 margin: 0 auto;
 font-family: "Open Sans", sans-serif;
}

.MainSite-header {
 background-color: #f3f3f3;
}

.MainSite-body {
 background-color: #f0f0f0;
}

.MainSite-tailer {
 display: none;
}

.MainSite-content {
}

.banner1 {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 padding: 0.3rem 0.8rem;
}
.banner1.login {
 justify-content: center;
}
.banner1 > .bannerlogo {
 flex: 0 1 auto;
 margin: 0.75rem 1rem;
 min-width: 50px;
 max-width: 480px;
}
.banner1 > .bannerside {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-end;
 flex: 1 1 auto;
 margin: 0 0 0 1rem;
}

.banner1 > .bannerside > .bannersb {
 display: flex;
 flex: 1 1 auto;
 margin: 0 0 0 1rem;
 text-align: right;
}
.bannersb>form.search {
 display: flex;
 flex-direction: row;
 flex: 1 1 16rem;
 align-items: stretch;
 flex-grow: 2;
 margin: 0 0 0 10%;
 justify-content: flex-end;
}

.bannersb>form.search>input.search_input {
 flex: 1 1 auto;
 max-width: 16rem;
 width: 100%;
 border: none;
 border-radius: 0.3rem 0 0 0;
}
.bannersb>form.search>.action {
 display: inline-block;
 flex: 0 1 auto;
 padding: 0.2rem 0.5rem;
 background-color: #080;
 color: #fff;
 margin: 0;
 border: none;
}
.bannersb>form.search>.action:hover {
 background-color: #0a0;
 border: none;
 color: #fff;
}

.banner1 > .bannerside > .langsel {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 margin: 0.5rem 0 0 0;
}

.banner1 > .bannerside > .langsel>.langitem {
 display: block;
 margin-left: 1.5rem;
 color: #fff;
 padding: 0.25rem 0.5rem;
 border-radius: 0.25rem;
}

.banner1 > .bannerside > .langsel>.langitem:hover {
 color: #ff8;
 background-color: #064a86;
}

.banner1 > .bannerside > .langsel>.langitem.current {
 color: #ff0;
 background-color: #0a5da6;
}

.MainSite-menu {
  min-width: 12rem;
  max-width: 20rem;
  background-color: #f8f8f8;
}

div.gvbox {
 max-width: 200px;
}
div.gvbox div.imgbox {
 min-width: 200px;
 max-width: 200px;
 height: 150px;
}

div.gvbox div.name {
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
}

div.gvbox div.name > a {
 flex-grow: 1;
}
div.gvbox div.name > a:hover {
 color: #fff;
 background-color: #06a;
}

.p_table_header_box {
 margin: 0 2rem;
}

.p_table_header > a,
.p_table_header_box h1 > a,
.p_table_header_box h1 > .pgroupitem > a,
.p_table_header_box h2.group,
.p_table_header_box h2 > a,
.p_table_header_box h2 > .pgroupitem > a,
.p_table_header_box h2 > span
p_table_header,
.p_table_header_box h1,
.p_table_header_box h2.group,
.gvheader h1,
.gvheader h1 > a
{
 font-family: "Open Sans", sans-serif;
 font-size: 1.5rem;
}

.cc_table {
 width: 100%;
}

.cccontainer {
 max-width: 1000px;
}

.etukuvat .slick-slide h1.overlay {
 position: absolute;
 left: 1rem;
 top: 0.4rem;
 color: #fdfc9f;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.reggrantformbox {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 align-items: center;
 margin: 2rem 0 2rem 0;
 background: #d9e8de;
 padding: 2rem 2rem;
 border-radius: 0.25rem;
 max-width: 550px;
}

.reggrantformbox .accesscodebox  {
 display: flex;
 flex: 1 1 auto;
 width: 100%;
}

.reggrantformbox .accesscodebox > label {
 display: none;
}
.reggrantformbox .accesscodebox > input.acode {
 flex: 1 1 auto;
 max-width: 100%;
 min-width: 5rem;
}
.reggrantformbox .accesscodebox > div.sendbuttonbox {
 flex: 0 0 auto;
}

.reggrantformbox i.sendbutton {
 border-radius: 3rem;
 background-color: #ffc;
 padding: 0.2rem 0.75rem;
 margin: 0 1rem 0 1rem;
 color: #666;
}

.reggrantformbox i.sendbutton:hover {
 background-color: #ff8;
 color: #222;
}
.reggrantformbox .error {
 color: #a00;
}

.etunews {
 padding: 1rem;
 background-color: #9eb1c1;
 border-radius: 4px;
}

.etunews .news_box {
  background-color: #ffa;
  border-radius: 4px;
}

.etunews h2 {
 color: #025;
}
.etunews a.etunewsmore {
 display: inline-block;
 padding: 0.5rem 1rem;
 margin: 0 0 0 1rem;
 background-color: #091e30;
 color: #fff;
 text-decoration: none;
 font-size: 1.2rem;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.etunews  > a.etunewsmore:hover  {
 background-color: #247bc2;
}
.etunews  > a.etunewsmore::after {
 font-family: "FontAwesome";
 content: "\f054";
 margin-left: 1rem;
 color: #fff;
}

.etutuotteet .slick-prev {
 left: -40px;
}
.etutuotteet .slick-next {
 right: -40px;
}

.etutuotteet .slick-prev::before,
.etutuotteet .slick-next::before {
 font-size: 40px;
}

.fpvideos {
 display: flex;
 flex-direction: column;
 margin: 2rem 0;
}

.fpvideo {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 margin: 1rem 0 1rem;
 max-width: 100%;
}
.fpvideo .vcap {
 margin-top: 0.25rem;
 font-size: 1rem;
}

.fpvideo video {
  max-width: 100%;
  height: auto !important;
}

.sidemenu {
 margin-bottom: 2rem;
}

.sidemenu .sidetitle {
 font-size: 1.5rem;
 color: #222326;
 margin: 0 0 1rem 0.75rem;
}
.sidemenu .sidetitle::first-letter{
 text-transform: capitalize
}

ul.ulmenu0 li > a.ulmenu {
 padding: 5px 6px 3px 6px;
 border-radius: 3px 0 0 0;
}
ul.ulmenu0 li > a.ulmenu:hover {
 background-color: #06a;
 color: #fff;
}

.pimagesliderbox {
  width: 400px;
}

div.sidecartbox a {
 background: linear-gradient(0deg, #231F20, #AEA3A6 );
}

div.sidecartbox a:hover {
 background: linear-gradient(0deg, #534A4C, #AEA3A6 );
}

ul.siteTopNav .navitem ul.subnavi {
 z-index: 5;
}

.bannersb > form.search > .action,
ul.siteTopNav li.navitem.navisearch .navifs:hover,
ul.siteTopNav li.navitem.navisearch .navifs input.stxt.active + .go:hover,
ul.siteTopNav li.navitem.navisearch:hover .navifs i.fa-search {
 background-color: #048;
}

.bannersb > form.search > .action:hover{
  background-color: #06a;
}

div.pgat {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 gap: 2rem 4rem;
 margin: 2rem;
}
div.pgat div.product {
 display: block;
 margin: 0;
 width: 250px;
}
div.pgat div.product div.imgwrap {
 width: 250px;
}

div.pgat div.product div.datawrap {
 min-height: 9rem;
 display: flex;
 flex-direction: column;
 justify-content: stretch;
 padding: 0 0.25rem;
}
div.pgat div.product div.datawrap div {
 display: flex;
 flex-direction: row;
 justify-content: center;
}
div.pgat div.product div.datawrap div.name {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 top: auto;
 left: auto;
 text-align: left;

}
div.pgat div.product div.name > a {
 display: block;
 align-self: flex-start;
 font-size: 1rem;
 text-aling: left;
}
div.pgat div.product div.datawrap div.name2 {
 display: block;
 color: #444;
}

div.pgat div.product div.datawrap div.name2:first-letter {
 text-transform: capitalize !important;
}

div.pgat div.product div.datawrap div.price {
 display: block;
 font-size: 1.25rem;
}

.productsheet > .mainbox > .mainrow > .col2 > .saatavuusbox {
 margin: 2rem 0 0 0;
}

.productsheet .name2 {
}
.productsheet .name2::first-letter {
 text-transform: capitalize;
}

.productsheet .stockvalues {
 display: flex;
 flex-direction: column;
}
.productsheet .stockvalues>.item {
 display: flex;
 flex-direction: row;
}
.productsheet .stockvalues>.item>.week {
 font-family: "Open Sans",sans-serif;
 color: #444;
 min-width: 6rem;
 margin: 0 1rem 0 0;
}
.productsheet .stockvalues>.item>.stock {
 min-width: 4rem;
 margin: 0 1rem 0 0;
 font-family: "Open Sans", sans-serif;
 color: #222;
 text-align: right;
}

.productsheet > .mainbox > .mainrow > .col2 > .pricebox > .price > .priceovhA {
 display: inline-block;
 position: absolute;
 left: -0.5rem;
 top: -1.5rem;
 font-family: "Open Sans", sans-serif;
 font-weight: normal;
 font-size: 1.2rem;
 color: #484747;
 margin: 0 0 0 0.5rem;
 text-decoration: line-through;
}

.productsheet .tilaustavara {
 margin: 0 0 1rem 0;
 color: #800;
}

.of_items_table .toimbox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
}

.of_items_table .toimbox .item{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 margin-left: 1rem;
 color: #444;
}

.of_items_table .toimbox .item .week {
}
.of_items_table .toimbox .item .stock {
margin-left: 1rem;
}

.dmbox .about {
 display: block;
 margim 1rem 0.25rem;
 padding: 0.5rem;
 border: 1px solid #888;
 background-color: #E5F4F4;
 color: #222;
 border-radius: 0.3rem;
}
.dmbox .about:empty {
 display: none;
}

.dmbox .about .toimituspdf {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 width: fit-content;
 padding: 0.3rem 1rem;
 text-decoration: none;
 background-color: #ffd;
 color: #222;
 border-radius: 0.3rem;
 margin: 0 0 0.75rem 0;
 border: 1px solid #ccc;
}
.dmbox .about .toimituspdf:hover {
  background-color: #ffa;
}
.dmbox .about .toimituspdf .go {
 display: inline-block;
 margin: 0 0 0 0.5rem;
}

@media screen and (max-width: 768px) {

.banner1 > .bannerlogo {
  max-width: 50%;
}
.banner1 > .bannersb input {
  max-height: 80%;
  min-height: 60%;
}
.cc_table {width: 95%;}

}

@media screen and (max-width: 360px) {

.banner1 > .bannerlogo {
  max-width: 50%;
}
.banner1 .bannerside .bannersb {
 margin-left: 4px;
}
.banner1 .bannerside {
 margin-left: 8px;
}
.banner1 .bannerside .bannersb {
 margin-left: 4px;
}

.bannersb > form.search > input.search_input {
 max-width: 8rem;
}

div.pgat div.product {width: 150px;margin: 0.5rem 0.6rem;}
div.pgat div.product div.imgwrap {width: 150px;height: 150px;}

.cc_table {width: 100%;}

}

.MainSite-footer {
 font-family: "Open Sans", sans-serif;
 font-weight: normal;
 font-size: 1rem;
 background-color: #001030;
 padding-top:2rem;
 padding-bottom: 25px;
 position: relative;
}
.MainSite-footer .row {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
}

.MainSite-footer span {
 color: #fff;
}

.MainSite-footer .title {
 font-family: "Audiowide", sans-serif;
 font-size: 2.5rem;
 color: #fff;
}

.MainSite-footer .row:first-child {
 margin-bottom: 0.5rem;
}

.MainSite-footer .row .leftspace {
 flex: 0 1 auto;
}
.MainSite-footer .row .rightspace {
 flex: 0 1 auto;
}

.MainSite-footer .tailerlogo {
 position: absolute;
 right: 4px;
 bottom: 20px;
}

.MainSite-footer .tailerlogo img {
 background-color: #fff;
 padding: 0.15rem 0.2rem;
}
.MainSite-footer .address {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
}

.MainSite-footer .address .colsep {
 display: inline-block;
 margin: 0 0.5rem;
}