body, html {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: pt sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #707070;
  -webkit-text-size-adjust: 100%;
  line-height: 30px;
  background: #fff;
  *text-align: center
}

body {
  overflow-y: scroll
}

img, a img {
  border: 0
}

h1.logo {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 47px;
  width: 320px;
  height: 48px
}

ul#nav {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none
}

ul#nav li {
  display: inline;
  float: left;
  margin-left: 30px;
  font-family: raleway, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-text-stroke: .25px;
  font-size: 17.5px
}

.en ul#nav li {
  margin-left: 23px
}

.se ul#nav li {
  margin-left: 19px
}

.fr ul#nav li {
  margin-left: 15px
}

ul#nav li a {
  padding-top: 56px;
  padding-bottom: 54px;
  float: left
}

a, ul#nav li a {
  color: #00bbe8;
  text-decoration: none
}

ul#nav li:hover a {
  transition: color .25s ease-out;
  -webkit-transition: color .25s ease-out;
  -moz-transition: color .25s ease-out;
  -o-transition: color .25s ease-out;
  -ms-transition: color .25s ease-out;
  color: #000
}

em {
  font-style: italic
}

strong {
  font-weight: 700
}

h2 {
  font-family: raleway, sans-serif;
  font-weight: 300;
  color: #00bbe8;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 38px
}

h3 {
  font-family: raleway, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  font-size: 25px;
  margin-bottom: 25px;
  color: #00bbe8
}

p {
  font-family: pt sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  margin-bottom: 52px
}

.sub p, .de p {
  margin-bottom: 32px;
  text-align: left
}

.sub h2, .de h2 {
  text-align: left;
  clear: both
}

a {
  text-decoration: none;
  color: #00bbe8
}

.yhteysruutu a, .blogiruutu a {
  color: #fff;
  text-decoration: underline
}

.rss-item {
  list-style: none
}

.rss-items {
  margin: 0;
  padding: 0;
  margin-left: 25px;
  font-size: 14.5px
}

.rss-date {
  font-size: 12px
}

.fibox {
  display: none
}

.enbox {
  display: none
}

.etusivu .fibox {
  display: block
}

.vendia-marine-plank .enbox, .vendia-bootsplanken .enbox, .vendia-trabatsplankan .enbox, .vendia-planche-marine .enbox {
  display: block
}

.vendia-marine-plank .yhteysruutu, .vendia-trabatsplankan .yhteysruutu, .vendia-planche-marine .yhteysruutu {
  margin-top: 110px
}

.navigation, .largeimage, .subimage, .content {
  float: left;
  width: 100%;
  height: auto;
  position: relative
}

.BlogBox {
  position: absolute;
  left: 0;
  top: 78px;
  width: 243px;
  height: auto
}

.yhteysruutu, .blogiruutu {
  position: absolute;
  left: 0;
  top: 78px;
  width: 243px;
  height: auto;
  background: #00bbe8;
  color: #fff
}

.blogiruutu {
  height: auto;
  padding-bottom: 24px
}

.yhteysruutu2 {
  position: relative;
  float: left;
  width: 243px;
  height: auto;
  background: #00bbe8;
  color: #fff
}

.tagipilvi h3, .yhteysruutu2 h3 {
  font-family: raleway, sans-serif;
  font-weight: 300;
  color: #fff;
  white-space: nowrap;
  font-size: 22px;
  line-height: 36px;
  letter-spacing: normal;
  margin: 5px 10px;
  padding: 0;
  text-align: left;
  border-bottom: 1px dotted #fff
}

.yhteysruutu2 a {
  color: #fff
}

.tagipilvi {
  position: relative;
  float: left;
  width: 243px;
  height: auto;
  background: #707070;
  color: #fff;
  margin: 10px 0 0;
  padding: 0 0 10px
}

.fbBox {
  position: relative;
  display: block;
  float: left;
  width: 203px;
  height: auto;
  background: #00bbe8;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0 0;
  padding: 20px
}

.send_done {
  display: block;
  width: 100%;
  position: relative;
  color: #00bbe8;
  text-decoration: none;
  font-family: raleway, sans-serif;
  font-weight: 400;
  -webkit-text-stroke: .25px;
  font-size: 17.5px;
  margin: 20px 0;
  padding: 20px 0;
  border-bottom: 2px dotted #ccc;
  text-align: center
}

.fbBox:hover {
  position: relative;
  display: block;
  float: left;
  width: 203px;
  height: auto;
  background: #00cff6;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0 0;
  padding: 20px
}

#tagCloud {
  display: block;
  padding: 10px
}

#tagCloud a {
  position: relative;
  float: left;
  display: block;
  padding: 2px;
  color: #fff
}

#tagCloud .tag1 {
  font-size: 14px
}

#tagCloud .tag2 {
  font-size: 20px;
  font-weight: 700
}

#tagCloud .tag3 {
  font-size: 28px
}

.sidecontent {
  position: absolute;
  right: 0;
  top: 78px;
  width: 174px;
  height: 244px
}

.yhteysruutu h3, .blogiruutu h3 {
  font-family: raleway, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-left: 25px;
  font-size: 23px;
  margin-top: 33px;
  margin-bottom: 15px;
  color: #fff
}

.yhteysruutu p, .blogiruutu p {
  margin-left: 23px;
  text-align: left;
  margin-bottom: 15px
}

.yhteysruutu2 p {
  margin-left: 23px;
  text-align: left;
  margin-bottom: 15px
}

.navigation {
  height: 140px
}

.largeimage {
  height: 530px;
  background: url(../365_template/sample2.jpg) top center no-repeat;
  min-width: 1300px
}

.sub .largeimage {
  height: 250px
}

.tuotteet .largeimage, .products .largeimage, .produkte .largeimage, .produkter .largeimage, .produits .largeimage {
  background: url(../365_template/tuotteet_yla.jpg) top center no-repeat
}

table.tuotteet td {
  padding-right: 20px;
  vertical-align: top
}

.yritys .largeimage, .company .largeimage, .firma .largeimage, .foretaget .largeimage, .lentreprise .largeimage {
  background: url(../365_template/yritys.jpg) top center no-repeat
}

.content .wrapper {
  width: 670px;
  padding-top: 60px;
  padding-bottom: 60px;
  min-width: 670px;
  max-width: 670px;
  line-height: 28px
}

a.luelisaa, a.readmore, a.lesen, a.lasmer, a.lirelasuite {
  width: 276px;
  height: 60px;
  display: block;
  background: url(../365_template/luelisaa.png);
  background-position: 276px top;
  margin-left: 197px;
  float: left
}

a.readmore {
  background: url(../365_template/luelisaa_en.png);
  background-position: 0 top
}

a.lirelasuite {
  background: url(../365_template/luelisaa_fr.png);
  background-position: 0 top
}

a.lesen {
  background: url(../365_template/luelisaa_de.png);
  background-position: 0 top
}

a.lasmer {
  background: url(../365_template/luelisaa_se.png);
  background-position: 0 top
}

a.readmore:hover, a.lesen:hover, a.lasmer:hover, a.lirelasuite:hover {
  background-position: 276px top
}

a.luelisaa:hover {
  background-position: 0 top
}

@keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-ms-keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

? @-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.front-animation-container {
  width: 100%;
  width: 904px;
  margin: 0 auto;
  height: 154px;
  margin-top: 188px
}

.equals {
  width: 230px;
  height: 154px;
  background: url(../365_template/equals.png) center right no-repeat;
  float: left;
  display: inline;
  opacity: 0;
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.trees {
  width: 175px;
  height: 154px;
  float: left;
  display: inline;
  opacity: 0;
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.trees img, .merge img, .boat img {
  float: right
}

.treeslink {
  width: 154px;
  height: 154px;
  float: right;
  display: block;
  background: url(../365_template/trees_wide.png) 0 0
}

.mergelink {
  width: 154px;
  height: 154px;
  float: right;
  display: block;
  background: url(../365_template/merge_wide.png) 0 0
}

.boatlink {
  width: 154px;
  height: 154px;
  float: right;
  display: block;
  background: url(../365_template/boat_wide.png) 0 0
}

.marinelink {
  width: 156px;
  height: 154px;
  float: left;
  display: block;
  background: url(../365_template/marineplank_wide.png) 0 0
}

.newlink {
  width: 232px;
  height: 231px;
  float: left;
  display: block;
  background: url(../365_template/uusi-mahonki-en.png) 0 0
}

.etusivu .newlink {
  width: 232px;
  height: 231px;
  float: left;
  display: block;
  background: url(../365_template/uusi-mahonki-fi.png) 0 0
}

.newlink:hover {
  background-position: -233px 0;
  background-repeat: no-repeat
}

.treeslink:hover, .mergelink:hover, .boatlink:hover, .marinelink:hover {
  background-position: -154px 0
}

.marinelink:hover {
  width: 154px;
  background-position: -156px 0
}

.en .treeslink:hover, .en .mergelink:hover, .en .boatlink:hover, .en .marinelink:hover {
  background-position: -308px 0
}

.en .marinelink:hover {
  width: 154px;
  background-position: -310px 0
}

.de .treeslink:hover, .de .mergelink:hover, .de .boatlink:hover, .de .marinelink:hover {
  background-position: -462px 0
}

.de .marinelink:hover {
  width: 154px;
  background-position: -464px 0
}

.se .treeslink:hover, .se .mergelink:hover, .se .boatlink:hover, .se .marinelink:hover {
  background-position: -616px 0
}

.se .marinelink:hover {
  width: 154px;
  background-position: -618px 0
}

.fr .treeslink:hover, .fr .mergelink:hover, .fr .boatlink:hover, .fr .marinelink:hover {
  background-position: -770px 0
}

.fr .marinelink:hover {
  width: 154px;
  background-position: -772px 0
}

.merge {
  width: 227px;
  height: 154px;
  float: left;
  display: inline;
  background: url(../365_template/arrow.png) center left no-repeat;
  margin-left: 22px;
  opacity: 0;
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.boat {
  width: 227px;
  height: 154px;
  float: left;
  display: inline;
  background: url(../365_template/arrow.png) center left no-repeat;
  margin-left: 22px;
  opacity: 0;
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  -webkit-animation-delay: 2.75s;
  -moz-animation-delay: 2.75s;
  -ms-animation-delay: 2.75s;
  -o-animation-delay: 2.75s;
  animation-delay: 2.75s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.new {
  width: 232px;
  height: 231px;
  float: right;
  display: inline;
  background: url(../365_template/arrow.png) center left no-repeat;
  margin-right: -55px;
  margin-top: -39px;
  opacity: 0;
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.wrapper {
  margin: 0 auto;
  width: 1300px;
  height: auto;
  min-width: 1300px;
  text-align: left
}

.social {
  height: 34px;
  width: 44px;
  display: inline-block;
}


.facebook {
  background: url(../365_template/face.png) top left no-repeat
}

.instagram {
  background: url(../365_template/insta.png) top left no-repeat
}

.valmistus1 img, .valmistus2 img, .valmistus3 img, .valmistus4 img {
  float: left;
  margin-top: 0
}

.valmistus1, .valmistus2, .valmistus3, .valmistus4 {
  float: left;
  margin-top: 20px;
  width: 670px
}

.valmistus1 {
  margin-top: 0
}

.pricetable {
  font-size: 13px;
  line-height: 24px;
  padding-bottom: 36px
}

.pricetable th {
  padding-left: 15px
}

.pricetable th, .pricetable td {
  font-weight: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px
}

.pricetable tr:nth-child(even) td {
  background: #f5f5f5
}

.pricetable tr:nth-child(odd) td {}

.pricetable td input {
  width: 30px
}

#sum-up span h3 {
  font-size: 16px;
  color: inherit;
  display: inline
}

#sum-up span {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
  width: auto;
  clear: left;
  display: none
}

#sum-up span#summa-span {
  float: right
}

#sum-up span#alesumma-span {}

#sum-up .sum-up-desc {
  margin-bottom: 0
}

.fourmm, .mahonki-fourmm, .fivemm, .mahonki-fivemm, .sixmm, .mahonki-sixmm, .ninemm, .mahonki-ninemm, .mahonki-ninemmpro, .twelvemm, .mahonki-twelvemm, .fifteenmm, .mahonki-fifteenmm, .mahonkivenelauta, .kolipuu, .selkalauta, .kaaripuu, .parraspuu, .viilu, .venelauta, .venelautakauppa, .mahonki-venelautakauppa, .kolipuukauppa, .selkalautakauppa, .viilutkauppa, .kaaripuukauppa, .vendiapro, .vendiareg {
  display: none
}

#fourmmtoggle, #mahonki-fourmmtoggle, #fourmmhide, #fivemmtoggle, #mahonki-fivemmtoggle, #fivemmhide, #sixmmtoggle, #mahonki-sixmmtoggle, #ninemmtoggle, #mahonki-ninemmtoggle, #mahonki-ninemmprotoggle, #twelvemmtoggle, #mahonki-twelvemmtoggle, #fifteenmmtoggle, #mahonki-fifteenmmtoggle, .kolipuutoggle, .selkalautatoggle, .kaaripuutoggle, .parraspuutoggle, .viilutoggle, .venelautatoggle, .mahonkivenelautatoggle, .mahonki-venelautatoggle, .venelautakauppatoggle, .mahonki-venelautakauppatoggle, .kolipuukauppatoggle, .selkalautakauppatoggle, .viilutkauppatoggle, .kaaripuukauppatoggle, #vendiaprotoggle, #vendiaregtoggle {
  cursor: pointer;
  background: url(../365_template/downarrow.png) center right no-repeat;
  clear: left
}

#fourmmtoggle, #mahonki-fourmmtoggle, #fourmmhide, #fivemmtoggle, #mahonki-fivemmtoggle, #fivemmhide, #sixmmtoggle, #mahonki-sixmmtoggle, #ninemmtoggle, #mahonki-ninemmtoggle, #mahonki-ninemmprotoggle, #twelvemmtoggle, #mahonki-twelvemmtoggle, #fifteenmmtoggle, #mahonki-fifteenmmtoggle, #vendiaprotoggle, #vendiaregtoggle {
  color: #b3b3b3;
  background: url(../365_template/downarrow-bw.png) center right no-repeat;
  clear: both
}

#lbBottomNav #lbNext, #lbBottomNav #lbPrev {
  display: none
}

.alert {
  color: #900;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 100%
}

.alert-tarjous {
  color: #900;
  font-size: 22px;
  font-weight: 700;
  display: block;
  text-align: left;
  width: 100%;
  margin: 0 0 36px
}

.contact_form {
  clear: left
}

.contact_form td input, .contact_form td select {
  width: 510px !Important;
  width: 530px;
  height: 30px;
  padding-left: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #00bbe8
}

.contact_form td select {
  width: 532px !Important;
  width: 552px;
  padding-left: 16px;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px
}

.contact_form td input:focus, .contact_form td textarea:focus, .contact_form td select:focus {
  background: #00bbe8;
  color: #fff;
  outline: 0
}

.contact_form td textarea {
  width: 510px !Important;
  width: 530px;
  padding-left: 20px;
  padding-top: 20px;
  height: 120px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #00bbe8
}

.cf_name {
  width: 124px
}

.cf_message {
  vertical-align: middle
}

.contact_form .submit {
  width: 535px !important;
  float: right;
  color: #fff;
  background: #00bbe8;
  text-transform: uppercase;
  font-weight: 400;
  border: 0;
  cursor: pointer;
  padding-left: 0;
  margin-top: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.contact_form .submit:hover {
  background: #fff;
  color: #00bbe8;
  border: 1px solid #00bbe8;
  border-radius: 0;
  -webkit-border-radius: 0
}

.BlogHeader, .BlogLogo {
  height: 48px;
  width: auto;
  display: block;
  position: relative;
  float: left
}

.BlogHeader {
  margin-top: 55px;
  margin-left: 20px
}

.BlogHeader h3 {
  font-size: 32px
}

.BlogArchives {
  display: block;
  position: relative;
  float: left;
  padding: 5px
}

ul.blog_archive_year, ul.blog_archive_year li ul {
  display: list-item;
  position: relative;
  float: left;
  width: 200px;
  padding: 10px 8px 10px 10px;
  margin: 0;
  z-index: 2
}

ul.blog_archive_year li {
  display: block;
  position: relative;
  float: left;
  width: 80%;
  padding: 0 0 0 20%;
  margin: 0;
  font-size: 14px;
  z-index: 2;
  line-height: 30px
}

ul.blog_archive_year li ul li ul li {
  list-style-type: square;
  list-style-position: inside;
  display: list-item
}

ul.blog_archive_year li ul li ul li:hover {
  background-color: #00cff6
}

ul.blog_archive_year li a {
  padding: 2px 5px;
  text-decoration: none
}

ul.blog_archive_year li a:hover {
  text-decoration: none
}

ul.blog_archive_year li ul, ul.blog_archive_year li ul li {
  padding-left: 0;
  z-index: 9999
}

ul.blog_archive_year li ul li {
  padding-left: 30px
}

ul.blog_archive_year li ul li ul li {
  padding-left: 5px;
  font-size: 12px
}

ul.blog_archive_year li ul {
  margin-left: -20px
}

ul.blog_archive_year li ul, ul.blog_archive_year li ul li ul {
  display: none
}

.dropme {
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url(../365_template/dropdown.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 24px 24px;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 2px;
  left: 0
}

.dropme:hover {
  background-color: #00cff6;
  cursor: pointer
}

.show-list>.dropme {
  background-color: #00cff6;
  cursor: pointer
}

.show-list ul {
  display: block !important
}

.show-list ul li ul {
  display: none !important
}

.show-list ul .show-list ul {
  display: block !important
}

.lang {
  position: absolute;
  right: 26px;
  top: 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: raleway, sans-serif
}

.lang a {
  border-bottom: 1px solid #2e1d0e;
  color: #2e1d0e;
  float: left;
  margin-left: 20px
}

.lang a:hover {
  border-bottom: 1px solid #00bbe8;
  color: #00bbe8
}

.etusivu .yhteysruutu, .vendia-marine-plank .yhteysruutu, .vendia-bootsplanken .yhteysruutu, .vendia-trabatsplankan .yhteysruutu, .vendia-planche-marine .yhteysruutu {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  text-align: center
}

.etusivu .yhteysruutu p, .vendia-marine-plank .yhteysruutu p, .vendia-bootsplanken .yhteysruutu p, .vendia-trabatsplankan .yhteysruutu p, .vendia-planche-marine .yhteysruutu p {
  text-align: center;
  margin-left: 0
}

.etusivu .yhteysruutu p, .etusivu .yhteysruutu h3, .vendia-marine-plank .yhteysruutu h3, .vendia-bootsplanken .yhteysruutu h3, .vendia-trabatsplankan .yhteysruutu h3, .vendia-planche-marine .yhteysruutu h3 {
  margin-left: 0
}

.msocialbox {
  display: none
}

.content .wrapper {
  padding-bottom: 120px
}

#nav-trigger {
  display: none;
  text-align: center;
  position: absolute;
  left: 370px;
  top: 45px
}

#nav-trigger span {
  display: inline-block;
  padding: 10px 30px;
  background-color: #00bbe8;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase
}

#nav-trigger span:hover {
  background-color: #2e1d0e
}

#nav-trigger span.open:after {
  border-left: solid 10px transparent;
  border-top: none;
  border-bottom: solid 10px #fff;
  border-right: solid 10px transparent
}

nav#nav-mobile {
  position: relative;
  display: none
}

nav#nav-mobile ul {
  display: none;
  list-style-type: none;
  position: absolute;
  left: 370px;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: 0 0;
  z-index: 1000
}

nav#nav-mobile li {
  display: block;
  padding: 5px 0;
  margin: 0;
  float: left;
  clear: left;
  border-bottom: 1px solid #00bbe8;
  width: 230px;
  background: #fff;
  padding-left: 20px
}

nav#nav-mobile li:last-child {}

nav#nav-mobile li a {
  display: block;
  color: #00bbe8;
  padding-top: 10px;
  padding-bottom: 8px
}

nav#nav-mobile a:hover {}

@media all and (max-width:1200px) {
  #nav-trigger {
    display: block
  }

  nav#nav-main {
    display: none
  }

  nav#nav-mobile {
    display: block
  }

  .new {
    display: none
  }

  .front-animation-container {
    width: 904px
  }
}


@media only screen and (min-device-width:320px) and (max-device-width:568px) {
  body, html {
    max-width: 1200px
  }

  .yhteysruutu {
    float: left;
    clear: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 40px
  }

  .yhteysruutu p {
    text-align: center
  }

  .contact_form .submit {
    -webkit-appearance: none;
    border-radius: 0
  }
}

@media screen and (max-width:1300px) {
  .vendia-marine-plank .yhteysruutu, .vendia-trabatsplankan .yhteysruutu, .vendia-planche-marine .yhteysruutu {
    margin-top: 110px
  }

  .yhteysruutu {
    float: left;
    clear: left;
    width: 100%;
    position: relative;
    text-align: center
  }

  .yhteysruutu p, .yhteysruutu h3 {
    margin-left: auto;
    text-align: center
  }

  .etusivu .content .wrapper {
    width: 600px;
    padding-top: 60px;
    padding-bottom: 60px;
    min-width: 600px;
    max-width: 600px
  }

  a.luelisaa {
    float: none;
    margin: 0 auto
  }

  .yhteysruutu p {
    text-align: center
  }

  .contact_form .submit {
    -webkit-appearance: none;
    border-radius: 0
  }
}

@media screen and (max-width:1200px) {
  body, html, .wrapper, .largeimage {
    min-width: 905px;
    width: 100%
  }

  .vendia-marine-plank .yhteysruutu, .vendia-trabatsplankan .yhteysruutu, .vendia-planche-marine .yhteysruutu {
    margin-top: 0
  }

  .socialbox {
    display: none
  }

  .msocialbox {
    display: block;
    top: auto !important;
    bottom: 590px !important
  }

  .blogiruutu {
    float: left;
    clear: left;
    width: 100%;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #fff
  }

  .blogiruutu h3, .rss-items {
    margin-left: 0
  }

  .yhteysruutu {
    margin-top: 0
  }

  .etusivu .content .wrapper {
    width: 670px;
    padding-top: 60px;
    padding-bottom: 60px;
    min-width: 670px;
    max-width: 670px
  }
}

@media screen and (max-width:1100px) {
  .sidecontent {
    clear: both;
    float: left;
    position: relative;
    width: 670px;
    height: auto;
    padding-bottom: 150px
  }

  .sidecontent .galleryImage, .sidecontent .galleryImgLink {
    width: 125px;
    height: 125px
  }

  .kauppa .galleryImage, .kauppa .galleryImgLink {
    width: 150px;
    float: left;
    display: inline;
    height: 100px !important;
    margin-right: 25px
  }

  .kauppa h3 {
    display: inline !important;
    clear: none !important;
    float: left;
    margin-top: 35px !important;
    margin-right: 25px
  }

  .kauppa {
    margin-top: -40px;
    padding-bottom: 120px
  }
}

@media screen and (max-width:1023px) {
  body, html, .wrapper, .largeimage {
    min-width: 700px;
    width: 100%
  }

  .largeimage {
    height: 250px
  }

  .front-animation-container {
    display: none
  }
}

.marine, .interior {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover
}

.marine {
  left: 0;
  background: url(../365_template/venevalinta.jpg) bottom left no-repeat
}

.interior {
  right: 0;
  background: url(../365_template/interiorvalinta.jpg) bottom right no-repeat
}

.infoblock {
  width: 295px;
  height: 100%;
  text-align: center;
  padding: 0 40px
}

.infoblock h2 {
  text-align: center;
  font-size: 37.5px;
  line-height: 1.5;
  margin-top: 30px
}

.interior h2 {
  color: #b37e3c
}

.infoblock img {
  display: block;
  margin: 0 auto;
  margin-top: 307px
}

.marine .infoblock {
  float: right;
  background: #fff
}

.interior .infoblock {
  float: left;
  background: #fff7f3
}

@media screen and (max-width:1700px) and (min-width:1600px) {
  .infoblock img {
    margin-top: 257px
  }
}

@media screen and (max-width:1599px) and (min-width:1400px) {
  .infoblock img {
    margin-top: 207px
  }
}

@media screen and (max-width:1399px) and (min-width:1300px) {
  .infoblock img {
    margin-top: 130px
  }
}

@media screen and (max-width:1299px) and (min-width:1199px) {
  .infoblock img {
    margin-top: 150px
  }

  .marine {
    left: 0;
    background: url(../365_template/venevalinta.jpg) bottom center no-repeat
  }

  .interior {
    right: 0;
    background: url(../365_template/interiorvalinta.jpg) bottom center no-repeat
  }
}

@media screen and (max-width:1299px) and (min-width:1199px) and (min-height:910px) {
  .infoblock img {
    margin-top: 250px
  }
}

@media screen and (max-width:799px) and (min-width:700px) and (min-height:910px) and (max-height:1100px) {
  .infoblock img {
    margin-top: 250px
  }
}

@media screen and (max-width:1198px) and (min-width:800px) {
  .infoblock img {
    margin-top: 260px
  }

  .marine {
    left: 0;
    background: url(../365_template/venevalinta.jpg) bottom center no-repeat
  }

  .interior {
    right: 0;
    background: url(../365_template/interiorvalinta.jpg) bottom center no-repeat
  }
}

@media screen and (max-width:699px) {
  .marine, .interior {
    float: left;
    clear: left;
    position: static;
    width: 100%;
    height: 670px;
    position: relative
  }

  .marine .infoblock, .interior .infoblock {
    width: 280px;
    float: none;
    height: 530px;
    margin: 0 auto;
    padding-top: 140px
  }

  .infoblock img {
    margin-top: 0
  }

  html, body {
    min-width: 0;
    width: auto
  }
}

@media all and (max-width:1400px) {
  .palaa {
    display: none !important
  }
}

@media all and (max-width:1200px) {
  .palaa {
    display: none !important
  }
}