@font-face {
  font-family: 'dinproregular';
  src: url('../font/dinproregular.eot');
  src: url('../font/dinproregular.eot') format('embedded-opentype'), url('../font/dinproregular.woff2') format('woff2'), url('../font/dinproregular.woff') format('woff'), url('../font/dinproregular.ttf') format('truetype'), url('../font/dinproregular.svg#dinproregular') format('svg');
}
@font-face {
  font-family: 'dinprolight';
  src: url('../font/DINProLight.eot');
  src: url('../font/DINProLight.eot') format('embedded-opentype'), url('../font/DINProLight.woff2') format('woff2'), url('../font/DINProLight.woff') format('woff'), url('../font/DINProLight.ttf') format('truetype'), url('../font/DINProLight.svg#DINProLight') format('svg');
}
html {
  margin: 0;
  padding: 0;
  border: 0;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.5;
  background: white;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  float: none !important;
}
table,
th,
td {
  vertical-align: middle;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
:focus {
  outline: 0;
}
html {
  font-size: 100.01%;
}
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #111;
}
h1 {
  font-size: 2em;
  line-height: 1;
}
h2 {
  font-size: 1.6em;
  margin-bottom: 0.75em;
}
h3 {
  font-size: 1.4em;
  line-height: 1;
}
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
p {
  margin: 0 0 1.5em;
}
.left {
  float: left !important;
}
p .left {
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
.right {
  float: right !important;
}
p .right {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}
a:focus,
a:hover {
  color: #09f;
}
a {
  color: #06c;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong,
dfn {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.container {
  margin: 0 auto;
}
/*.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24{float:left;margin-right:10px;}*/
.last {
  margin-right: 0;
}
.span-1 {
  width: 30px;
}
.span-2 {
  width: 70px;
}
.span-3 {
  width: 110px;
}
.span-4 {
  width: 150px;
}
.span-5 {
  width: 190px;
}
.span-6 {
  width: 230px;
}
.span-7 {
  width: 270px;
}
.span-8 {
  width: 310px;
}
.span-9 {
  width: 350px;
}
.span-10 {
  width: 390px;
}
.span-11 {
  width: 430px;
}
.span-12 {
  width: 470px;
}
.span-13 {
  width: 510px;
}
.span-14 {
  width: 550px;
}
.span-15 {
  width: 590px;
}
.span-16 {
  width: 630px;
}
.span-17 {
  width: 670px;
}
.span-18 {
  width: 710px;
}
/*.span-19{width:950px;}*/
.span-20 {
  width: 790px;
}
.span-21 {
  width: 830px;
}
.span-22 {
  width: 870px;
}
.span-23 {
  width: 910px;
}
.span-24 {
  width: 950px;
  margin-right: 0;
}
.span-25 {
  width: 900px;
}
input.span-1,
textarea.span-1,
input.span-2,
textarea.span-2,
input.span-3,
textarea.span-3,
input.span-4,
textarea.span-4,
input.span-5,
textarea.span-5,
input.span-6,
textarea.span-6,
input.span-7,
textarea.span-7,
input.span-8,
textarea.span-8,
input.span-9,
textarea.span-9,
input.span-10,
textarea.span-10,
input.span-11,
textarea.span-11,
input.span-12,
textarea.span-12,
input.span-13,
textarea.span-13,
input.span-14,
textarea.span-14,
input.span-15,
textarea.span-15,
input.span-16,
textarea.span-16,
input.span-17,
textarea.span-17,
input.span-18,
textarea.span-18,
input.span-19,
textarea.span-19,
input.span-20,
textarea.span-20,
input.span-21,
textarea.span-21,
input.span-22,
textarea.span-22,
input.span-23,
textarea.span-23,
input.span-24,
textarea.span-24 {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
input.span-1,
textarea.span-1 {
  width: 18px;
}
input.span-2,
textarea.span-2 {
  width: 58px;
}
input.span-3,
textarea.span-3 {
  width: 98px;
}
input.span-4,
textarea.span-4 {
  width: 138px;
}
input.span-5,
textarea.span-5 {
  width: 178px;
}
input.span-6,
textarea.span-6 {
  width: 218px;
}
input.span-7,
textarea.span-7 {
  width: 258px;
}
input.span-8,
textarea.span-8 {
  width: 298px;
}
input.span-9,
textarea.span-9 {
  width: 338px;
}
input.span-10,
textarea.span-10 {
  width: 378px;
}
input.span-11,
textarea.span-11 {
  width: 418px;
}
input.span-12,
textarea.span-12 {
  width: 458px;
}
input.span-13,
textarea.span-13 {
  width: 498px;
}
input.span-14,
textarea.span-14 {
  width: 538px;
}
input.span-15,
textarea.span-15 {
  width: 578px;
}
input.span-16,
textarea.span-16 {
  width: 618px;
}
input.span-17,
textarea.span-17 {
  width: 658px;
}
input.span-18,
textarea.span-18 {
  width: 698px;
}
input.span-19,
textarea.span-19 {
  width: 738px;
}
input.span-20,
textarea.span-20 {
  width: 778px;
}
input.span-21,
textarea.span-21 {
  width: 818px;
}
input.span-22,
textarea.span-22 {
  width: 858px;
}
input.span-23,
textarea.span-23 {
  width: 898px;
}
input.span-24,
textarea.span-24 {
  width: 938px;
}
.append-1 {
  padding-right: 40px;
}
.append-2 {
  padding-right: 80px;
}
.append-3 {
  padding-right: 120px;
}
.append-4 {
  padding-right: 160px;
}
.append-5 {
  padding-right: 200px;
}
.append-6 {
  padding-right: 240px;
}
.append-7 {
  padding-right: 280px;
}
.append-8 {
  padding-right: 320px;
}
.append-9 {
  padding-right: 360px;
}
.append-10 {
  padding-right: 400px;
}
.append-11 {
  padding-right: 440px;
}
.append-12 {
  padding-right: 480px;
}
.append-13 {
  padding-right: 520px;
}
.append-14 {
  padding-right: 560px;
}
.append-15 {
  padding-right: 600px;
}
.append-16 {
  padding-right: 640px;
}
.append-17 {
  padding-right: 680px;
}
.append-18 {
  padding-right: 720px;
}
.append-19 {
  padding-right: 760px;
}
.append-20 {
  padding-right: 800px;
}
.append-21 {
  padding-right: 840px;
}
.append-22 {
  padding-right: 880px;
}
.append-23 {
  padding-right: 920px;
}
.prepend-1 {
  padding-left: 40px;
}
.prepend-2 {
  padding-left: 80px;
}
.prepend-3 {
  padding-left: 120px;
}
.prepend-4 {
  padding-left: 160px;
}
.prepend-5 {
  padding-left: 200px;
}
.prepend-6 {
  padding-left: 240px;
}
.prepend-7 {
  padding-left: 280px;
}
.prepend-8 {
  padding-left: 320px;
}
.prepend-9 {
  padding-left: 360px;
}
.prepend-10 {
  padding-left: 400px;
}
.prepend-11 {
  padding-left: 440px;
}
.prepend-12 {
  padding-left: 480px;
}
.prepend-13 {
  padding-left: 520px;
}
.prepend-14 {
  padding-left: 560px;
}
.prepend-15 {
  padding-left: 600px;
}
.prepend-16 {
  padding-left: 640px;
}
.prepend-17 {
  padding-left: 680px;
}
.prepend-18 {
  padding-left: 720px;
}
.prepend-19 {
  padding-left: 760px;
}
.prepend-20 {
  padding-left: 800px;
}
.prepend-21 {
  padding-left: 840px;
}
.prepend-22 {
  padding-left: 880px;
}
.prepend-23 {
  padding-left: 920px;
}
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #ddd;
}
.pull-1 {
  margin-left: -40px;
}
.pull-2 {
  margin-left: -80px;
}
.pull-3 {
  margin-left: -120px;
}
.pull-4 {
  margin-left: -160px;
}
.pull-5 {
  margin-left: -200px;
}
.pull-6 {
  margin-left: -240px;
}
.pull-7 {
  margin-left: -280px;
}
.pull-8 {
  margin-left: -320px;
}
.pull-9 {
  margin-left: -360px;
}
.pull-10 {
  margin-left: -400px;
}
.pull-11 {
  margin-left: -440px;
}
.pull-12 {
  margin-left: -480px;
}
.pull-13 {
  margin-left: -520px;
}
.pull-14 {
  margin-left: -560px;
}
.pull-15 {
  margin-left: -600px;
}
.pull-16 {
  margin-left: -640px;
}
.pull-17 {
  margin-left: -680px;
}
.pull-18 {
  margin-left: -720px;
}
.pull-19 {
  margin-left: -760px;
}
.pull-20 {
  margin-left: -800px;
}
.pull-21 {
  margin-left: -840px;
}
.pull-22 {
  margin-left: -880px;
}
.pull-23 {
  margin-left: -920px;
}
.pull-24 {
  margin-left: -960px;
}
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-16,
.pull-17,
.pull-18,
.pull-19,
.pull-20,
.pull-21,
.pull-22,
.pull-23,
.pull-24 {
  float: left;
  position: relative;
}
.push-1 {
  margin: 0 -40px 1.5em 40px;
}
.push-2 {
  margin: 0 -80px 1.5em 80px;
}
.push-3 {
  margin: 0 -120px 1.5em 120px;
}
.push-4 {
  margin: 0 -160px 1.5em 160px;
}
.push-5 {
  margin: 0 -200px 1.5em 200px;
}
.push-6 {
  margin: 0 -240px 1.5em 240px;
}
.push-7 {
  margin: 0 -280px 1.5em 280px;
}
.push-8 {
  margin: 0 -320px 1.5em 320px;
}
.push-9 {
  margin: 0 -360px 1.5em 360px;
}
.push-10 {
  margin: 0 -400px 1.5em 400px;
}
.push-11 {
  margin: 0 -440px 1.5em 440px;
}
.push-12 {
  margin: 0 -480px 1.5em 480px;
}
.push-13 {
  margin: 0 -520px 1.5em 520px;
}
.push-14 {
  margin: 0 -560px 1.5em 560px;
}
.push-15 {
  margin: 0 -600px 1.5em 600px;
}
.push-16 {
  margin: 0 -640px 1.5em 640px;
}
.push-17 {
  margin: 0 -680px 1.5em 680px;
}
.push-18 {
  margin: 0 -720px 1.5em 720px;
}
.push-19 {
  margin: 0 -760px 1.5em 760px;
}
.push-20 {
  margin: 0 -800px 1.5em 800px;
}
.push-21 {
  margin: 0 -840px 1.5em 840px;
}
.push-22 {
  margin: 0 -880px 1.5em 880px;
}
.push-23 {
  margin: 0 -920px 1.5em 920px;
}
.push-24 {
  margin: 0 -960px 1.5em 960px;
}
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-16,
.push-17,
.push-18,
.push-19,
.push-20,
.push-21,
.push-22,
.push-23,
.push-24 {
  float: left;
  position: relative;
}
div.prepend-top,
.prepend-top {
  margin-top: 1.5em;
}
div.append-bottom,
.append-bottom {
  margin-bottom: 1.5em;
}
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5eCf9;
}
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 17px;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}
.clearfix:after,
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix,
.container {
  display: block;
}
.clear {
  clear: both;
}
.sobaka {
  font-family: Tahoma;
}
.a_conteiner {
  width: 66vmin;
  height: 34vmin;
  background: #000;
  margin: 0 auto;
  margin-top: 29vmin;
  position: relative;
  opacity: 0;
}
.a_about_cont {
  width: 33.5vmin;
  height: 34vmin;
  display: table-cell;
}
.a_about_cont a {
  width: 33.5vmin;
  height: 34vmin;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999999;
}
.a_portfolio_cont {
  width: 33.5vmin;
  height: 34vmin;
  display: table-cell;
}
.a_portfolio_cont a {
  width: 33.5vmin;
  height: 34vmin;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999999999;
}
.a_about_cont img,
.a_portfolio_cont img {
  width: 33.5vmin;
  height: 34vmin;
}
.a_text_cont {
  width: 50vmin;
  height: 20vmin;
  position: absolute;
  top: 10.2vmin;
  left: 8.5vmin;
  z-index: 0;
  text-align: center;
}
.a_header_cont {
  font-family: 'dinproregular';
  font-size: 4.2vh;
  color: #f0f0f0;
}
.a_header_cont span {
  color: #454545;
  padding-left: 1vmin;
}
.a_link_cont {
  width: 21.2vmin;
  margin-left: 15.0vmin;
  margin-top: 2.0vmin;
}
.a_about_link {
  display: table-cell;
  width: 9.6vmin;
  font-family: 'dinproregular';
  color: #fff;
  font-size: 1.6vh;
}
.a_portfolio_link {
  display: table-cell;
  width: 10.6vmin;
  font-family: 'dinproregular';
  color: #000;
  font-size: 1.6vh;
  padding-left: 0.6vmin;
}
.footer_general_page {
  width: 50vmin;
  height: 30px;
  text-align: center;
  font-family: 'dinproregular';
  font-size: 1.6vh;
  color: #000;
  position: fixed;
  bottom: 5vmin;
  left: 50%;
  margin-left: -25vmin;
}
.d_conteiner {
  position: absolute;
  /* Абсолютное позиционирование */
  width: 80vmin;
  /* Ширина слоя в пикселах */
  height: 40vmin;
  /* Высота слоя в пикселах */
  left: 50%;
  /* Положение слоя от левого края */
  top: 50%;
  /* Положение слоя от верхнего края */
  margin-left: -310px;
  /* Отступ слева */
  margin-top: -180px;
  /* Отступ сверху */
  background: #fc0;
  /* Цвет фона */
  overflow: auto;
  /* Добавление полосы прокрутки */
}
.d_conteiner img {
  width: 80vmin;
  /* Ширина слоя в пикселах */
  height: 40vmin;
  /* Высота слоя в пикселах */
}
.h_about {
  position: absolute;
  width: 40vmin;
  height: 40vmin;
  top: 0px;
  left: 0px;
}
.h_about a {
  display: block;
  width: 40vmin;
  height: 40vmin;
  position: absolute;
  top: 0px;
  left: 0;
}
.h_portfolio {
  position: absolute;
  width: 40vmin;
  height: 40vmin;
  top: 0px;
  right: 0px;
}
.h_portfolio a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
}
.d_menu {
  width: 300px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}
.d_menu ul {
  padding: 0;
  margin: 0;
  margin-top: 170px;
}
.d_menu ul li {
  display: inline-block;
  list-style-type: none;
  list-style: none;
}
.d_menu ul li {
  padding-left: 10px;
  padding-right: 10px;
}
.d_menu ul li a {
  font-family: 'dinproregular';
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}
.g_footer {
  height: 50px;
  width: 530px;
  margin-left: -220px;
  /* Отступ слева */
  left: 50%;
  bottom: 20px;
  position: absolute;
}
.b_g_footer {
  display: table-cell;
  height: 30px;
  width: 530px;
  vertical-align: middle;
  font-family: 'dinproregular';
  font-size: 18px;
  color: #000;
}
.b_g_field {
  display: inline-block;
  font-family: 'dinproregular';
}
.dog {
  position: relative;
  top: 0.2vh;
  padding-left: 0.2vmin;
  padding-right: 0.4min;
  margin-right: 0.1vmin;
}
.dog img {
  width: 1.5vmin;
  height: 1.5vmin;
}
.b_g_stick {
  display: inline-block;
  font-family: 'dinproregular';
  padding-top: 5px;
  padding-bottom: 5px;
  background: #292929;
  text-align: center;
  width: 60px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  top: -4px;
}
.g_about {
  width: 104.3vmin;
  height: 77.5vmin;
  margin: 0 auto;
  margin-top: 8vmin;
  position: relative;
  opacity: 0;
  z-index: 1;
}
.g_about_images img {
  height: 77.5vmin;
}
.g_center {
  width: 38%;
  position: absolute;
  top: 31.1vmin;
  margin-left: 34vmin;
  opacity: 0;
}
.g_header {
  text-align: left;
  font-size: 4.2vh;
  color: #fff;
  font-family: 'dinproregular';
}
.g_header span {
  color: #818181;
  padding-left: 1vmin;
}
.g_h2 {
  color: #fff;
  font-family: 'dinproregular';
  font-size: 1.5vmin;
  padding-bottom: 2vmin;
  text-align: center;
  border-top: 1px solid #fff;
  width: 9vmin;
  margin-top: 1.5vmin;
  margin-bottom: 0.5vmin;
  margin-left: 14.5vmin;
  padding-top: 5px;
}
.g_text {
  color: #fff;
  font-family: 'dinproregular';
  line-height: 2vmin;
  font-size: 1.2vh;
}
.g_button {
  width: 34vmin;
  height: 34vmin;
  position: absolute;
  top: 21vmin;
  right: -30vmin;
}
.g_button a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.g_button img {
  position: relative;
  top: 0px;
  left: 0;
  width: 34vmin;
  height: 34vmin;
}
.g_b_href {
  position: relative;
  top: 15.5vmin;
  left: 1.0vmin;
  z-index: 999999999999999;
}
.g_b_href a {
  text-decoration: none;
  font-family: 'dinproregular';
  color: #000;
  font-size: 1.6vmin;
}
.g2_footer {
  width: 55vmin;
  margin: 0 auto;
  margin-top: 8.8vmin;
  margin-bottom: 0px;
  font-family: 'dinproregular';
  color: #000;
  font-size: 1.6vh;
  padding-left: 2vmin;
}
.g2_f_phone {
  font-weight: bold;
  font-size: 1.7vh;
}
.g2_f_lang {
  background: #292929;
  color: #fff;
  padding-left: 1vmin;
  padding-right: 1vmin;
  padding-top: 1vmin;
  padding-bottom: 1vmin;
  font-size: 1.3vh;
  margin-left: 9px;
  position: relative;
  text-align: center;
}
.g2_f_lang a {
  color: white;
  text-decoration: none;
}
.p_content {
  width: 104.3vmin;
  height: 77.5vmin;
  margin: 0 auto;
  margin-top: 8vmin;
  position: relative;
  background: url('/templates/img/p_fon.jpg');
  opacity: 0;
}
.p_name_logo {
  width: 60vmin;
  position: absolute;
  top: 31.1vmin;
  left: 22.5vmin;
  opacity: 0;
}
.p_header {
  font-family: 'dinproregular';
  color: #818181;
  font-size: 4.2vh;
  text-align: center;
}
.p_header span {
  color: #000;
  padding-left: 1.2vmin;
}
.p_h2 {
  font-family: 'dinproregular';
  width: 9vmin;
  text-align: center;
  margin-top: 1.5vmin;
  margin-bottom: 0.5vmin;
  margin-left: 25vmin;
  font-size: 1.5vmin;
  color: #000;
  padding-top: 5px;
  border-top: 1px solid #000;
}
.p_button {
  width: 34vmin;
  height: 34vmin;
  position: absolute;
  top: 21vmin;
  left: 1vmin;
}
.p_button a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p_button img {
  position: relative;
  top: 0px;
  left: 0;
  width: 34vmin;
  height: 34vmin;
}
.p_b_href {
  position: relative;
  top: 15.5vmin;
  left: 25.9vmin;
  z-index: 999999999999999;
}
.p_b_href a {
  text-decoration: none;
  font-family: 'dinproregular';
  color: #fff;
  font-size: 1.5vmin;
}
.p_slide {
  width: 36vmin;
  height: 109.5vmin;
  position: absolute;
  top: -17.6vmin;
  left: 85vmin;
  overflow: hidden;
  opacity: 0;
}
.p_slide ul {
  padding: 0;
  margin: 0;
}
.p_slide ul li {
  list-style-type: none;
  list-style: none;
  height: 24vmin;
  overflow: hidden;
  margin-bottom: 0.5vmin;
  border: 0px solid #545454;
  position: relative;
  box-shadow: 0px 0px 1px 1px #b3b3b3;
}
.p_slide ul li a p {
  position: absolute;
  font-family: 'dinproregular';
  color: #fff;
  font-size: 2.9vmin;
  top: 10vmin;
  left: 3vmin;
  z-index: 999999999999999999999;
}
.p_slide span {
  width: 36vmin;
  height: 24vmin;
  background: #3a3a3a;
  z-index: 9999999999999;
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 0.5;
}
.p_slide span:hover {
  opacity: 0;
}
.p_slide ul li:hover {
  opacity: 1;
}
.p_slide ul li img {
  position: relative;
  z-index: 0;
  width: 100%;
}
.box_more {
  width: 139vmin;
  height: 80vmin;
  margin: 0 auto;
  margin-top: 5vmin;
}
.left_more {
  width: 16vmin;
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  position: relative;
}
.right_more {
  width: 123vmin;
  display: table-cell;
  position: relative;
}
.border-color {
  position: absolute;
  top: 12.9vmin;
  left: -5vh;
  width: 50vmin;
  border-top: 1px solid #000;
  height: 1px;
  z-index: 9999999999999;
  display: none;
  background: #e5e5e5;
}
.fon_slide {
  background: #e5e5e5;
  position: absolute;
  width: 320px;
  height: 550px;
  left: 0px;
  z-index: 999999999;
}
.box_more_header {
  font-family: 'dinproregular';
  font-size: 3vmin;
  text-align: center;
  margin-top: 0;
}
.box_more_header a {
  text-decoration: none;
}
.top_h {
  color: #818181;
}
.top_b {
  color: #000;
  margin-top: -6px;
}
.box_m_back {
  width: 7vmin;
  margin: 0 auto;
  text-align: center;
  padding-top: 0.5vmin;
  border-top: 0.2vmin solid #000;
  position: absolute;
  top: 9.9vmin;
  left: 3.5vmin;
}
.box_m_back a {
  font-family: 'dinproregular';
  font-size: 1.3vmin;
  text-decoration: none;
  color: #000;
}
.box_m_description {
  position: absolute;
  bottom: 0;
  padding-left: 1vmin;
}
.box_m_d_header {
  font-family: 'dinproregular';
  font-size: 1.6vmin;
  line-height: 2vmin;
  color: #000;
  text-transform: uppercase;
}
.box_m_d_text {
  font-family: 'dinproregular';
  font-size: 1.5vmin;
  color: #818181;
  margin-top: 3.2vmin;
  margin-bottom: 1vh;
  padding-right: 10px;
}
.load_display {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999999999999999999999999;
}
.l_d_center {
  width: 64px;
  height: 64px;
  background: url('/templates/img/712.gif');
  margin: 0 auto;
  position: relative;
  top: 44%;
}
#jcl-demo .carousel {
  border: 1px solid #bababa;
  border-radius: 10px;
  background-color: ghostwhite;
  float: left;
  padding-left: 10px;
  /* Needed for rendering without flicker */
  position: relative;
  visibility: hidden;
  left: -5000px;
}
/* Styling for image based carousel content. Only width and height are mandatory */
#jcl-demo .carousel > ul > li > img {
  width: 150px;
  height: 118px;
  vertical-align: middle;
  /* optional */
  margin: 10px 10px 10px 0;
  border-radius: 5px;
}
/* Styling for text based carousel content. Only width and height are mandatory */
#jcl-demo .carousel > ul > li > p {
  width: 130px;
  height: 98px;
  margin: 10px 10px 10px 0;
  border: 1px solid #808080;
  border-radius: 5px;
  line-height: normal;
  background-color: #fff;
  padding: 10px;
}
/* Styles for PREV and NEXT anchor buttons */
#jcl-demo a.prev,
#jcl-demo a.next,
#jcl-demo a.go {
  display: block;
  width: 26px;
  height: 30px;
  line-height: 1;
  background-color: #333333;
  color: ghostwhite;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 25px;
  border-radius: 8px;
  float: left;
}
#jcl-demo a.prev.disabled,
#jcl-demo a.next.disabled,
#jcl-demo a.prev.disabled:hover,
#jcl-demo a.next.disabled:hover {
  background-color: #8d8d8d;
  cursor: default;
}
#jcl-demo a.go.highlight {
  background-color: #dedede;
  color: #000;
}
#jcl-demo a.prev {
  margin: 50px -5px 0 0;
  text-indent: 7px;
}
#jcl-demo a.next {
  margin: 50px 0 0 -5px;
  text-indent: 10px;
}
#jcl-demo a.prev:hover,
#jcl-demo a.next:hover,
#jcl-demo a.go:hover {
  background-color: #666666;
}
/* Additional carousel styles for external controls, slider, widget, mid etc. */
#jcl-demo .externalControl button,
#jcl-demo .imageSliderExt button {
  margin: 5px 5px 0 0;
}
#jcl-demo .externalControl a.next,
#jcl-demo .externalControl a.prev,
#jcl-demo .externalControl a.go,
#jcl-demo .imageSliderExt a.next,
#jcl-demo .imageSliderExt a.prev,
#jcl-demo .imageSliderExt a.go {
  margin: 0 5px 0 0;
  padding: 7px 5px 0 5px;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
}
#jcl-demo .widget img {
  cursor: pointer;
}
#jcl-demo .mid {
  margin-left: 50px;
  width: 400px;
  height: 300px;
}
#jcl-demo .vertical {
  margin-left: 170px;
}
#jcl-demo .imageSlider .carousel > ul > li > img,
#jcl-demo .imageSliderExt .carousel > ul > li > img {
  width: 400px;
  height: 300px;
}
#jcl-demo .imageSlider .carousel > ul > li > p,
#jcl-demo .imageSliderExt .carousel > ul > li > p {
  width: 380px;
  height: 280px;
}
/* Other common styles */
.clear {
  clear: both;
}
a.next {
  position: absolute;
  bottom: 1vmin;
  left: 27vmin;
  color: red;
  z-index: 9999999999999999999;
  opacity: 0.8;
}
a.prev {
  position: absolute;
  top: 10.5vmin;
  left: 27vmin;
  color: red;
  z-index: 9999999999999999999;
}
a.next img:hover {
  opacity: 1;
}
/*! Fotorama 3.0.8 | http://fotoramajs.com/license/  */
.fotorama__noise,
.fotorama__thumbs_previews,
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
  background-image: url("data:image/png;base64,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");
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border,
.fotorama__arr,
.fotorama__fsi {
  -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama__thumb__dot,
.fotorama__arr,
.fotorama__fsi {
  -webkit-transition-duration: 333ms;
  -moz-transition-duration: 333ms;
  -o-transition-duration: 333ms;
  transition-duration: 333ms;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb:hover .fotorama__thumb__dot,
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.fullscreen,
.fotorama__wrap,
.fotorama__wrap_style_fade .fotorama__frame {
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, color-stop(0%, #f3f2f1), color-stop(12.8%, #f3f2f1), color-stop(100%, #cacac9));
  background: -webkit-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background: -moz-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background: -o-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background: radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background-color: #cacac9;
}
.fotorama-outer,
.fotorama__caption-outer {
  margin: 0;
  padding: 0;
}
.fotorama {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  *zoom: 1;
  position: relative;
  margin: 0;
  padding: 0;
}
.fotorama img {
  max-width: 99999px!important;
  min-width: 0!important;
  width: auto;
}
.fotorama:active,
.fotorama:focus {
  outline: none;
}
.fullscreen {
  width: 100%!important;
  height: 100%!important;
  overflow: hidden !important;
}
.fullscreen * {
  visibility: hidden;
  overflow: visible;
}
.fotorama_fullscreen {
  visibility: visible;
  position: fixed!important;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  margin: auto!important;
  z-index: 2147483647!important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fotorama_fullscreen * {
  visibility: visible;
}
.fotorama_fullscreen .fotorama__wrap,
.fotorama_fullscreen .fotorama__thumbs {
  margin: 0 !important;
}
.fotorama_fullscreen.fotorama_fullscreen_quirks {
  position: absolute !important;
}
.fotorama__wrap {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama__noise {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 3px;
  bottom: 3px;
  width: 10px;
  height: auto;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  z-index: 10;
  *display: none !important;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__thumbs_previews:before {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  left: -25px;
}
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  right: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow:before,
.fotorama_shadows .fotorama__thumbs_shadow:before {
  left: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow:after,
.fotorama_shadows .fotorama__thumbs_shadow:after {
  right: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows .fotorama__thumbs_shadow_no-left:before {
  left: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows .fotorama__thumbs_shadow_no-right:after {
  right: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
  top: auto;
  left: 3px;
  right: 3px;
  width: auto;
  height: 10px;
  -webkit-box-shadow: black,0,0,10px;
  -moz-box-shadow: black,0,0,10px;
  box-shadow: black, 0, 0, 10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  bottom: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:before {
  top: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:after {
  bottom: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-left:before {
  top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-right:after {
  bottom: -25px;
}
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:after,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:after {
  display: none;
}
.fotorama__shaft {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch * {
  -webkit-backface-visibility: hidden;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews * {
  -webkit-backface-visibility: hidden;
}
.fotorama__wrap_style_touch .fotorama__shaft {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  *cursor: move !important;
}
.fotorama__wrap_style_touch .fotorama__shaft_grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.fotorama__wrap_style_fade .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__thumbs-shaft {
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.fotorama__wrap_with-div {
  border: 1px solid #7f7f7f;
}
.fotorama__thumbs {
  text-align: center;
  position: relative;
  min-height: 18px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama_vertical .fotorama__thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
}
.fotorama__thumbs-shaft {
  text-align: left;
  margin: 0;
  padding: 0;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
  *zoom: 1;
}
.fotorama__thumb {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.fotorama__thumb__dot {
  display: block;
  width: 6px;
  height: 6px;
  position: relative;
  top: 6px;
  left: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #7f7f7f;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.fotorama__thumb:hover .fotorama__thumb__dot {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.fotorama__thumb_selected,
.fotorama__thumb_selected:hover {
  cursor: default;
}
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.fotorama__thumb_disabled {
  display: none;
  cursor: default;
}
.fotorama__thumbs_previews {
  overflow: hidden;
  background-color: #fff;
}
.fotorama__thumbs_previews .fotorama__thumbs-shaft {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.fotorama__thumbs_previews .fotorama__thumb {
  width: auto;
  background: #fff;
}
.fotorama__thumbs_previews .fotorama__thumb__img {
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
}
.fotorama__thumbs_previews .fotorama__thumb-border {
  border: solid;
  border-color: #00d1ff #00afea #008ed6;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(55, 55, 55, 0.05)));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
  background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
  background-color: rgba(175, 175, 175, 0.15);
  position: absolute;
  z-index: 10;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
}
.fotorama_horizontal .fotorama__thumbs_previews .fotorama__thumb {
  margin-left: 0 !important;
}
.fotorama_vertical .fotorama__thumbs_previews .fotorama__thumb {
  float: none;
  display: block;
  margin-top: 0 !important;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transition-property: -webkit-transform, left, top, border, background, width, height;
  -moz-transition-property: -moz-transform, left, top, border, background, width, height;
  -o-transition-property: -o-transform, left, top, border, background, width, height;
  transition-property: transform left top border background width height;
}
.fotorama__frame {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.fotorama__frame * {
  z-index: 2;
}
.fotorama__frame_active {
  z-index: 5;
}
.fotorama__wrap_style_fade .fotorama__frame {
  left: 0 !important;
}
.fotorama__img {
  position: absolute;
  margin: 0!important;
  padding: 0!important;
  top: 0;
  left: 0;
  z-index: 1;
}
.fotorama_shadows .fotorama__img {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.fotorama__arr {
  display: block;
  position: absolute;
  font-family: sans-serif;
  width: 44px;
  text-align: center;
  z-index: 10;
  color: white;
  -webkit-transition-property: opacity,margin;
  -moz-transition-property: opacity,margin;
  -o-transition-property: opacity,margin;
  transition-property: opacity margin;
  font-size: 18px;
  top: 50%;
  line-height: 72px;
  margin-top: -36px;
  text-shadow: black 0 0 5px;
  cursor: pointer;
  opacity: 0;
  font-style: normal!important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
}
.fotorama__arr_prev {
  left: 0;
  margin-left: 0;
}
.fotorama__arr_next {
  left: 100%;
  margin-left: -44px;
}
.fotorama__arr_disabled {
  cursor: default;
  *display: none;
}
.fotorama_touch .fotorama__arr {
  opacity: 1!important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.fotorama_touch .fotorama__arr_disabled {
  opacity: 0.11 !important;
}
.fotorama__wrap_mouseover .fotorama__arr {
  opacity: 0.6;
}
.fotorama__wrap_mouseover .fotorama__arr:hover,
.fotorama__wrap_mouseover .fotorama__arr_hover {
  opacity: 1;
  text-shadow: black 0 0 5px, black 0 0 25px;
}
.fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_touch .fotorama__arr_prev {
  margin-left: 0;
}
.fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_touch .fotorama__arr_next {
  margin-left: -44px;
}
.fotorama__wrap_mouseover .fotorama__arr_disabled,
.fotorama__wrap_mouseover .fotorama__arr_disabled:hover,
.fotorama_touch .fotorama__arr_disabled,
.fotorama_touch .fotorama__arr_disabled:hover {
  opacity: 0.11;
  text-shadow: none;
}
.fotorama__wrap_mouseout .fotorama__arr {
  opacity: 0;
}
.fotorama__wrap_mouseout .fotorama__arr_prev {
  margin-left: -44px;
}
.fotorama__wrap_mouseout .fotorama__arr_next {
  margin-left: 0;
}
.fotorama__wrap_style_fade .fotorama__arr_prev {
  margin-left: 0;
}
.fotorama__wrap_style_fade .fotorama__arr_next {
  margin-left: -44px;
}
.fotorama_vertical .fotorama__arr {
  width: 72px;
  line-height: 44px;
  margin-top: 0;
  margin-left: 0;
  top: auto;
  left: 50%;
  margin-left: -36px;
}
.fotorama_vertical .fotorama__arr_prev {
  top: 0;
  margin-top: 0;
}
.fotorama_vertical .fotorama__arr_next {
  bottom: 0;
  margin-bottom: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_vertical .fotorama_touch .fotorama__arr_prev {
  margin-top: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_vertical .fotorama_touch .fotorama__arr_next {
  margin-bottom: 0;
}
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_prev {
  margin-top: -44px;
}
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_next {
  margin-bottom: -44px;
}
.fotorama__caption {
  margin: 0.5em 0;
  white-space: normal;
  position: relative;
}
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
  background-color: #1e1d1c;
  color: white;
  z-index: 15;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
}
.fotorama__fsi {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 0;
  line-height: 0;
  z-index: 20;
  cursor: pointer;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.fotorama__fsi .i0 {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  background: url("data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
  border: none;
}
.fotorama__fsi i {
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #111;
}
.fotorama__fsi .i1 .i1,
.fotorama__fsi .i2 .i2,
.fotorama__fsi .i3 .i3,
.fotorama__fsi .i4 .i4 {
  width: 3px;
  height: 3px;
  border-color: #eee;
  top: 0;
  left: 0;
  margin: 0 !important;
}
.fotorama__fsi .i1 {
  top: 7px;
  left: 7px;
  border-right: none;
  border-bottom: none;
  margin: 2px 0 0 2px;
}
.fotorama__fsi .i2 {
  top: 7px;
  left: 18px;
  border-left: none;
  border-bottom: none;
  margin: 2px 0 0;
}
.fotorama__fsi .i3 {
  top: 18px;
  left: 18px;
  border-top: none;
  border-left: none;
}
.fotorama__fsi .i4 {
  top: 18px;
  left: 7px;
  border-right: none;
  border-top: none;
  margin: 0 0 0 2px;
}
.fotorama__fsi.fotorama__fsi_hover .i1,
.fotorama__fsi.fotorama__fsi_hover .i2,
.fotorama__fsi.fotorama__fsi_hover .i3,
.fotorama__fsi.fotorama__fsi_hover .i4 {
  margin: 1px 0 0 1px;
}
.fotorama_fullscreen .fotorama__fsi .i1,
.fotorama_fullscreen .fotorama__fsi .i2,
.fotorama_fullscreen .fotorama__fsi .i3,
.fotorama_fullscreen .fotorama__fsi .i4 {
  margin: 1px 0 0 1px;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i1 {
  margin: 2px 0 0 2px;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i2 {
  margin: 2px 0 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i3 {
  margin: 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i4 {
  margin: 0 0 0 2px;
}
.fotorama__wrap_mouseover .fotorama__fsi,
.fotorama_touch .fotorama__fsi {
  opacity: 1;
}
.fotorama__state {
  position: absolute;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  line-height: 32px;
  font-size: 32px;
  text-align: center;
  background-repeat: no-repeat;
  z-index: 6;
  top: 50%;
  left: auto;
  font-family: Georgia;
}
.fotorama__state svg {
  width: 32px;
  height: 32px;
  display: none;
}
.fotorama_vertical .fotorama__state {
  top: auto;
  left: 50%;
}
.fotorama_loading .fotorama__state span {
  top: -3px;
}
.fotorama_loading .fotorama__thumb-border {
  border-style: dashed;
  background: none;
}
.fotorama_error .fotorama__state {
  background-position: 0 0 !important;
}
.fotorama_error .fotorama__state svg {
  display: block;
}
.fotorama_error .fotorama__thumb-border {
  border-color: #ff002a #e50015 #c00!important;
  background: none;
  border-style: dashed;
}
.fotorama_error .fotorama__thumb_selected .fotorama__thumb__dot {
  background-color: #e50015!important;
  background-color: rgba(229, 0, 21, 0.5) !important;
}
.fotorama__thumb {
  padding-left: 4px;
  padding-bottom: 4px;
  background-color: #fff;
}
#page-preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 100500;
}
#page-preloader .spinner {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('/templates/img/z-loader.gif') no-repeat 50% 50%;
  margin: -16px 0 0 -16px;
}