@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&subset=latin-ext');
@charset "utf-8";
.android_browser_suxx {
  width: 10%;
}
/*                                                            */
/*  DOCUMENT TYPOGRAPHY                                       */
/*                                                            */
.doc {
  background-color: transparent;
  position: relative;
  /*	ol, ol.incol, ul, ul.incol {
		padding:0 3%;
		margin:0;
		font-family:inherit;
		text-align:inherit;
		color:inherit;
		display:block;
		float:none;
		width:100%;
		height:auto;
		overflow:visible;
		
		list-style-type:square;
		list-style-position:outside;

		li {
			margin:0 0 .4em 30px;
			//line-height:1.2em;
		}
	} */
  /*  PRICE design                                              */
  /* /PRICE design                                              */
}
.doc a {
  display: inline-block;
  vertical-align: baseline;
  padding: 1px 6px;
  margin: -1px -6px;
  border: none;
  cursor: pointer;
  transition: background 750ms ease-out;
  -o-transition: background 750ms ease-out;
  -moz-transition: background 750ms ease-out;
  -webkit-transition: background 750ms ease-out;
  color: black;
  font-weight: bold;
}
.doc a:hover {
  background-color: #a0e0ff;
  transition: background 150ms ease-out;
  -o-transition: background 150ms ease-out;
  -moz-transition: background 150ms ease-out;
  -webkit-transition: background 150ms ease-out;
}
.doc SECTION {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.doc SECTION header {
  padding-top: 60px;
}
@media (max-width: 750px ) {
  .doc SECTION header {
    padding-top: 0px;
  }
}
.doc SECTION header.withimage {
  display: block;
  width: 100%;
  height: 50vh;
  min-height: 40vw;
  background: transparent;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 0;
  padding-top: 0;
}
.doc SECTION header.withimage .headbg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.doc SECTION header.withimage img.headbg {
  object-fit: cover;
  object-position: 50% 35%;
}
.doc SECTION header.withimage div.head {
  width: 100%;
  margin: 0 auto 0vh;
  padding: 0;
  position: absolute;
  float: none;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  font-size: 2.2vw;
}
@media (min-width:1200px) {
  .doc SECTION header.withimage div.head {
    font-size: 26.4px;
  }
}
@media only screen and (max-width: 600px) {
  .doc SECTION header.withimage div.head {
    font-size: 13.2px;
  }
}
.doc SECTION header.withimage div.head h1,
.doc SECTION header.withimage div.head h2,
.doc SECTION header.withimage div.head h3,
.doc SECTION header.withimage div.head h4,
.doc SECTION header.withimage div.head h5,
.doc SECTION header.withimage div.head h6,
.doc SECTION header.withimage div.head p {
  color: #ffffff;
  text-shadow: 0 0 5px #000000, 0 5px 15px #000000;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7), 0 5px 15px rgba(0, 0, 0, 0.7);
}
.doc SECTION header.withimage div.head p {
  font-size: .7em;
  line-height: 1.2em;
  font-weight: 600;
  text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 5px 15px #000000;
}
.doc SECTION article {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px;
}
.doc .frame {
  background-color: transparent;
  width: 100%;
  height: auto;
  margin: 0px auto;
  position: relative;
  text-align: justify;
  overflow: visible;
}
.doc ul {
  display: block;
  width: 100%;
  height: auto;
}
.doc ul li {
  display: list-item;
  position: relative;
  width: auto;
  height: auto;
  list-style: square ouside;
  margin: 0 0 .4em 1em;
  /*			&:before {
				content:"";
				
				display: inline;
				float:left;
				margin:.2em 0em 0em -1.5em;
				vertical-align:baseline;
				
				width:1em;height:1em;
				
				color:#ffffff;
				background-color:#0060ff;
				
				.BorderRadius(50%);
				.BoxShadow(0 5px 10px rgba(0,0,0,.25));
			} */
}
.doc ol {
  display: block;
  width: 100%;
  height: auto;
  counter-reset: num;
}
.doc ol li {
  display: list-item;
  width: auto;
  height: auto;
  list-style: none;
  margin: 0 0 .4em 2em;
}
.doc ol li:before {
  counter-increment: num;
  content: counter(num);
  display: block;
  float: left;
  margin: 0em 0.5em 0em -2.5em;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  text-align: center;
  font-size: .8em;
  line-height: 2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0060ff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6,
.doc p,
.doc ol,
.doc ul {
  width: 100%;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0 20px;
}
.doc SECTION > h1,
.doc SECTION > h2,
.doc SECTION > h3,
.doc SECTION > h4,
.doc SECTION > h5,
.doc SECTION > h6,
.doc SECTION > p,
.doc SECTION > ol,
.doc SECTION > ul {
  max-width: none;
  padding: 0 calc((100% - 750px )/ 2 + 20px);
}
@media (max-width: 750px ) {
  .doc SECTION > h1,
  .doc SECTION > h2,
  .doc SECTION > h3,
  .doc SECTION > h4,
  .doc SECTION > h5,
  .doc SECTION > h6,
  .doc SECTION > p,
  .doc SECTION > ol,
  .doc SECTION > ul {
    padding: 0 20px;
  }
}
.doc p {
  text-align: inherit;
  text-align: justify;
}
.doc .image,
.doc figure {
  display: block;
  width: 100%;
  height: auto;
  max-width: 750px;
  float: none;
  position: relative;
  overflow: hidden;
  overflow: visible;
  margin: 10px auto 10px;
  vertical-align: baseline;
}
.doc .image:first-child,
.doc figure:first-child {
  margin-top: 0 !important;
}
.doc .image:last-child,
.doc figure:last-child {
  margin-bottom: 0 !important;
}
.doc .image > img,
.doc figure > img {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}
.doc .image > span.caption,
.doc figure > span.caption,
.doc .image > figcaption,
.doc figure > figcaption {
  display: block;
  display: inline-block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  float: right;
  text-align: left;
  background-color: #404040;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 6px 12px;
  margin: 0;
  width: auto;
  max-width: 70%;
  height: auto;
  font-size: 1.1em;
}
.doc .image.full,
.doc figure.full,
.doc .image.outfull,
.doc figure.outfull {
  max-width: 1200px;
  margin: 20px auto 20px;
  float: none;
}
.doc .image.outfull,
.doc figure.outfull {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.doc .image.left,
.doc figure.left,
.doc .image.outleft,
.doc figure.outleft,
.doc .image.inleft,
.doc figure.inleft,
.doc .image.right,
.doc figure.right,
.doc .image.outright,
.doc figure.outright,
.doc .image.inright,
.doc figure.inright {
  width: 50%;
  max-width: 600px;
  float: left;
  margin-left: 0;
  margin-right: 1.5em;
}
@media (max-width: 750px) {
  .doc .image.left,
  .doc figure.left,
  .doc .image.outleft,
  .doc figure.outleft,
  .doc .image.inleft,
  .doc figure.inleft,
  .doc .image.right,
  .doc figure.right,
  .doc .image.outright,
  .doc figure.outright,
  .doc .image.inright,
  .doc figure.inright {
    width: 100%;
    max-width: none;
    float: none;
    clear: both;
    margin: 20px 0 20px 0;
  }
  .doc .image.left > span.caption,
  .doc figure.left > span.caption,
  .doc .image.outleft > span.caption,
  .doc figure.outleft > span.caption,
  .doc .image.inleft > span.caption,
  .doc figure.inleft > span.caption,
  .doc .image.right > span.caption,
  .doc figure.right > span.caption,
  .doc .image.outright > span.caption,
  .doc figure.outright > span.caption,
  .doc .image.inright > span.caption,
  .doc figure.inright > span.caption {
    float: right;
    text-align: left;
  }
}
.doc .image.left > span.caption,
.doc figure.left > span.caption,
.doc .image.outleft > span.caption,
.doc figure.outleft > span.caption,
.doc .image.inleft > span.caption,
.doc figure.inleft > span.caption,
.doc .image.right > span.caption,
.doc figure.right > span.caption,
.doc .image.outright > span.caption,
.doc figure.outright > span.caption,
.doc .image.inright > span.caption,
.doc figure.inright > span.caption {
  float: right;
  text-align: left;
}
@media (min-width: 1200px) {
  .doc .image.left,
  .doc figure.left {
    margin-left: calc((100% - 1200px ) / 2);
  }
}
@media (min-width: 751px) {
  .doc .image.right,
  .doc figure.right {
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .doc .image.right,
  .doc figure.right {
    margin-right: calc((100% - 1200px ) / 2);
  }
}
.doc .image.right > span.caption,
.doc figure.right > span.caption {
  float: left;
  text-align: left;
}
.doc .image.outleft,
.doc figure.outleft,
.doc .image.outright,
.doc figure.outright {
  max-width: none;
  margin-left: 0;
}
.doc .image.outright,
.doc figure.outright {
  margin-right: 0;
}
.doc .image.inleft,
.doc figure.inleft,
.doc .image.inright,
.doc figure.inright {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 750px) {
  .doc .image.inleft,
  .doc figure.inleft,
  .doc .image.inright,
  .doc figure.inright {
    max-width: 375px;
    margin-left: calc((100% - 750px ) / 2);
    margin-right: 1.5em;
  }
}
.doc .image.inright,
.doc figure.inright {
  float: right;
}
@media (min-width: 750px) {
  .doc .image.inright,
  .doc figure.inright {
    margin-right: calc((100% - 750px ) / 2);
    margin-left: 1.5em;
  }
}
.doc .image.inright > span.caption,
.doc figure.inright > span.caption {
  float: left;
  text-align: left;
}
.doc ol.props {
  counter-reset: li;
  list-style-type: none;
  width: 100%;
  max-width: calc(750px  + 10%);
  margin: 0 auto .5em;
  padding: 0 0 0 5%;
  overflow: hidden;
  text-align: left;
  word-spacing: -.25em;
}
.doc ol.props li {
  counter-increment: li;
  position: relative;
  display: block;
  float: left;
  word-spacing: 0;
  vertical-align: top;
  width: 27%;
  height: auto;
  margin: 0 4.5% 20px 0;
}
.doc ol.props li h1,
.doc ol.props li h2,
.doc ol.props li h3,
.doc ol.props li h4,
.doc ol.props li h5,
.doc ol.props li h6,
.doc ol.props li p {
  width: 100%;
  max-width: none;
  text-align: left;
}
.doc ol.props li:before {
  content: counter(li) ".";
  display: block;
  position: static;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: inherit;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 300;
  text-align: right;
  border-bottom: 2px solid #e0c0c0;
  padding: 0 0 6px;
  margin: 0 0 10px;
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  .doc ol.props li {
    width: 80%;
    margin-left: 5%;
    margin-right: 0;
  }
  .doc ol.props li:before {
    text-align: left;
  }
}
.doc ul.props {
  display: block;
  list-style-type: none;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  float: none;
  width: 100%;
  max-width: calc(750px + 10%);
  margin: 0 auto .5em;
  padding: 0 0 0 5%;
  overflow: hidden;
  text-align: left;
  word-spacing: -.25em;
}
.doc ul.props li {
  position: relative;
  display: block;
  display: inline-block;
  float: none;
  font-size: 1em;
  line-height: 1.4em;
  word-spacing: 0;
  list-style-type: none;
  vertical-align: top;
  width: 42.5%;
  height: auto;
  margin: 0 5% 20px 0;
}
.doc ul.props li h1,
.doc ul.props li h2,
.doc ul.props li h3,
.doc ul.props li h4,
.doc ul.props li h5,
.doc ul.props li h6,
.doc ul.props li p {
  width: 100%;
  max-width: none;
  text-align: left;
}
.doc ul.props li h3 {
  display: block;
  display: inline-block;
  position: static;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: inherit;
  font-weight: 300;
  border-bottom: 2px solid #e0c0c0;
  padding: 0 0 6px;
  margin: 0 0 10px;
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  .doc ul.props li {
    width: 80%;
    margin-left: 5%;
    margin-right: 0;
  }
  .doc ul.props li:before {
    text-align: left;
  }
}
.doc .warn,
.doc .note,
.doc .note2,
.doc .error,
.doc .solution {
  margin: 0 0 0.5em;
  width: calc( 100% - 40px);
  max-width: 750px;
  margin: 20px auto;
  text-align: left;
  padding: .8em 1.5em .3em;
  background-color: #ffc0c0;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}
.doc .warn h3,
.doc .note h3,
.doc .note2 h3,
.doc .error h3,
.doc .solution h3 {
  color: #600000;
  width: auto;
  margin-bottom: 6px;
}
.doc .warn p,
.doc .note p,
.doc .note2 p,
.doc .error p,
.doc .solution p {
  color: #000000;
  width: auto;
}
.doc .note {
  background-color: #c0e0f0;
}
.doc .note h3 {
  color: #604000;
}
.doc .note p {
  color: #403000;
}
.doc .note2 {
  background-color: #e0e0e0;
}
.doc .note2 h3 {
  color: #604000;
}
.doc .note2 p {
  color: #403000;
}
.doc .error {
  width: 100%;
  max-width: auto;
  padding: .8em 1em .8em;
  background-color: #e0a080;
  color: #403000;
}
.doc .error h3 {
  color: #604000;
}
.doc .error p {
  color: #403000;
}
.doc .solution {
  width: 100%;
  max-width: auto;
  padding: .8em 1em .8em;
  background-color: #80e080;
  background-color: rgba(64, 192, 64, 0.3);
  color: #004000;
}
.doc .solution h3 {
  color: #604000;
}
.doc .solution p {
  color: #403000;
}
.doc table.content {
  display: table;
  width: calc(100% - 40px);
  max-width: 1200px;
  height: auto;
  margin: .5em auto;
}
.doc table.content th,
.doc table.content td {
  width: auto;
  height: auto;
  font-size: .85em;
  line-height: 1.15em;
  text-align: left;
  vertical-align: bottom;
  padding: 4px;
  border: none;
  border-bottom: 1px solid #e0e0e0;
}
.doc table.content th:first-child {
  text-align: right;
}
@media (max-width: 720px) {
  .doc table.content {
    display: block;
    position: relative;
  }
  .doc table.content tr {
    counter-reset: tablecells;
    display: block;
    width: 100%;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .doc table.content th,
  .doc table.content td {
    display: block;
    width: auto;
    margin: 0 0 0 35px;
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid #f8f8f8;
  }
  .doc table.content th:before,
  .doc table.content td:before {
    counter-increment: tablecells;
    content: counter(tablecells) ":";
    display: block;
    position: relative;
    float: left;
    margin: -3px 0px -3px -30px;
    background: #d0d0d0;
    color: white;
    padding: 3px 5px;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  .doc table.content th:first-child,
  .doc table.content td:first-child {
    text-align: left;
  }
  .doc table.content th:last-child,
  .doc table.content td:last-child {
    border: none;
  }
}
.doc table.datasheet {
  width: 90%;
  max-width: 650px;
  margin: 0 auto;
}
.doc table.datasheet td {
  text-align: center;
  border-right: 1px solid #808080;
  padding: 4px;
}
.doc table.datasheet td h4 {
  text-align: center;
  margin: .5em 0 0 0;
  width: 100%;
  max-width: auto;
}
.doc table.datasheet td:last-child {
  border-right: none;
}
.doc table.pricesheet {
  width: 90%;
  max-width: 650px;
  margin: 0 auto;
}
.doc table.pricesheet td,
.doc table.pricesheet th {
  text-align: center;
  padding: 4px;
}
.doc table.pricesheet td h4,
.doc table.pricesheet th h4 {
  text-align: center;
  margin: .5em 0 0 0;
  width: 100%;
  max-width: auto;
}
.doc table.pricesheet td:first-child,
.doc table.pricesheet th:first-child {
  border-right: none;
  text-align: left;
}
.doc table.pricesheet th {
  background-color: #f0b0b0;
  font-weight: bold;
}
.doc table.pricesheet tr:nth-child(odd) td {
  background-color: #fff0f0;
}
.doc .signobox {
  width: calc(100% - 40px);
  max-width: 900px;
  height: auto;
  margin: .7em auto;
  padding: 0;
}
.doc .signobox p {
  display: block;
  float: right;
  clear: both;
  width: 260px;
  margin: 0 0 0 0;
  line-height: 1.4em;
}
.doc .signobox p > span {
  display: block;
  display: inline-block;
  vertical-align: baseline;
  width: 4.5em;
  font-size: 80%;
}
.doc .signobox p.name {
  width: 220px;
  margin: .7em 0 0 0;
  font-weight: 700;
}
.doc .signobox p.data {
  width: 220px;
  font-weight: normal;
}
.doc .signobox a {
  font-weight: 600;
}
.doc .signobox a:hover {
  background-color: rgba(0, 0, 128, 0.1);
}
.doc article.teamarticle {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 30px;
  overflow: visible;
  white-space: normal;
  word-spacing: -.26em;
}
.doc .contactbox {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  max-width: 300px;
  height: auto;
  margin: 10px 10px 30px;
  white-space: normal;
  word-spacing: normal;
}
.doc .contactbox.boss {
  width: 45%;
  max-width: 400px;
}
.doc .contactbox.boss p.name {
  font-size: 24px;
  font-weight: normal;
}
.doc .contactbox.author {
  width: 45%;
  max-width: 400px;
}
.doc .contactbox.author p.name {
  font-size: 22px;
  font-weight: normal;
}
@media (max-width:479px), (min-width:480px) and (max-width:799px) {
  .doc .contactbox {
    width: 45%;
    min-width: 300px;
    max-width: none;
  }
  .doc .contactbox.boss {
    width: 90%;
  }
  .doc .contactbox.author {
    width: 50%;
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width:479px) {
  .doc .contactbox {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.doc .contactbox img {
  width: 100%;
  height: auto;
}
.doc .contactbox h1,
.doc .contactbox h2,
.doc .contactbox h3,
.doc .contactbox h4,
.doc .contactbox h5,
.doc .contactbox h6 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1.1em;
}
.doc .contactbox p,
.doc .contactbox span.p {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  color: black;
  font-size: 15px;
  line-height: 1.15em;
  text-align: left;
}
.doc .contactbox p.name,
.doc .contactbox span.p.name {
  font-size: 18px;
  font-weight: bold;
}
.doc .contactbox p.data > span:first-child,
.doc .contactbox span.p.data > span:first-child {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: baseline;
  font-size: .8em;
  padding-right: .8em;
  float: left;
  text-align: right;
}
.doc .contactbox p.data > a,
.doc .contactbox span.p.data > a,
.doc .contactbox p.data > span.linkimpostor,
.doc .contactbox span.p.data > span.linkimpostor {
  font-size: 1em;
  font-weight: bold;
  color: black;
  vertical-align: baseline;
}
.doc .quote {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  max-width: 975px;
  overflow: visible;
  margin: 45px auto;
  padding: 0 20px;
  font-size: 1.2em;
  color: #4060a0;
  text-align: center;
}
.doc .quote > h1,
.doc .quote > h2,
.doc .quote > h3,
.doc .quote > h4,
.doc .quote > h5,
.doc .quote > h6,
.doc .quote > p {
  display: inline;
  color: #4060a0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  max-width: none;
  text-align: inherit;
  /*			&:after {
				content:"";
				display:block;
				width:0;height:0;
				clear:both;
			}	/* */
}
.doc .quote > h1,
.doc .quote > h2 {
  color: #0080ff;
}
.doc .quote:before,
.doc .quote:after {
  content: no-open-quote "“";
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 0;
  font-size: 8em;
  font-family: 'Montserrat', Arial, helvetica, sans-serif;
  font-weight: 900;
  color: rgba(0, 128, 255, 0.15);
  top: .25em;
  left: -.25em;
}
.doc .quote:after {
  content: no-close-quote "”";
  top: auto;
  left: auto;
  bottom: -.20em;
  right: -.25em;
}
.doc .quote.offmark:before,
.doc .quote.offmark:after {
  display: none;
}
.doc .quote.left {
  text-align: left;
}
.doc .quote.right {
  text-align: right;
}
.doc .quote.bluebg {
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 20px calc(( 100% - 975px ) / 2 + 20px) 30px;
  background: linear-gradient(135deg, #0060a0 20%, #003060 80%);
  color: rgba(255, 255, 255, 0.75);
}
.doc .quote.bluebg:before,
.doc .quote.bluebg:after {
  content: no-open-quote "“";
  position: absolute;
  width: auto;
  height: auto;
  z-index: -0;
  font-size: 24em;
  font-family: 'Montserrat', Arial, helvetica, sans-serif;
  font-weight: 900;
  color: rgba(0, 128, 255, 0.35);
  top: .3em;
  left: calc(( 100% - 975px ) / 2 - 30px);
}
.doc .quote.bluebg:after {
  content: no-open-quote "”";
  display: none;
  top: auto;
  left: auto;
  bottom: -.05em;
  right: calc(( 100% - 975px ) / 2 - 60px);
}
@media (max-width: 975px) {
  .doc .quote.bluebg {
    padding: 10px 20px;
  }
  .doc .quote.bluebg:before {
    left: -30px;
  }
  .doc .quote.bluebg:after {
    right: -60px;
  }
}
.doc .quote.bluebg > h1,
.doc .quote.bluebg > h2,
.doc .quote.bluebg > h3,
.doc .quote.bluebg > h4,
.doc .quote.bluebg > h5,
.doc .quote.bluebg > h6,
.doc .quote.bluebg > p {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
  margin-left: auto;
  margin-right: auto;
}
.doc .quote.bluebg > h1:after,
.doc .quote.bluebg > h2:after,
.doc .quote.bluebg > h3:after,
.doc .quote.bluebg > h4:after,
.doc .quote.bluebg > h5:after,
.doc .quote.bluebg > h6:after,
.doc .quote.bluebg > p:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  clear: both;
}
.doc .quote.bluebg > h1,
.doc .quote.bluebg > h2 {
  color: #ffffff;
}
.doc .button {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  top: 0;
  padding: .15em .5em;
  margin: .1em 0em .1em;
  color: #e0e0e0;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  transition-property: background color top boxshadow;
  -o-transition-property: background color top boxshadow;
  -ms-transition-property: background color top boxshadow;
  -moz-transition-property: background color top boxshadow;
  -webkit-transition-property: background color top boxshadow;
  transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.doc .button:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
}
.doc .price {
  display: inline-block;
  position: relative;
  overflow: visible;
  float: none;
  clear: both;
  font-size: 2.5em;
  line-height: 80%;
  font-weight: 900;
  min-width: 10%;
  max-width: 100%;
  margin: 0em auto 0;
  padding-right: .25em;
  height: 1.15em;
  color: #ff6000;
  vertical-align: middle;
}
.doc .price > .unit {
  display: inline-block;
  vertical-align: baseline;
  font-size: .7em;
  margin: 0 .2em 0 0;
  color: #c04000;
}
.doc .price > .unit:last-child {
  vertical-align: .8em;
  margin: 0 0 0 .2em;
}
.doc .price > .unit:last-child:before {
  content: " ";
}
.doc .price > .num {
  display: inline-block;
  vertical-align: basline;
  font-size: 1em;
}
.doc .price > .num > .fract {
  display: inline-block;
  vertical-align: .4em;
  font-size: .65em;
  text-decoration: underline;
  margin: 0 0 0 .1em;
}
.doc .price.original {
  color: #808080;
  font-size: 1.7em;
  vertical-align: baseline;
}
.doc .price.original:after {
  content: "";
  background: transparent url('Template/Titatuta/CSS/Images/crossline.png') center center / 100% 100% no-repeat scroll;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.doc .price.original > .unit {
  color: #707070;
}
.doc .price.forsale {
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 0px 4px #ffffff;
  transform: skewY(-4deg);
  -o-transform: skewY(-4deg);
  -ms-transform: skewY(-4deg);
  -moz-transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
}
.doc .price.shipping {
  display: inline-block;
  vertical-align: baseline;
  color: #606060;
  font-size: 1.7em;
}
.doc .price.shipping > .unit {
  color: #404040;
}
.doc .bgcontainer {
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 30px calc(( 100% - 975px ) / 2 ) 30px;
  margin: 30px 0;
  background: linear-gradient(135deg, #0060a0 20%, #003060 80%);
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}
.doc .itempriceblock {
  width: 360px;
  height: auto;
  margin: 10px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  color: #000000;
  background: #f8f8f8;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  transition: top 500ms ease-out, box-shadow 500ms ease-out;
  -o-transition: top 500ms ease-out, -o-box-shadow 500ms ease-out;
  -moz-transition: top 500ms ease-out, -moz-box-shadow 500ms ease-out;
  -webkit-transition: top 500ms ease-out, -webkit-box-shadow 500ms ease-out;
}
.doc .itempriceblock:hover {
  top: -10px;
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  transition: top 100ms ease-out, box-shadow 100ms ease-out;
  -o-transition: top 100ms ease-out, -o-box-shadow 100ms ease-out;
  -moz-transition: top 100ms ease-out, -moz-box-shadow 100ms ease-out;
  -webkit-transition: top 100ms ease-out, -webkit-box-shadow 100ms ease-out;
}
.doc .itempriceblock:hover {
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
}
.doc .itempriceblock > * {
  text-align: center;
}
.doc .itempriceblock > .itemimg {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  margin: 0 0 -15px;
  position: relative;
}
.doc .itempriceblock > .itemimg > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 35%;
}
.doc .itempriceblock > .datacont {
  display: block;
  width: 100%;
  height: auto;
}
.doc .itempriceblock > .datacont.white {
  padding: 10px 20px;
  background: #ffffff;
}
.doc .itempriceblock > .datacont.whitegray {
  padding: 10px 20px;
  background: linear-gradient(135deg, #ffffff 20%, #e0e0e0 80%);
}