body { zoom: 0.75; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
.cookieInfo { padding: 10px; background: #999; color: #fff; }
.cookieInfo input { float: right; }
.info { background: #9f9; color: #090; border: 1px solid #090; text-align: center; padding: 5px; }
.error { background: #f99; color: #900; border: 1px solid #900; text-align: center; padding: 5px; }
.optional {}
.mobile {}
@media all and (max-width: 768px){ .optional { display: none } }
@media all and (min-width: 768px){ .mobile { display: none } }
.widthFix { max-width: 1200px; margin: auto; }
.hidden { display: none }

footer {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #717171;
	text-align: center;
	border-top: 1px solid #CECECE;
	padding: 10px 0 40px;
}



@charset "UTF-8";
/**
* Eric Meyer's Reset CSS v2.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, time {
  display: block;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

a {
  color: inherit;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* meyerweb css reset end */

textarea:focus, input:focus {
  outline: 0;
}

input {
  border-width: 0;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1; /* ie 6/7 */
}

embed,
img,
object,
video {
  max-width: 100%;
}
sup {
  font-size: 58.3%; /*Corresponds to Photoshop's font size glyph transformation*/
  vertical-align: text-top;
}
sub {
  font-size: 58.3%; /*Corresponds to Photoshop's font size glyph transformation*/
  vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
  *letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
  letter-spacing: normal;
  word-spacing: normal;
}
.displace {
  left: -5000px;
  position: absolute;
}
body {
  color: #666666;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.03em;
  text-decoration: none;
}
.global_container_ {
  float: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  z-index: 0;
  background: #ffffff center 0;
  background-position: center top;
}

.header {
  position: relative;
  z-index: 100;
  margin-bottom: -70px;
}
.headerContent {
  padding: 25px 0 178px;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  background: url(images/layer_5b.png) no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.headerContentCenter {
  margin: 0 auto;
  padding: 0 117px;
  position: relative;
  width: 100%;
  max-width: 884px;
}
.langdiv { height: 0px; overflow: visible; }
.languages {
  margin: 0px 0px 0px auto;
  min-height: 18px;
  padding: 7px 8px 4px;
  position: relative;
  width: 50px;
  border: 1px solid #fff;
  cursor: pointer;
}
.layer-63 {
  float: right;
  margin: 5px 0 0;
}
.lang {
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.011em;
  padding-bottom: 10px;
}
.lang:last-child {
  padding-bottom: 0px;
}
.logo {
  display: block;
  margin: 0px auto 0;
  position: relative;
  right: 14px;
}
.layer-42 {
  display: block;
  margin: 25px auto 0;
  position: relative;
}
.slogan {
  margin: -8px 0 0;
  position: relative;
  color: #ffffff;
  font-size: 45px;
  font-weight: 300;
  text-align: center;
}
.content {
  padding-top: 150px;
  overflow: hidden;
  padding-bottom: 218px;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  z-index: 2;
  background: url(images/layer_41.jpg) no-repeat center 0;
  background-position: center top;
  background-size: cover;
  padding-bottom: 100px;
}
.productsProduct {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1118px;
}

.group-2 {
  height: 485px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1020px;
}
.prodListProdBg {
  height: 460px;
}
.layer-13-holder-4 {
  padding: 1px 2px 26px;
  position: absolute;
  top: 51px;
  width: 474px;
  background: url(images/layer_13.png) no-repeat;
  margin-left: -4px;
  right: 26px;
}
.layer-12-holder-4 {
  height: 324px;
  margin: 0 auto;
  position: relative;
  right: 12.5px;
  width: 443px;
  border: 3px solid #fff;
  background: url(images/productPaperShadow.png) right top no-repeat #ffffff;
}
.text-14 {
  padding-top: 38px;
  color: #990000;
  font-size: 24px;
  font-weight: 400;
  margin-left: 30px;
  display: block;
  min-height: 50px;
  max-width: 335px;
}
.text-15 {
  color: #990000;
  font-weight: 300;
  text-decoration: underline;
  margin-left: 30px;
  margin-top: 30px;
}
.productsProductText {
  margin-top: 0px;
  width: 327px;
  font-weight: 100;
  line-height: 24px;
  margin-left: 30px;
  max-height: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.layer-65 {
  left: 50%;
  position: absolute;
  top: 241px;
  margin-left: 19.5px;
}
.berryShadow {
  left: 50%;
  position: absolute;
  top: 176px;
  margin-left: 368px;
  z-index: 100;
}
.layer-29 {
  left: 50%;
  position: absolute;
  top: 100px;
  margin-left: 372px;
  height: 134px;
  z-index: 200;
}
.img_1312 {
  display: block;
  margin: -140px auto 0;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  z-index: 8;
}
.group-1 {
  margin: -124px 0 0;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  z-index: 19;
  background: url(images/footer.png) repeat-x center 0;
  background-position: center top;
  background-size: 100% 100%; 
}
.row {
  padding: 141px 0 50px;
  position: relative;
  width: 100%; /* 1400px / 1400px = 100% */
  background-position: center top;
}
.l-constrained-3 {
  margin: 0 auto;
  padding: 0 104px;
  position: relative;
  max-width: 910px;
}
.col-4 {
  float: left;
  position: relative;
  width: 168px;
}
.layer-37 {
  display: block;
  left: 3.5px;
  margin: 0 auto;
  position: relative;
}
.text-17 {
  margin: 9px 0 0;
  color: #ffffff;
  font-weight: 100;
  text-align: center;
}
.layer-40 {
  float: left;
  margin: 4px 0 0 31px;
}
.col-6 {
  float: left;
  margin: 0 0 0 9px;
  position: relative;
  max-width: 512px;
  z-index: 0;
}
.layer-36-copy {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 9px;
  z-index: 28;
}
.text-18 {
  margin: -2px 0 0;
  position: relative;
  z-index: 21;
  color: #ffffff;
  font-weight: 100;
  text-align: center;
}
.layer-40-copy {
  float: left;
  margin: 4px 0 0 16px;
}
.col-5 {
  float: left;
  margin: 0 0 0 30px;
  position: relative;
  width: 139px;
}
.layer-36 {
  display: block;
  left: 5px;
  margin: 0 auto;
  position: relative;
}
.text-19 {
  margin: 8px 0 0;
  color: #ffffff;
  font-weight: 100;
  text-align: center;
}
.text-style {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
}
.fw500 {
  font-weight: 500;
}


.productDescription { background: rgba(255,255,255,0.7); min-height: 220px; position: relative; padding-top: 40px; }
#slidePlace { position: absolute; width: 100%; background: #fff; box-shadow: 0px 0px 20px #999; z-index: 300; }
.sliderImages { width: 100%; height: 53vw; overflow: hidden; }
@media all and (max-width: 700px){
  .sliderImages { overflow: scroll; }
}

.sliderImage:first-child { display: none }
@media all and (min-width: 1000px){
  .sliderImage:first-child { display: block; margin-left: calc( 0px - 1333px + ((133vw - 1333px)/2) ); opacity: 0.5; }
  .sliderImage:nth-child(3) { opacity: 0.5; }
}


.sliderImagesC { width: 1000vw; height: 53vw; }
.sliderImage { width: 133vw; height: 53vw; float: left; max-width: 1333px; }
.productDescription h1 { color: #990000; font-size: 24px; font-weight: 300; margin-bottom: 10px; }
.productDescription .desc { font-weight: 100; line-height: 24px; color: #333; }

.cleanClose { position: relative; margin-bottom: -50px; height: 50px; text-align: right; z-index: 100; }
.cleanClose span { position: relative; top: 50px; font-size: 30px; cursor: pointer; color: #7b7a78; }

.cleanLeft { position: relative; margin-bottom: -50px; height: 50px; text-align: left; z-index: 100; }
.cleanLeft span { position: relative; top: 40vh; font-size: 50px; cursor: pointer; color: #7b7a78; }
.cleanRight { position: relative; margin-bottom: -50px; height: 50px; text-align: right; z-index: 100; }
.cleanRight span { position: relative; top: 40vh; font-size: 50px; cursor: pointer; color: #7b7a78; }

.ion { background: #fff; width: 50px; height: 50px; text-align: center; border-radius: 100%; }
.ion-close:before { padding-top: 10px; }

.productDescription .berry { position: relative; top: -115px; height: 10px; margin-bottom: -10px; }
.productDescription .berry .shadow { float: right; margin-top: 78px; margin-left: -138px; }
.productDescription .berry .img { float: right; }

.productsBerry .berryShadow { transition-duration: 0.5s }
.productsBerry:hover .berryShadow { left: calc( 50% + 3px); top: 133px;}
.productsBerry .layer-29 { transition-duration: 0.5s }
.productsBerry:hover .layer-29 { height: 138px; }

.sliderImages, .sliderImage { transition-duration: 0.5s; }
.cleanClose span { transition-duration: 0.5s; padding: 10px; box-shadow: none }
.cleanClose span:hover { font-size: 32px; margin-top: 5px; box-shadow: inset 0px 1px 0px #ccc }
.cleanRight span { transition-duration: 0.5s; padding: 10px; box-shadow: none }
.cleanRight span:hover { font-size: 50px; margin-top: 5px; box-shadow: inset 0px 1px 0px #ccc }
.cleanLeft span { transition-duration: 0.5s; padding: 10px; box-shadow: none }
.cleanLeft span:hover { font-size: 50px; margin-top: 5px; box-shadow: inset 0px 1px 0px #ccc }


@media all and (min-width: 500px){
  .layer-42 { height: 160px; margin-top: 10px; }
  .sauklis_lv { height: 170px; margin-top: 0px; }
}


@media all and (max-width: 500px){
  .layer-42 { width: 80%; margin-bottom: 60px }
  .languages { font-size: 30px; width: 65px; margin-right: 5px; position: relative; top: 5px; }
  .headerContent { padding: 0px; }
  .headerContentCenter { padding: 0px; }
  .col-4 { float: none; width: auto; margin: 0; }
  .col-5 { float: none; width: auto; margin: 0; margin-top: 20px; }
  .col-6 { float: none; width: auto; margin: 0; margin-top: 20px; }
  .layer-36-copy { right: 0px; }
  .group-1 { margin-top: -170px; background-size: cover; }

  .group-2 { height: auto; }
  .layer-12-holder-4 { width: 100%; right: 0px; }
  .layer-13-holder-4 { right: 0px; width: 100%; top: 130px; }

  .layer-29 { top: 32px; right: 5px; left: auto; }
  .berryShadow { top: 108px; right: 5px; left: auto; }

  .productsProduct { margin-bottom: 170px; }
  .prodListProdBg { height: 330px; }

  .sliderImages, .sliderImagesC, .sliderImage { height: 75vw; }
  .sliderImage:first-child { margin-left: -133vw; }
  .productDescription { padding: 40px; }
}

.phd {
    height: 8px;
    margin-bottom: -8px;
    z-index: 1000000;
    position: relative;
    margin-top: -4px;
    background: url(images/phd.png) top center no-repeat;
    background-size: 100%;
}

.phd2 {
    height: 16px;
    margin-bottom: -15px;
    z-index: 1000000;
    position: relative;
    margin-top: -6px;
    background: url(images/phd2.png) top center no-repeat;
    background-size: 100%;
}