/*
   HTML5 CSS RESET
   VERSION: 2020.01.01
   Author: Andria Klimov
   License: None (Public Domain)
*/

/* global */

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  /* chrome4+, safari3.1+ */
  -moz-box-sizing: border-box;
  /* fx2+ */
  box-sizing: border-box;
  /* chrome10+, fx29+, ie8+, opera9.5+, safari5.1+ */
}

/*
:focus {
  outline: none;
}
*/

/* root */
html,
body,
/* sections */
header,
footer,
main,
nav,
section,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
address,
article,
aside,
/* grouping */
div,
p,
dl,
dt,
dd,
ol,
ul,
li,
hr,
pre,
blockquote,
figure,
figcaption,
/* text-level semantics */
a,
span,
sub,
sup,
b,
i,
u,
ruby,
rt,
rp,
bdi,
bdo,
br,
wbr,
abbr,
cite,
code,
time,
samp,
dfn,
em,
kbd,
mark,
s,
small,
strong,
q,
var,
/* edits */
del,
ins,
/* embedded content */
embed,
iframe,
img,
object,
param,
video,
audio,
source,
track

/* media */
canvas,
map,
area,
/* tables */
table,
caption,
colgroup,
col,
thead,
tbody,
tfoot,
tr,
th,
td,
/* forms */
form,
label,
legend,
/* interactive */
details,
summary,
command,
menu,
menuitem {
  border: 0 none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* root */

html {
  font-size: 100%;
  /* ie8 */
  width: auto;
  height: auto;
  -webkit-text-size-adjust: 100%;
  /* webkit */
  -moz-text-size-adjust: 100%;
  /* fx */
  -ms-text-size-adjust: 100%;
  /* ie11+ */
  text-size-adjust: 100%;
  /* all */
  -webkit-font-smoothing: antialiased;
  /* webkit */
  -moz-osx-font-smoothing: grayscale;
  /* fx25+ */
}

body {
  color: black;
  background-color: white;
  width: auto;
  height: auto;
  font: normal normal normal 1em/normal sans-serif;
}

/* links */

a {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

/* sections */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* headings */

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

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1.0em;
}

/* long and short quotations */

blockquote {
  margin: 1em;
}

blockquote,
q {
  quotes: none;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* preformatted text */

pre {
  display: block;
  font-family: monospace, serif;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

hr {
  display: block;
  height: 0px;
  border-bottom: 1px solid gray;
}

/* text-level semantics */

abbr {
  border-bottom: 1px dotted;
}

small {
  font-size: 80%;
}

em,
dfn,
cite,
var {
  font-style: italic;
  font-weight: normal;
}

b,
strong {
  font-style: normal;
  font-weight: bold;
}

code,
samp,
kbd {
  font-style: normal;
  font-weight: normal;
  font-family: monospace, serif;
}

mark {
  background: yellow;
  color: black;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

/* edits */

del {
  text-decoration: line-through;
}

ins {
  text-decoration: underline;
}

/* embed containers */

canvas,
embed,
iframe,
img,
svg,
object,
video,
audio {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
}

img {
  border: 0 none;
  -ms-interpolation-mode: bicubic;
  /* ie */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* lists */

ol,
ul {
  margin: 0 0 0 2.5em;
}

html[dir="rtl"] ol,
html[dir="rtl"] ul {
  margin: 0 2.5em 0 0;
}

html[dir="ltr"] ol,
html[dir="ltr"] ul {
  margin: 0 0 0 2.5em;
}

li {
  display: list-item;
}

dl {
  display: block;
}

dt {
  display: block;
}

dd {
  display: block;
  margin: 0 0 0 2.5em;
}

html[dir="rtl"] dd {
  margin: 0 2.5em 0 0;
}

html[dir="ltr"] dd {
  margin: 0 0 0 2.5em;
}

/* tables */

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

caption,
th,
td {
  vertical-align: middle;
}

th {
  font-weight: bold;
  text-align: center;
}

/* forms */

button,
input,
select,
textarea {
  margin: 0;
  line-height: normal;
  vertical-align: baseline;
  font: normal normal normal 1em/normal sans-serif;
  resize: none;
  /* webkit, fx10+ */
}

textarea {
  overflow: auto;
  /* ie */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  vertical-align: middle;
}

label,
button,
input[type="button"],
input[type="checkbox"],
input[type="image"],
input[type="reset"],
input[type="radio"],
input[type="submit"] input[type="file"]>input[type="button"] {
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

/* fx2+ */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="image"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
}

fieldset {
  margin: 0;
  padding: 0.35em 0.625em 0.75em;
  border-width: 1px;
}

/******************************************/
/* FONTS */

/********************/
/* CUSTOM FONT */

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-regular.woff2') format('woff2'),
    url('../fonts/roboto/roboto-regular.woff') format('woff'),
    url('../fonts/roboto/roboto-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-regular-italic.woff2') format('woff2'),
    url('../fonts/roboto/roboto-regular-italic.woff') format('woff'),
    url('../fonts/roboto/roboto-regular-italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-bold.woff2') format('woff2'),
    url('../fonts/roboto/roboto-bold.woff') format('woff'),
    url('../fonts/roboto/roboto-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-bold-italic.woff2') format('woff2'),
    url('../fonts/roboto/roboto-bold-italic.woff') format('woff'),
    url('../fonts/roboto/roboto-bold-italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto Fallback Lower';
  src: url('../fonts/roboto/roboto-regular-fallback-lower.woff2') format('woff2'),
    url('../fonts/roboto/roboto-regular-fallback-lower.woff') format('woff'),
    url('../fonts/roboto/roboto-regular-fallback-lower.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+10D0-10F0, U+1C90-1CB0, U+20BE;
}

@font-face {
  font-family: 'Roboto Fallback Upper';
  src: url('../fonts/roboto/roboto-regular-fallback-upper.woff2') format('woff2'),
    url('../fonts/roboto/roboto-regular-fallback-upper.woff') format('woff'),
    url('../fonts/roboto/roboto-regular-fallback-upper.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+10D0-10F0, U+1C90-1CB0, U+20BE;
}

/********************/
/* ICONS */

@font-face {
  font-family: 'Icons';
  src: url('../fonts/webicons/webicons.woff2') format('woff2'),
    url('../fonts/webicons/webicons.woff') format('woff'),
    url('../fonts/webicons/webicons.ttf') format('truetype');
  font-display: block;
  font-weight: normal;
  font-style: normal;
}




/********************/
/* font tunes */
.com-font-norma {
  font-family: 'Roboto Fallback Lower', 'Roboto', 'Arial', 'Helvetica', 'Verdana', sans-serif;
  text-transform: none;
}

.com-font-lower {
  font-family: 'Roboto Fallback Lower', 'Roboto', 'Arial', 'Helvetica', 'Verdana', sans-serif;
  text-transform: lowercase;
}

.com-font-upper {
  font-family: 'Roboto Fallback Upper', 'Roboto', 'Arial', 'Helvetica', 'Verdana', sans-serif;
  text-transform: uppercase;
}




/********************/
/* icons */
/* Usage <i data-icon="&#x28;" data-icon-size="cap" data-icon-align="cap-middle"></i> */
[data-icon] {
  display: -moz-inline-stack;
  display: inline-block;
}

[data-icon]:before {
  content: attr(data-icon);
  display: -moz-inline-stack;
  display: inline-block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




[data-icon-align='top'],
[data-icon-align='bottom'],
[data-icon-align='middle'],
[data-icon-align='baseline'],
[data-icon-align='cap-middle'],
[data-icon-align='sub'],
[data-icon-align='sup'],
[data-icon-align='top']:before,
[data-icon-align='bottom']:before,
[data-icon-align='middle']:before,
[data-icon-align='baseline']:before,
[data-icon-align='cap-middle']:before,
[data-icon-align='sub']:before,
[data-icon-align='sup']:before {
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}




/********************/
/* ROBOTO FONT METRICS */
/* Units per EM:  2048 */
/* c-Height:      1456 */
/* x-Height:      1082 */




/********************/
/* TOP */
[data-icon-align='top'] {
  vertical-align: top;
}

[data-icon-align='top']:before {
  vertical-align: top;
  bottom: -0.50em;
}

/********************/
/* BOTTOM */
[data-icon-align='bottom'] {
  vertical-align: bottom;
}

[data-icon-align='bottom']:before {
  vertical-align: bottom;
  bottom: 0.50em;
}

/********************/
/* BASELINE */
[data-icon-align='baseline'] {
  vertical-align: baseline;
}

[data-icon-align='baseline']:before {
  vertical-align: baseline;
  bottom: 0.25em;
}

/********************/
/* CAP-MIDDLE */
/* ([c-Height] - [x-Height]) / [Units per EM] / 2.0 */
[data-icon-align='cap-middle'] {
  vertical-align: middle;
  bottom: 0.09130859375em;
}

[data-icon-align='cap-middle']:before {
  vertical-align: top;
}

/********************/
/* X-MIDDLE */
[data-icon-align='middle'] {
  vertical-align: middle;
}

[data-icon-align='middle']:before {
  vertical-align: top;
}

/********************/
/* SUB */
[data-icon-align='sub'] {
  vertical-align: sub;
}

[data-icon-align='sub']:before {
  vertical-align: top;
}

/********************/
/* SUPER */
[data-icon-align='sup'] {
  vertical-align: super;
}

[data-icon-align='sup']:before {
  vertical-align: top;
}




/********************/
/* [x-Height] / [Units per EM] */
[data-icon-size='ex']:before {
  font-size: 0.528320em;
}

/********************/
/* [c-Height] / [Units per EM] */
[data-icon-size='cap']:before {
  font-size: 0.710938em;
}




/********************/
[data-icon-space='around'],
[data-icon-space='before'] {
  margin-left: 0.5em;
}

[data-icon-space='around'],
[data-icon-space='after'] {
  margin-right: 0.5em;
}


/********************/
/* Pixels */
[data-icon-size='0']:before {
  font-size: 0px;
}

[data-icon-size='1']:before {
  font-size: 1px;
}

[data-icon-size='2']:before {
  font-size: 2px;
}

[data-icon-size='3']:before {
  font-size: 3px;
}

[data-icon-size='4']:before {
  font-size: 4px;
}

[data-icon-size='5']:before {
  font-size: 5px;
}

[data-icon-size='6']:before {
  font-size: 6px;
}

[data-icon-size='7']:before {
  font-size: 7px;
}

[data-icon-size='8']:before {
  font-size: 8px;
}

[data-icon-size='9']:before {
  font-size: 9px;
}

[data-icon-size='10']:before {
  font-size: 10px;
}

[data-icon-size='11']:before {
  font-size: 11px;
}

[data-icon-size='12']:before {
  font-size: 12px;
}

[data-icon-size='13']:before {
  font-size: 13px;
}

[data-icon-size='14']:before {
  font-size: 14px;
}

[data-icon-size='15']:before {
  font-size: 15px;
}

[data-icon-size='16']:before {
  font-size: 16px;
}

[data-icon-size='17']:before {
  font-size: 17px;
}

[data-icon-size='18']:before {
  font-size: 18px;
}

[data-icon-size='19']:before {
  font-size: 19px;
}

[data-icon-size='20']:before {
  font-size: 20px;
}

[data-icon-size='21']:before {
  font-size: 21px;
}

[data-icon-size='22']:before {
  font-size: 22px;
}

[data-icon-size='23']:before {
  font-size: 23px;
}

[data-icon-size='24']:before {
  font-size: 24px;
}

[data-icon-size='25']:before {
  font-size: 25px;
}

[data-icon-size='26']:before {
  font-size: 26px;
}

[data-icon-size='27']:before {
  font-size: 27px;
}

[data-icon-size='28']:before {
  font-size: 28px;
}

[data-icon-size='29']:before {
  font-size: 29px;
}

[data-icon-size='30']:before {
  font-size: 30px;
}

[data-icon-size='31']:before {
  font-size: 31px;
}

[data-icon-size='32']:before {
  font-size: 32px;
}

[data-icon-size='33']:before {
  font-size: 33px;
}

[data-icon-size='34']:before {
  font-size: 34px;
}

[data-icon-size='35']:before {
  font-size: 35px;
}

[data-icon-size='36']:before {
  font-size: 36px;
}

[data-icon-size='37']:before {
  font-size: 37px;
}

[data-icon-size='38']:before {
  font-size: 38px;
}

[data-icon-size='39']:before {
  font-size: 39px;
}

[data-icon-size='40']:before {
  font-size: 40px;
}

[data-icon-size='41']:before {
  font-size: 41px;
}

[data-icon-size='42']:before {
  font-size: 42px;
}

[data-icon-size='43']:before {
  font-size: 43px;
}

[data-icon-size='44']:before {
  font-size: 44px;
}

[data-icon-size='45']:before {
  font-size: 45px;
}

[data-icon-size='46']:before {
  font-size: 46px;
}

[data-icon-size='47']:before {
  font-size: 47px;
}

[data-icon-size='48']:before {
  font-size: 48px;
}

[data-icon-size='49']:before {
  font-size: 49px;
}

[data-icon-size='50']:before {
  font-size: 50px;
}

[data-icon-size='51']:before {
  font-size: 51px;
}

[data-icon-size='52']:before {
  font-size: 52px;
}

[data-icon-size='53']:before {
  font-size: 53px;
}

[data-icon-size='54']:before {
  font-size: 54px;
}

[data-icon-size='55']:before {
  font-size: 55px;
}

[data-icon-size='56']:before {
  font-size: 56px;
}

[data-icon-size='57']:before {
  font-size: 57px;
}

[data-icon-size='58']:before {
  font-size: 58px;
}

[data-icon-size='59']:before {
  font-size: 59px;
}

[data-icon-size='60']:before {
  font-size: 60px;
}

[data-icon-size='61']:before {
  font-size: 61px;
}

[data-icon-size='62']:before {
  font-size: 62px;
}

[data-icon-size='63']:before {
  font-size: 63px;
}

[data-icon-size='64']:before {
  font-size: 64px;
}


/******************************************/
/* GENERAL */

html {
  overflow: auto;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  /* overflow-anchor: none; */
}

body {
  color: #404040;
  background-color: #ffffff;
  font: normal normal normal 14px/normal 'Roboto', 'Roboto Fallback Lower', 'Arial', 'Helvetica', 'Verdana', sans-serif;
}

button,
input,
select,
textarea {
  color: #404040;
  font: normal normal normal 14px/normal 'Roboto', 'Roboto Fallback Lower', 'Arial', 'Helvetica', 'Verdana', sans-serif;
}

a {
  color: #0077a7;
}

::-moz-selection {
  color: #ffffff;
  background: #000000;
}

::selection {
  color: #ffffff;
  background: #000000;
}

/******************************************/
/* CLASSES */

/********************/
/* common */

.cs-tx-00 {
  font-size: 00px;
}

.cs-tx-01 {
  font-size: 01px;
}

.cs-tx-02 {
  font-size: 02px;
}

.cs-tx-03 {
  font-size: 03px;
}

.cs-tx-04 {
  font-size: 04px;
}

.cs-tx-05 {
  font-size: 05px;
}

.cs-tx-06 {
  font-size: 06px;
}

.cs-tx-07 {
  font-size: 07px;
}

.cs-tx-08 {
  font-size: 08px;
}

.cs-tx-09 {
  font-size: 09px;
}

.cs-tx-10 {
  font-size: 10px;
}

.cs-tx-11 {
  font-size: 11px;
}

.cs-tx-12 {
  font-size: 12px;
}

.cs-tx-13 {
  font-size: 13px;
}

.cs-tx-14 {
  font-size: 14px;
}

.cs-tx-15 {
  font-size: 15px;
}

.cs-tx-16 {
  font-size: 16px;
}

.cs-tx-17 {
  font-size: 17px;
}

.cs-tx-18 {
  font-size: 18px;
}

.cs-tx-19 {
  font-size: 19px;
}

.cs-tx-20 {
  font-size: 20px;
}

.cs-tx-21 {
  font-size: 21px;
}

.cs-tx-22 {
  font-size: 22px;
}

.cs-tx-23 {
  font-size: 23px;
}

.cs-tx-24 {
  font-size: 24px;
}

.cs-tx-25 {
  font-size: 25px;
}

.cs-tx-26 {
  font-size: 26px;
}

.cs-tx-27 {
  font-size: 27px;
}

.cs-tx-28 {
  font-size: 28px;
}

.cs-tx-29 {
  font-size: 29px;
}

.cs-tx-30 {
  font-size: 30px;
}

.cs-tx-31 {
  font-size: 31px;
}

.cs-tx-32 {
  font-size: 32px;
}

.cs-tx-33 {
  font-size: 33px;
}

.cs-tx-34 {
  font-size: 34px;
}

.cs-tx-35 {
  font-size: 35px;
}

.cs-tx-36 {
  font-size: 36px;
}

.cs-tx-37 {
  font-size: 37px;
}

.cs-tx-38 {
  font-size: 38px;
}

.cs-tx-39 {
  font-size: 39px;
}

.cs-tx-40 {
  font-size: 40px;
}

.cs-tx-41 {
  font-size: 41px;
}

.cs-tx-42 {
  font-size: 42px;
}

.cs-tx-43 {
  font-size: 43px;
}

.cs-tx-44 {
  font-size: 44px;
}

.cs-tx-45 {
  font-size: 45px;
}

.cs-tx-46 {
  font-size: 46px;
}

.cs-tx-47 {
  font-size: 47px;
}

.cs-tx-48 {
  font-size: 48px;
}

.cs-tx-49 {
  font-size: 49px;
}

.cs-tx-50 {
  font-size: 50px;
}

.cs-tx-51 {
  font-size: 51px;
}

.cs-tx-52 {
  font-size: 52px;
}

.cs-tx-53 {
  font-size: 53px;
}

.cs-tx-54 {
  font-size: 54px;
}

.cs-tx-55 {
  font-size: 55px;
}

.cs-tx-56 {
  font-size: 56px;
}

.cs-tx-57 {
  font-size: 57px;
}

.cs-tx-58 {
  font-size: 58px;
}

.cs-tx-59 {
  font-size: 59px;
}

.cs-tx-60 {
  font-size: 60px;
}

.cs-tx-61 {
  font-size: 61px;
}

.cs-tx-62 {
  font-size: 62px;
}

.cs-tx-63 {
  font-size: 63px;
}

.cs-tx-64 {
  font-size: 64px;
}

.cs-tx-65 {
  font-size: 65px;
}

.cs-tx-66 {
  font-size: 66px;
}

.cs-tx-67 {
  font-size: 67px;
}

.cs-tx-68 {
  font-size: 68px;
}

.cs-tx-69 {
  font-size: 69px;
}

.cs-tx-70 {
  font-size: 70px;
}

.cs-tx-71 {
  font-size: 71px;
}

.cs-tx-72 {
  font-size: 72px;
}

.cs-tx-73 {
  font-size: 73px;
}

.cs-tx-74 {
  font-size: 74px;
}

.cs-tx-75 {
  font-size: 75px;
}

.cs-tx-76 {
  font-size: 76px;
}

.cs-tx-77 {
  font-size: 77px;
}

.cs-tx-78 {
  font-size: 78px;
}

.cs-tx-79 {
  font-size: 79px;
}

.cs-tx-80 {
  font-size: 80px;
}

.cs-tx-81 {
  font-size: 81px;
}

.cs-tx-82 {
  font-size: 82px;
}

.cs-tx-83 {
  font-size: 83px;
}

.cs-tx-84 {
  font-size: 84px;
}

.cs-tx-85 {
  font-size: 85px;
}

.cs-tx-86 {
  font-size: 86px;
}

.cs-tx-87 {
  font-size: 87px;
}

.cs-tx-88 {
  font-size: 88px;
}

.cs-tx-89 {
  font-size: 89px;
}

.cs-tx-90 {
  font-size: 90px;
}

.cs-tx-91 {
  font-size: 91px;
}

.cs-tx-92 {
  font-size: 92px;
}

.cs-tx-93 {
  font-size: 93px;
}

.cs-tx-93 {
  font-size: 93px;
}

.cs-tx-94 {
  font-size: 94px;
}

.cs-tx-95 {
  font-size: 95px;
}

.cs-tx-96 {
  font-size: 96px;
}

.cs-tx-97 {
  font-size: 97px;
}

.cs-tx-98 {
  font-size: 98px;
}

.cs-tx-99 {
  font-size: 99px;
}

.cs-tx-100 {
  font-size: 100px;
}

.cs-tx-101 {
  font-size: 101px;
}

.cs-tx-102 {
  font-size: 102px;
}

.cs-tx-103 {
  font-size: 103px;
}

.cs-tx-104 {
  font-size: 104px;
}

.cs-tx-105 {
  font-size: 105px;
}

.cs-tx-106 {
  font-size: 106px;
}

.cs-tx-107 {
  font-size: 107px;
}

.cs-tx-108 {
  font-size: 108px;
}

.cs-tx-109 {
  font-size: 109px;
}

.cs-tx-110 {
  font-size: 110px;
}

.cs-tx-111 {
  font-size: 111px;
}

.cs-tx-112 {
  font-size: 112px;
}

.cs-tx-113 {
  font-size: 113px;
}

.cs-tx-114 {
  font-size: 114px;
}

.cs-tx-115 {
  font-size: 115px;
}

.cs-tx-116 {
  font-size: 116px;
}

.cs-tx-117 {
  font-size: 117px;
}

.cs-tx-118 {
  font-size: 118px;
}

.cs-tx-119 {
  font-size: 119px;
}

.cs-tx-120 {
  font-size: 120px;
}

.cs-tx-121 {
  font-size: 121px;
}

.cs-tx-122 {
  font-size: 122px;
}

.cs-tx-123 {
  font-size: 123px;
}

.cs-tx-124 {
  font-size: 124px;
}

.cs-tx-125 {
  font-size: 125px;
}

.cs-tx-126 {
  font-size: 126px;
}

.cs-tx-127 {
  font-size: 127px;
}

.cs-tx-128 {
  font-size: 128px;
}

.cs-tx-129 {
  font-size: 129px;
}

.cs-tx-130 {
  font-size: 130px;
}

.cs-tx-131 {
  font-size: 131px;
}

.cs-tx-132 {
  font-size: 132px;
}

.cs-tx-133 {
  font-size: 133px;
}

.cs-tx-134 {
  font-size: 134px;
}

.cs-tx-135 {
  font-size: 135px;
}

.cs-tx-136 {
  font-size: 136px;
}

.cs-tx-137 {
  font-size: 137px;
}

.cs-tx-138 {
  font-size: 138px;
}

.cs-tx-139 {
  font-size: 139px;
}

.cs-tx-140 {
  font-size: 140px;
}

.cs-tx-141 {
  font-size: 141px;
}

.cs-tx-142 {
  font-size: 142px;
}

.cs-tx-143 {
  font-size: 143px;
}

.cs-tx-144 {
  font-size: 144px;
}

.cs-tx-145 {
  font-size: 145px;
}

.cs-tx-146 {
  font-size: 146px;
}

.cs-tx-147 {
  font-size: 147px;
}

.cs-tx-148 {
  font-size: 148px;
}

.cs-tx-149 {
  font-size: 149px;
}

.cs-tx-150 {
  font-size: 150px;
}

.cs-lh-df {
  line-height: normal;
}

.cs-lh-00 {
  line-height: 0.0;
}

.cs-lh-01 {
  line-height: 0.1;
}

.cs-lh-02 {
  line-height: 0.2;
}

.cs-lh-03 {
  line-height: 0.3;
}

.cs-lh-04 {
  line-height: 0.4;
}

.cs-lh-05 {
  line-height: 0.5;
}

.cs-lh-06 {
  line-height: 0.6;
}

.cs-lh-07 {
  line-height: 0.7;
}

.cs-lh-08 {
  line-height: 0.8;
}

.cs-lh-09 {
  line-height: 0.9;
}

.cs-lh-10 {
  line-height: 1.0;
}

.cs-lh-11 {
  line-height: 1.1;
}

.cs-lh-12 {
  line-height: 1.2;
}

.cs-lh-13 {
  line-height: 1.3;
}

.cs-lh-14 {
  line-height: 1.4;
}

.cs-lh-15 {
  line-height: 1.5;
}

.cs-lh-16 {
  line-height: 1.6;
}

.cs-lh-17 {
  line-height: 1.7;
}

.cs-lh-18 {
  line-height: 1.8;
}

.cs-lh-19 {
  line-height: 1.9;
}

.cs-lh-20 {
  line-height: 2.0;
}

.cs-tx-ff-serif {
  font-family: 'Times New Roman', 'Sylfaen', serif;
}

.cs-tx-ff-sans-serif {
  font-family: 'Arial', 'Verdana', sans-serif;
}

.cs-tx-st-normal {
  font-style: normal;
}

.cs-tx-st-italic {
  font-style: italic;
}

.cs-tx-wg-light {
  font-weight: 300;
}

.cs-tx-wg-normal {
  font-weight: normal;
}

.cs-tx-wg-medium {
  font-weight: 500;
}

.cs-tx-wg-sbold {
  font-weight: 600;
}

.cs-tx-wg-bold {
  font-weight: bold;
}

.cs-tx-td-none {
  text-decoration: none;
}

.cs-tx-td-underline {
  text-decoration: underline;
}

.cs-tx-td-strikeline {
  text-decoration: line-through;
}

.cs-tx-tt-none {
  text-transform: none;
}

.cs-tx-tt-uppercase {
  text-transform: uppercase;
}

.cs-tx-tt-lowercase {
  text-transform: lowercase;
}

.cs-tx-tt-capitalize {
  text-transform: capitalize;
}

.cs-tx-break-word {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cs-ws-normal {
  white-space: normal;
}

.cs-ws-nowrap {
  white-space: nowrap;
}

.cs-ws-pre {
  white-space: pre;
}

.cs-ws-preline {
  white-space: pre-line;
}

.cs-ws-prewrap {
  white-space: pre-wrap;
}

.cs-al-left {
  text-align: left;
}

.cs-al-right {
  text-align: right;
}

.cs-al-center {
  text-align: center;
}

.cs-al-justify {
  text-align: justify;
}

.cs-al-top {
  vertical-align: top;
}

.cs-al-middle {
  vertical-align: middle;
}

.cs-al-bottom {
  vertical-align: bottom;
}

.cs-al-text-top {
  vertical-align: text-top;
}

.cs-al-text-bottom {
  vertical-align: text-bottom;
}

.cs-al-baseline {
  vertical-align: baseline;
}

.cs-dp-none {
  display: none;
}

.cs-dp-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.cs-dp-block {
  display: block;
}

.cs-dp-inline {
  display: inline;
}

.cs-dp-iblock {
  display: -moz-inline-stack;
  display: inline-block;
}

.cs-dp-tab {
  display: table;
}

.cs-dp-tabrow {
  display: table-row;
}

.cs-dp-tabcol {
  display: table-cell;
}

.cs-dp-tabcap {
  display: table-caption;
}

.cs-flex-auto {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.cs-flex-grow {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.cs-mg-center,
.cs-mg-left {
  margin-left: auto;
}

.cs-mg-center,
.cs-mg-right {
  margin-right: auto;
}

.cs-fl-left {
  float: left;
}

.cs-fl-right {
  float: right;
}

.cs-pos-rel {
  position: relative;
  left: 0;
  top: 0;
}

.cs-pos-abs {
  position: absolute;
  left: 0;
  top: 0;
}

.cs-ov-auto {
  overflow: auto;
}

.cs-ov-scroll {
  overflow: scroll;
}

.cs-ov-hidden {
  overflow: hidden;
}

.cs-ov-visible {
  overflow: visible;
}

.cs-vis-visible {
  visibility: visible;
}

.cs-vis-hidden {
  visibility: hidden;
}

.cs-cr-default {
  cursor: default;
}

.cs-cr-pointer {
  cursor: pointer;
}

.cs-whole,
.cs-whole-x {
  width: 100%;
}

.cs-whole,
.cs-whole-y {
  height: 100%;
}

.cs-min-whole,
.cs-min-whole-x {
  min-width: 100%;
}

.cs-min-whole,
.cs-min-whole-y {
  min-height: 100%;
}

.cs-max-whole,
.cs-max-whole-x {
  max-width: 100%;
}

.cs-max-whole,
.cs-max-whole-y {
  max-height: 100%;
}

.cs-null,
.cs-null-x {
  width: 0;
}

.cs-null,
.cs-null-y {
  height: 0;
}

.cs-spacer {
  width: auto;
  height: 0;
  overflow: hidden;
}

.com-display-flex {
  display: flex;
}

.com-flex-auto {
  flex: auto;
}

.cs-spv-wrap:after,
.cs-spv-wrap:before {
  content: '';
  clear: both;
  display: block;
  height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 0;
  /* opera */
  overflow: hidden;
  visibility: hidden;
}

.cs-spv-wrap> :first-child,
.cs-spt-wrap> :first-child {
  margin-top: 0;
  display: block;
}

.cs-spv-wrap> :last-child,
.cs-spb-wrap> :last-child {
  /* margin-bottom: 40px; */
  /* display: block; */
}

.cs-sph-wrap> :first-child,
.cs-spt-wrap> :first-child {
  margin-left: 0;
}

.cs-sph-wrap> :last-child,
.cs-spb-wrap> :last-child {
  margin-right: 0;
}


.cs-spx-00 {
  margin: 0px;
}

.cs-spv-00,
.cs-spt-00 {
  margin-top: 0px;
}

.cs-sph-00,
.cs-spr-00 {
  margin-right: 0px;
}

.cs-spv-00,
.cs-spb-00 {
  margin-bottom: 0px;
}

.cs-sph-00,
.cs-spl-00 {
  margin-left: 0px;
}

.cs-spx-01 {
  margin: 1px;
}

.cs-spv-01,
.cs-spt-01 {
  margin-top: 1px;
}

.cs-sph-01,
.cs-spr-01 {
  margin-right: 1px;
}

.cs-spv-01,
.cs-spb-01 {
  margin-bottom: 1px;
}

.cs-sph-01,
.cs-spl-01 {
  margin-left: 1px;
}

.cs-spx-02 {
  margin: 2px;
}

.cs-spv-02,
.cs-spt-02 {
  margin-top: 2px;
}

.cs-sph-02,
.cs-spr-02 {
  margin-right: 2px;
}

.cs-spv-02,
.cs-spb-02 {
  margin-bottom: 2px;
}

.cs-sph-02,
.cs-spl-02 {
  margin-left: 2px;
}

.cs-spx-03 {
  margin: 3px;
}

.cs-spv-03,
.cs-spt-03 {
  margin-top: 3px;
}

.cs-sph-03,
.cs-spr-03 {
  margin-right: 3px;
}

.cs-spv-03,
.cs-spb-03 {
  margin-bottom: 3px;
}

.cs-sph-03,
.cs-spl-03 {
  margin-left: 3px;
}

.cs-spx-04 {
  margin: 4px;
}

.cs-spv-04,
.cs-spt-04 {
  margin-top: 4px;
}

.cs-sph-04,
.cs-spr-04 {
  margin-right: 4px;
}

.cs-spv-04,
.cs-spb-04 {
  margin-bottom: 4px;
}

.cs-sph-04,
.cs-spl-04 {
  margin-left: 4px;
}

.cs-spx-05 {
  margin: 5px;
}

.cs-spv-05,
.cs-spt-05 {
  margin-top: 5px;
}

.cs-sph-05,
.cs-spr-05 {
  margin-right: 5px;
}

.cs-spv-05,
.cs-spb-05 {
  margin-bottom: 5px;
}

.cs-sph-05,
.cs-spl-05 {
  margin-left: 5px;
}

.cs-spx-06 {
  margin: 6px;
}

.cs-spv-06,
.cs-spt-06 {
  margin-top: 6px;
}

.cs-sph-06,
.cs-spr-06 {
  margin-right: 6px;
}

.cs-spv-06,
.cs-spb-06 {
  margin-bottom: 6px;
}

.cs-sph-06,
.cs-spl-06 {
  margin-left: 6px;
}

.cs-spx-07 {
  margin: 7px;
}

.cs-spv-07,
.cs-spt-07 {
  margin-top: 7px;
}

.cs-sph-07,
.cs-spr-07 {
  margin-right: 7px;
}

.cs-spv-07,
.cs-spb-07 {
  margin-bottom: 7px;
}

.cs-sph-07,
.cs-spl-07 {
  margin-left: 7px;
}

.cs-spx-08 {
  margin: 8px;
}

.cs-spv-08,
.cs-spt-08 {
  margin-top: 8px;
}

.cs-sph-08,
.cs-spr-08 {
  margin-right: 8px;
}

.cs-spv-08,
.cs-spb-08 {
  margin-bottom: 8px;
}

.cs-sph-08,
.cs-spl-08 {
  margin-left: 8px;
}

.cs-spx-09 {
  margin: 9px;
}

.cs-spv-09,
.cs-spt-09 {
  margin-top: 9px;
}

.cs-sph-09,
.cs-spr-09 {
  margin-right: 9px;
}

.cs-spv-09,
.cs-spb-09 {
  margin-bottom: 9px;
}

.cs-sph-09,
.cs-spl-09 {
  margin-left: 9px;
}

.cs-spx-10 {
  margin: 10px;
}

.cs-spv-10,
.cs-spt-10 {
  margin-top: 10px;
}

.cs-sph-10,
.cs-spr-10 {
  margin-right: 10px;
}

.cs-spv-10,
.cs-spb-10 {
  margin-bottom: 10px;
}

.cs-sph-10,
.cs-spl-10 {
  margin-left: 10px;
}

.cs-spx-15 {
  margin: 15px;
}

.cs-spv-15,
.cs-spt-15 {
  margin-top: 15px;
}

.cs-sph-15,
.cs-spr-15 {
  margin-right: 15px;
}

.cs-spv-15,
.cs-spb-15 {
  margin-bottom: 15px;
}

.cs-sph-15,
.cs-spl-15 {
  margin-left: 15px;
}

.cs-spx-20 {
  margin: 20px;
}

.cs-spv-20,
.cs-spt-20 {
  margin-top: 20px;
}

.cs-sph-20,
.cs-spr-20 {
  margin-right: 20px;
}

.cs-spv-20,
.cs-spb-20 {
  margin-bottom: 20px;
}

.cs-sph-20,
.cs-spl-20 {
  margin-left: 20px;
}

.cs-spx-30 {
  margin: 30px;
}

.cs-spv-30,
.cs-spt-30 {
  margin-top: 30px;
}

.cs-sph-30,
.cs-spr-30 {
  margin-right: 30px;
}

.cs-spv-30,
.cs-spb-30 {
  margin-bottom: 10px;
}

.cs-sph-30,
.cs-spl-30 {
  margin-left: 30px;
}

.cs-spx-40 {
  margin: 40px;
}

.cs-spv-40,
.cs-spt-40 {
  margin-top: 10px;
}

.cs-sph-40,
.cs-spr-40 {
  margin-right: 40px;
}

.cs-spv-40,
.cs-spb-40 {
  margin-bottom: 40px;
}

.cs-sph-40,
.cs-spl-40 {
  margin-left: 40px;
}

.cs-spx-50 {
  margin: 50px;
}

.cs-spv-50,
.cs-spt-50 {
  margin-top: 50px;
}

.cs-sph-50,
.cs-spr-50 {
  margin-right: 50px;
}

.cs-spv-50,
.cs-spb-50 {
  /* margin-bottom:  50px; */
}

.cs-sph-50,
.cs-spl-50 {
  margin-left: 50px;
}

.cs-spx-60 {
  margin: 60px;
}

.cs-spv-60,
.cs-spt-60 {
  margin-top: 60px;
}

.cs-sph-60,
.cs-spr-60 {
  margin-right: 60px;
}

.cs-spv-60,
.cs-spb-60 {
  margin-bottom: 60px;
}

.cs-sph-60,
.cs-spl-60 {
  margin-left: 60px;
}

.cs-spx-70 {
  margin: 70px;
}

.cs-spv-70,
.cs-spt-70 {
  margin-top: 70px;
}

.cs-sph-70,
.cs-spr-70 {
  margin-right: 70px;
}

.cs-spv-70,
.cs-spb-70 {
  margin-bottom: 70px;
}

.cs-sph-70,
.cs-spl-70 {
  margin-left: 70px;
}

.cs-spx-80 {
  margin: 80px;
}

.cs-spv-80,
.cs-spt-80 {
  margin-top: 80px;
}

.cs-sph-80,
.cs-spr-80 {
  margin-right: 80px;
}

.cs-spv-80,
.cs-spb-80 {
  margin-bottom: 80px;
}

.cs-sph-80,
.cs-spl-80 {
  margin-left: 80px;
}

.cs-spx-90 {
  margin: 90px;
}

.cs-spv-90,
.cs-spt-90 {
  margin-top: 90px;
}

.cs-sph-90,
.cs-spr-90 {
  margin-right: 90px;
}

.cs-spv-90,
.cs-spb-90 {
  margin-bottom: 90px;
}

.cs-sph-90,
.cs-spl-90 {
  margin-left: 90px;
}

.cs-smx-00 {
  margin: 0px;
}

.cs-smv-00,
.cs-smt-00 {
  margin-top: -0px;
}

.cs-smh-00,
.cs-smr-00 {
  margin-right: -0px;
}

.cs-smv-00,
.cs-smb-00 {
  margin-bottom: -0px;
}

.cs-smh-00,
.cs-sml-00 {
  margin-left: -0px;
}

.cs-smx-01 {
  margin: -1px;
}

.cs-smv-01,
.cs-smt-01 {
  margin-top: -1px;
}

.cs-smh-01,
.cs-smr-01 {
  margin-right: -1px;
}

.cs-smv-01,
.cs-smb-01 {
  margin-bottom: -1px;
}

.cs-smh-01,
.cs-sml-01 {
  margin-left: -1px;
}

.cs-smx-02 {
  margin: -2px;
}

.cs-smv-02,
.cs-smt-02 {
  margin-top: -2px;
}

.cs-smh-02,
.cs-smr-02 {
  margin-right: -2px;
}

.cs-smv-02,
.cs-smb-02 {
  margin-bottom: -2px;
}

.cs-smh-02,
.cs-sml-02 {
  margin-left: -2px;
}

.cs-smx-03 {
  margin: -3px;
}

.cs-smv-03,
.cs-smt-03 {
  margin-top: -3px;
}

.cs-smh-03,
.cs-smr-03 {
  margin-right: -3px;
}

.cs-smv-03,
.cs-smb-03 {
  margin-bottom: -3px;
}

.cs-smh-03,
.cs-sml-03 {
  margin-left: -3px;
}

.cs-smx-04 {
  margin: -4px;
}

.cs-smv-04,
.cs-smt-04 {
  margin-top: -4px;
}

.cs-smh-04,
.cs-smr-04 {
  margin-right: -4px;
}

.cs-smv-04,
.cs-smb-04 {
  margin-bottom: -4px;
}

.cs-smh-04,
.cs-sml-04 {
  margin-left: -4px;
}

.cs-smx-05 {
  margin: -5px;
}

.cs-smv-05,
.cs-smt-05 {
  margin-top: -5px;
}

.cs-smh-05,
.cs-smr-05 {
  margin-right: -5px;
}

.cs-smv-05,
.cs-smb-05 {
  margin-bottom: -5px;
}

.cs-smh-05,
.cs-sml-05 {
  margin-left: -5px;
}

.cs-smx-06 {
  margin: -6px;
}

.cs-smv-06,
.cs-smt-06 {
  margin-top: -6px;
}

.cs-smh-06,
.cs-smr-06 {
  margin-right: -6px;
}

.cs-smv-06,
.cs-smb-06 {
  margin-bottom: -6px;
}

.cs-smh-06,
.cs-sml-06 {
  margin-left: -6px;
}

.cs-smx-07 {
  margin: -7px;
}

.cs-smv-07,
.cs-smt-07 {
  margin-top: -7px;
}

.cs-smh-07,
.cs-smr-07 {
  margin-right: -7px;
}

.cs-smv-07,
.cs-smb-07 {
  margin-bottom: -7px;
}

.cs-smh-07,
.cs-sml-07 {
  margin-left: -7px;
}

.cs-smx-08 {
  margin: -8px;
}

.cs-smv-08,
.cs-smt-08 {
  margin-top: -8px;
}

.cs-smh-08,
.cs-smr-08 {
  margin-right: -8px;
}

.cs-smv-08,
.cs-smb-08 {
  margin-bottom: -8px;
}

.cs-smh-08,
.cs-sml-08 {
  margin-left: -8px;
}

.cs-smx-09 {
  margin: -9px;
}

.cs-smv-09,
.cs-smt-09 {
  margin-top: -9px;
}

.cs-smh-09,
.cs-smr-09 {
  margin-right: -9px;
}

.cs-smv-09,
.cs-smb-09 {
  margin-bottom: -9px;
}

.cs-smh-09,
.cs-sml-09 {
  margin-left: -9px;
}

.cs-smx-10 {
  margin: -10px;
}

.cs-smv-10,
.cs-smt-10 {
  margin-top: -10px;
}

.cs-smh-10,
.cs-smr-10 {
  margin-right: -10px;
}

.cs-smv-10,
.cs-smb-10 {
  margin-bottom: -10px;
}

.cs-smh-10,
.cs-sml-10 {
  margin-left: -10px;
}

.cs-smx-15 {
  margin: -15px;
}

.cs-smv-15,
.cs-smt-15 {
  margin-top: -15px;
}

.cs-smh-15,
.cs-smr-15 {
  margin-right: -15px;
}

.cs-smv-15,
.cs-smb-15 {
  margin-bottom: -15px;
}

.cs-smh-15,
.cs-sml-15 {
  margin-left: -15px;
}

.cs-smx-20 {
  margin: -20px;
}

.cs-smv-20,
.cs-smt-20 {
  margin-top: -20px;
}

.cs-smh-20,
.cs-smr-20 {
  margin-right: -20px;
}

.cs-smv-20,
.cs-smb-20 {
  margin-bottom: -20px;
}

.cs-smh-20,
.cs-sml-20 {
  margin-left: -20px;
}

.cs-smx-30 {
  margin: -30px;
}

.cs-smv-30,
.cs-smt-30 {
  margin-top: -30px;
}

.cs-smh-30,
.cs-smr-30 {
  margin-right: -30px;
}

.cs-smv-30,
.cs-smb-30 {
  margin-bottom: -30px;
}

.cs-smh-30,
.cs-sml-30 {
  margin-left: -30px;
}

.cs-smx-40 {
  margin: -40px;
}

.cs-smv-40,
.cs-smt-40 {
  margin-top: -40px;
}

.cs-smh-40,
.cs-smr-40 {
  margin-right: -40px;
}

.cs-smv-40,
.cs-smb-40 {
  margin-bottom: -40px;
}

.cs-smh-40,
.cs-sml-40 {
  margin-left: -40px;
}

.cs-smx-50 {
  margin: -50px;
}

.cs-smv-50,
.cs-smt-50 {
  margin-top: -50px;
}

.cs-smh-50,
.cs-smr-50 {
  margin-right: -50px;
}

.cs-smv-50,
.cs-smb-50 {
  margin-bottom: -50px;
}

.cs-smh-50,
.cs-sml-50 {
  margin-left: -50px;
}

.cs-smx-60 {
  margin: -60px;
}

.cs-smv-60,
.cs-smt-60 {
  margin-top: -60px;
}

.cs-smh-60,
.cs-smr-60 {
  margin-right: -60px;
}

.cs-smv-60,
.cs-smb-60 {
  margin-bottom: -60px;
}

.cs-smh-60,
.cs-sml-60 {
  margin-left: -60px;
}

.cs-smx-70 {
  margin: -70px;
}

.cs-smv-70,
.cs-smt-70 {
  margin-top: -70px;
}

.cs-smh-70,
.cs-smr-70 {
  margin-right: -70px;
}

.cs-smv-70,
.cs-smb-70 {
  margin-bottom: -70px;
}

.cs-smh-70,
.cs-sml-70 {
  margin-left: -70px;
}

.cs-smx-80 {
  margin: -80px;
}

.cs-smv-80,
.cs-smt-80 {
  margin-top: -80px;
}

.cs-smh-80,
.cs-smr-80 {
  margin-right: -80px;
}

.cs-smv-80,
.cs-smb-80 {
  margin-bottom: -80px;
}

.cs-smh-80,
.cs-sml-80 {
  margin-left: -80px;
}

.cs-smx-90 {
  margin: -90px;
}

.cs-smv-90,
.cs-smt-90 {
  margin-top: -90px;
}

.cs-smh-90,
.cs-smr-90 {
  margin-right: -90px;
}

.cs-smv-90,
.cs-smb-90 {
  margin-bottom: -90px;
}

.cs-smh-90,
.cs-sml-90 {
  margin-left: -90px;
}

.cs-pdx-00 {
  padding: 0px;
}

.cs-pdv-00,
.cs-pdt-00 {
  padding-top: 0px;
}

.cs-pdh-00,
.cs-pdr-00 {
  padding-right: 0px;
}

.cs-pdv-00,
.cs-pdb-00 {
  padding-bottom: 0px;
}

.cs-pdh-00,
.cs-pdl-00 {
  padding-left: 0px;
}

.cs-pdx-01 {
  padding: 1px;
}

.cs-pdv-01,
.cs-pdt-01 {
  padding-top: 1px;
}

.cs-pdh-01,
.cs-pdr-01 {
  padding-right: 1px;
}

.cs-pdv-01,
.cs-pdb-01 {
  padding-bottom: 1px;
}

.cs-pdh-01,
.cs-pdl-01 {
  padding-left: 1px;
}

.cs-pdx-02 {
  padding: 2px;
}

.cs-pdv-02,
.cs-pdt-02 {
  padding-top: 2px;
}

.cs-pdh-02,
.cs-pdr-02 {
  padding-right: 2px;
}

.cs-pdv-02,
.cs-pdb-02 {
  padding-bottom: 2px;
}

.cs-pdh-02,
.cs-pdl-02 {
  padding-left: 2px;
}

.cs-pdx-03 {
  padding: 3px;
}

.cs-pdv-03,
.cs-pdt-03 {
  padding-top: 3px;
}

.cs-pdh-03,
.cs-pdr-03 {
  padding-right: 3px;
}

.cs-pdv-03,
.cs-pdb-03 {
  padding-bottom: 3px;
}

.cs-pdh-03,
.cs-pdl-03 {
  padding-left: 3px;
}

.cs-pdx-04 {
  padding: 4px;
}

.cs-pdv-04,
.cs-pdt-04 {
  padding-top: 4px;
}

.cs-pdh-04,
.cs-pdr-04 {
  padding-right: 4px;
}

.cs-pdv-04,
.cs-pdb-04 {
  padding-bottom: 4px;
}

.cs-pdh-04,
.cs-pdl-04 {
  padding-left: 4px;
}

.cs-pdx-05 {
  padding: 5px;
}

.cs-pdv-05,
.cs-pdt-05 {
  padding-top: 5px;
}

.cs-pdh-05,
.cs-pdr-05 {
  padding-right: 5px;
}

.cs-pdv-05,
.cs-pdb-05 {
  padding-bottom: 5px;
}

.cs-pdh-05,
.cs-pdl-05 {
  padding-left: 5px;
}

.cs-pdx-06 {
  padding: 6px;
}

.cs-pdv-06,
.cs-pdt-06 {
  padding-top: 6px;
}

.cs-pdh-06,
.cs-pdr-06 {
  padding-right: 6px;
}

.cs-pdv-06,
.cs-pdb-06 {
  padding-bottom: 6px;
}

.cs-pdh-06,
.cs-pdl-06 {
  padding-left: 6px;
}

.cs-pdx-07 {
  padding: 7px;
}

.cs-pdv-07,
.cs-pdt-07 {
  padding-top: 7px;
}

.cs-pdh-07,
.cs-pdr-07 {
  padding-right: 7px;
}

.cs-pdv-07,
.cs-pdb-07 {
  padding-bottom: 7px;
}

.cs-pdh-07,
.cs-pdl-07 {
  padding-left: 7px;
}

.cs-pdx-08 {
  padding: 8px;
}

.cs-pdv-08,
.cs-pdt-08 {
  padding-top: 8px;
}

.cs-pdh-08,
.cs-pdr-08 {
  padding-right: 8px;
}

.cs-pdv-08,
.cs-pdb-08 {
  padding-bottom: 8px;
}

.cs-pdh-08,
.cs-pdl-08 {
  padding-left: 8px;
}

.cs-pdx-09 {
  padding: 9px;
}

.cs-pdv-09,
.cs-pdt-09 {
  padding-top: 9px;
}

.cs-pdh-09,
.cs-pdr-09 {
  padding-right: 9px;
}

.cs-pdv-09,
.cs-pdb-09 {
  padding-bottom: 9px;
}

.cs-pdh-09,
.cs-pdl-09 {
  padding-left: 9px;
}

.cs-pdx-10 {
  padding: 10px;
}

.cs-pdv-10,
.cs-pdt-10 {
  padding-top: 10px;
}

.cs-pdh-10,
.cs-pdr-10 {
  padding-right: 10px;
}

.cs-pdv-10,
.cs-pdb-10 {
  padding-bottom: 10px;
}

.cs-pdh-10,
.cs-pdl-10 {
  padding-left: 10px;
}

.cs-pdx-15 {
  padding: 15px;
}

.cs-pdv-15,
.cs-pdt-15 {
  padding-top: 15px;
}

.cs-pdh-15,
.cs-pdr-15 {
  padding-right: 15px;
}

.cs-pdv-15,
.cs-pdb-15 {
  padding-bottom: 15px;
}

.cs-pdh-15,
.cs-pdl-15 {
  padding-left: 15px;
}

.cs-pdx-20 {
  padding: 20px;
}

.cs-pdv-20,
.cs-pdt-20 {
  padding-top: 20px;
}

.cs-pdh-20,
.cs-pdr-20 {
  padding-right: 20px;
}

.cs-pdv-20,
.cs-pdb-20 {
  padding-bottom: 20px;
}

.cs-pdh-20,
.cs-pdl-20 {
  padding-left: 20px;
}

.cs-pdx-30 {
  padding: 30px;
}

.cs-pdv-30,
.cs-pdt-30 {
  padding-top: 30px;
}

.cs-pdh-30,
.cs-pdr-30 {
  padding-right: 30px;
}

.cs-pdv-30,
.cs-pdb-30 {
  padding-bottom: 30px;
}

.cs-pdh-30,
.cs-pdl-30 {
  padding-left: 30px;
}

.cs-pdx-40 {
  padding: 40px;
}

.cs-pdv-40,
.cs-pdt-40 {
  padding-top: 40px;
}

.cs-pdh-40,
.cs-pdr-40 {
  padding-right: 40px;
}

.cs-pdv-40,
.cs-pdb-40 {
  padding-bottom: 40px;
}

.cs-pdh-40,
.cs-pdl-40 {
  padding-left: 40px;
}

.cs-pdx-50 {
  padding: 50px;
}

.cs-pdv-50,
.cs-pdt-50 {
  padding-top: 50px;
}

.cs-pdh-50,
.cs-pdr-50 {
  padding-right: 50px;
}

.cs-pdv-50,
.cs-pdb-50 {
  padding-bottom: 50px;
}

.cs-pdh-50,
.cs-pdl-50 {
  padding-left: 50px;
}

.cs-pdx-60 {
  padding: 60px;
}

.cs-pdv-60,
.cs-pdt-60 {
  padding-top: 60px;
}

.cs-pdh-60,
.cs-pdr-60 {
  padding-right: 60px;
}

.cs-pdv-60,
.cs-pdb-60 {
  padding-bottom: 60px;
}

.cs-pdh-60,
.cs-pdl-60 {
  padding-left: 60px;
}

.cs-pdx-70 {
  padding: 70px;
}

.cs-pdv-70,
.cs-pdt-70 {
  padding-top: 70px;
}

.cs-pdh-70,
.cs-pdr-70 {
  padding-right: 70px;
}

.cs-pdv-70,
.cs-pdb-70 {
  padding-bottom: 70px;
}

.cs-pdh-70,
.cs-pdl-70 {
  padding-left: 70px;
}

.cs-pdx-80 {
  padding: 80px;
}

.cs-pdv-80,
.cs-pdt-80 {
  padding-top: 80px;
}

.cs-pdh-80,
.cs-pdr-80 {
  padding-right: 80px;
}

.cs-pdv-80,
.cs-pdb-80 {
  padding-bottom: 80px;
}

.cs-pdh-80,
.cs-pdl-80 {
  padding-left: 80px;
}

.cs-pdx-90 {
  padding: 90px;
}

.cs-pdv-90,
.cs-pdt-90 {
  padding-top: 90px;
}

.cs-pdh-90,
.cs-pdr-90 {
  padding-right: 90px;
}

.cs-pdv-90,
.cs-pdb-90 {
  padding-bottom: 90px;
}

.cs-pdh-90,
.cs-pdl-90 {
  padding-left: 90px;
}

.cs-w-00 {
  width: 0px;
}

.cs-min-w-00 {
  min-width: 0px;
}

.cs-max-w-00 {
  max-width: 0px;
}

.cs-w-10 {
  width: 10px;
}

.cs-min-w-10 {
  min-width: 10px;
}

.cs-max-w-10 {
  max-width: 10px;
}

.cs-w-20 {
  width: 20px;
}

.cs-min-w-20 {
  min-width: 20px;
}

.cs-max-w-20 {
  max-width: 20px;
}

.cs-w-30 {
  width: 30px;
}

.cs-min-w-30 {
  min-width: 30px;
}

.cs-max-w-30 {
  max-width: 30px;
}

.cs-w-40 {
  width: 40px;
}

.cs-min-w-40 {
  min-width: 40px;
}

.cs-max-w-40 {
  max-width: 40px;
}

.cs-w-50 {
  width: 50px;
}

.cs-min-w-50 {
  min-width: 50px;
}

.cs-max-w-50 {
  max-width: 50px;
}

.cs-w-60 {
  width: 60px;
}

.cs-min-w-60 {
  min-width: 60px;
}

.cs-max-w-60 {
  max-width: 60px;
}

.cs-w-70 {
  width: 70px;
}

.cs-min-w-70 {
  min-width: 70px;
}

.cs-max-w-70 {
  max-width: 70px;
}

.cs-w-80 {
  width: 80px;
}

.cs-min-w-80 {
  min-width: 80px;
}

.cs-max-w-80 {
  max-width: 80px;
}

.cs-w-90 {
  width: 90px;
}

.cs-min-w-90 {
  min-width: 90px;
}

.cs-max-w-90 {
  max-width: 90px;
}

.cs-w-100 {
  width: 100px;
}

.cs-min-w-100 {
  min-width: 100px;
}

.cs-max-w-100 {
  max-width: 100px;
}

.cs-w-110 {
  width: 110px;
}

.cs-min-w-110 {
  min-width: 110px;
}

.cs-max-w-110 {
  max-width: 110px;
}

.cs-w-120 {
  width: 120px;
}

.cs-min-w-120 {
  min-width: 120px;
}

.cs-max-w-120 {
  max-width: 120px;
}

.cs-w-130 {
  width: 130px;
}

.cs-min-w-130 {
  min-width: 130px;
}

.cs-max-w-130 {
  max-width: 130px;
}

.cs-w-140 {
  width: 140px;
}

.cs-min-w-140 {
  min-width: 140px;
}

.cs-max-w-140 {
  max-width: 140px;
}

.cs-w-150 {
  width: 150px;
}

.cs-min-w-150 {
  min-width: 150px;
}

.cs-max-w-150 {
  max-width: 150px;
}

.cs-w-160 {
  width: 160px;
}

.cs-min-w-160 {
  min-width: 160px;
}

.cs-max-w-160 {
  max-width: 160px;
}

.cs-w-170 {
  width: 170px;
}

.cs-min-w-170 {
  min-width: 170px;
}

.cs-max-w-170 {
  max-width: 170px;
}

.cs-w-180 {
  width: 180px;
}

.cs-min-w-180 {
  min-width: 180px;
}

.cs-max-w-180 {
  max-width: 180px;
}

.cs-w-190 {
  width: 190px;
}

.cs-min-w-190 {
  min-width: 190px;
}

.cs-max-w-190 {
  max-width: 190px;
}

.cs-w-200 {
  width: 200px;
}

.cs-min-w-200 {
  min-width: 200px;
}

.cs-max-w-200 {
  max-width: 200px;
}

.cs-w-210 {
  width: 210px;
}

.cs-min-w-210 {
  min-width: 210px;
}

.cs-max-w-210 {
  max-width: 210px;
}

.cs-w-220 {
  width: 220px;
}

.cs-min-w-220 {
  min-width: 220px;
}

.cs-max-w-220 {
  max-width: 220px;
}

.cs-w-230 {
  width: 230px;
}

.cs-min-w-230 {
  min-width: 230px;
}

.cs-max-w-230 {
  max-width: 230px;
}

.cs-w-240 {
  width: 240px;
}

.cs-min-w-240 {
  min-width: 240px;
}

.cs-max-w-240 {
  max-width: 240px;
}

.cs-w-250 {
  width: 250px;
}

.cs-min-w-250 {
  min-width: 250px;
}

.cs-max-w-250 {
  max-width: 250px;
}

.cs-w-260 {
  width: 260px;
}

.cs-min-w-260 {
  min-width: 260px;
}

.cs-max-w-260 {
  max-width: 260px;
}

.cs-w-270 {
  width: 270px;
}

.cs-min-w-270 {
  min-width: 270px;
}

.cs-max-w-270 {
  max-width: 270px;
}

.cs-w-280 {
  width: 280px;
}

.cs-min-w-280 {
  min-width: 280px;
}

.cs-max-w-280 {
  max-width: 280px;
}

.cs-w-290 {
  width: 290px;
}

.cs-min-w-290 {
  min-width: 290px;
}

.cs-max-w-290 {
  max-width: 290px;
}

.cs-w-300 {
  width: 300px;
}

.cs-min-w-300 {
  min-width: 300px;
}

.cs-max-w-300 {
  max-width: 300px;
}

.cs-w-310 {
  width: 310px;
}

.cs-min-w-310 {
  min-width: 310px;
}

.cs-max-w-310 {
  max-width: 310px;
}

.cs-w-320 {
  width: 320px;
}

.cs-min-w-320 {
  min-width: 320px;
}

.cs-max-w-320 {
  max-width: 320px;
}

.cs-w-330 {
  width: 330px;
}

.cs-min-w-330 {
  min-width: 330px;
}

.cs-max-w-330 {
  max-width: 330px;
}

.cs-w-340 {
  width: 340px;
}

.cs-min-w-340 {
  min-width: 340px;
}

.cs-max-w-340 {
  max-width: 340px;
}

.cs-w-350 {
  width: 350px;
}

.cs-min-w-350 {
  min-width: 350px;
}

.cs-max-w-350 {
  max-width: 350px;
}

.cs-w-360 {
  width: 360px;
}

.cs-min-w-360 {
  min-width: 360px;
}

.cs-max-w-360 {
  max-width: 360px;
}

.cs-w-370 {
  width: 370px;
}

.cs-min-w-370 {
  min-width: 370px;
}

.cs-max-w-370 {
  max-width: 370px;
}

.cs-w-380 {
  width: 380px;
}

.cs-min-w-380 {
  min-width: 380px;
}

.cs-max-w-380 {
  max-width: 380px;
}

.cs-w-390 {
  width: 390px;
}

.cs-min-w-390 {
  min-width: 390px;
}

.cs-max-w-390 {
  max-width: 390px;
}

.cs-w-400 {
  width: 400px;
}

.cs-min-w-400 {
  min-width: 400px;
}

.cs-max-w-400 {
  max-width: 400px;
}

.cs-w-410 {
  width: 410px;
}

.cs-min-w-410 {
  min-width: 410px;
}

.cs-max-w-410 {
  max-width: 410px;
}

.cs-w-420 {
  width: 420px;
}

.cs-min-w-420 {
  min-width: 420px;
}

.cs-max-w-420 {
  max-width: 420px;
}

.cs-w-430 {
  width: 430px;
}

.cs-min-w-430 {
  min-width: 430px;
}

.cs-max-w-430 {
  max-width: 430px;
}

.cs-w-440 {
  width: 440px;
}

.cs-min-w-440 {
  min-width: 440px;
}

.cs-max-w-440 {
  max-width: 440px;
}

.cs-w-450 {
  width: 450px;
}

.cs-min-w-450 {
  min-width: 450px;
}

.cs-max-w-450 {
  max-width: 450px;
}

.cs-w-460 {
  width: 460px;
}

.cs-min-w-460 {
  min-width: 460px;
}

.cs-max-w-460 {
  max-width: 460px;
}

.cs-w-470 {
  width: 470px;
}

.cs-min-w-470 {
  min-width: 470px;
}

.cs-max-w-470 {
  max-width: 470px;
}

.cs-w-480 {
  width: 480px;
}

.cs-min-w-480 {
  min-width: 480px;
}

.cs-max-w-480 {
  max-width: 480px;
}

.cs-w-490 {
  width: 490px;
}

.cs-min-w-490 {
  min-width: 490px;
}

.cs-max-w-490 {
  max-width: 490px;
}

.cs-w-500 {
  width: 500px;
}

.cs-min-w-500 {
  min-width: 500px;
}

.cs-max-w-500 {
  max-width: 500px;
}

.cs-h-00 {
  height: 0px;
}

.cs-min-h-00 {
  min-height: 0px;
}

.cs-max-h-00 {
  max-height: 0px;
}

.cs-h-10 {
  height: 10px;
}

.cs-min-h-10 {
  min-height: 10px;
}

.cs-max-h-10 {
  max-height: 10px;
}

.cs-h-20 {
  height: 20px;
}

.cs-min-h-20 {
  min-height: 20px;
}

.cs-max-h-20 {
  max-height: 20px;
}

.cs-h-30 {
  height: 30px;
}

.cs-min-h-30 {
  min-height: 30px;
}

.cs-max-h-30 {
  max-height: 30px;
}

.cs-h-40 {
  height: 40px;
}

.cs-min-h-40 {
  min-height: 40px;
}

.cs-max-h-40 {
  max-height: 40px;
}

.cs-h-50 {
  height: 50px;
}

.cs-min-h-50 {
  min-height: 50px;
}

.cs-max-h-50 {
  max-height: 50px;
}

.cs-h-60 {
  height: 60px;
}

.cs-min-h-60 {
  min-height: 60px;
}

.cs-max-h-60 {
  max-height: 60px;
}

.cs-h-70 {
  height: 70px;
}

.cs-min-h-70 {
  min-height: 70px;
}

.cs-max-h-70 {
  max-height: 70px;
}

.cs-h-80 {
  height: 80px;
}

.cs-min-h-80 {
  min-height: 80px;
}

.cs-max-h-80 {
  max-height: 80px;
}

.cs-h-90 {
  height: 90px;
}

.cs-min-h-90 {
  min-height: 90px;
}

.cs-max-h-90 {
  max-height: 90px;
}

.cs-h-100 {
  height: 100px;
}

.cs-min-h-100 {
  min-height: 100px;
}

.cs-max-h-100 {
  max-height: 100px;
}

.cs-h-110 {
  height: 110px;
}

.cs-min-h-110 {
  min-height: 110px;
}

.cs-max-h-110 {
  max-height: 110px;
}

.cs-h-120 {
  height: 120px;
}

.cs-min-h-120 {
  min-height: 120px;
}

.cs-max-h-120 {
  max-height: 120px;
}

.cs-h-130 {
  height: 130px;
}

.cs-min-h-130 {
  min-height: 130px;
}

.cs-max-h-130 {
  max-height: 130px;
}

.cs-h-140 {
  height: 140px;
}

.cs-min-h-140 {
  min-height: 140px;
}

.cs-max-h-140 {
  max-height: 140px;
}

.cs-h-150 {
  height: 150px;
}

.cs-min-h-150 {
  min-height: 150px;
}

.cs-max-h-150 {
  max-height: 150px;
}

.cs-h-160 {
  height: 160px;
}

.cs-min-h-160 {
  min-height: 160px;
}

.cs-max-h-160 {
  max-height: 160px;
}

.cs-h-170 {
  height: 170px;
}

.cs-min-h-170 {
  min-height: 170px;
}

.cs-max-h-170 {
  max-height: 170px;
}

.cs-h-180 {
  height: 180px;
}

.cs-min-h-180 {
  min-height: 180px;
}

.cs-max-h-180 {
  max-height: 180px;
}

.cs-h-190 {
  height: 190px;
}

.cs-min-h-190 {
  min-height: 190px;
}

.cs-max-h-190 {
  max-height: 190px;
}

.cs-h-200 {
  height: 200px;
}

.cs-min-h-200 {
  min-height: 200px;
}

.cs-max-h-200 {
  max-height: 200px;
}

.cs-h-210 {
  height: 210px;
}

.cs-min-h-210 {
  min-height: 210px;
}

.cs-max-h-210 {
  max-height: 210px;
}

.cs-h-220 {
  height: 220px;
}

.cs-min-h-220 {
  min-height: 220px;
}

.cs-max-h-220 {
  max-height: 220px;
}

.cs-h-230 {
  height: 230px;
}

.cs-min-h-230 {
  min-height: 230px;
}

.cs-max-h-230 {
  max-height: 230px;
}

.cs-h-240 {
  height: 240px;
}

.cs-min-h-240 {
  min-height: 240px;
}

.cs-max-h-240 {
  max-height: 240px;
}

.cs-h-250 {
  height: 250px;
}

.cs-min-h-250 {
  min-height: 250px;
}

.cs-max-h-250 {
  max-height: 250px;
}

.cs-h-260 {
  height: 260px;
}

.cs-min-h-260 {
  min-height: 260px;
}

.cs-max-h-260 {
  max-height: 260px;
}

.cs-h-270 {
  height: 270px;
}

.cs-min-h-270 {
  min-height: 270px;
}

.cs-max-h-270 {
  max-height: 270px;
}

.cs-h-280 {
  height: 280px;
}

.cs-min-h-280 {
  min-height: 280px;
}

.cs-max-h-280 {
  max-height: 280px;
}

.cs-h-290 {
  height: 290px;
}

.cs-min-h-290 {
  min-height: 290px;
}

.cs-max-h-290 {
  max-height: 290px;
}

.cs-h-300 {
  height: 300px;
}

.cs-min-h-300 {
  min-height: 300px;
}

.cs-max-h-300 {
  max-height: 300px;
}

.cs-h-310 {
  height: 310px;
}

.cs-min-h-310 {
  min-height: 310px;
}

.cs-max-h-310 {
  max-height: 310px;
}

.cs-h-320 {
  height: 320px;
}

.cs-min-h-320 {
  min-height: 320px;
}

.cs-max-h-320 {
  max-height: 320px;
}

.cs-h-330 {
  height: 330px;
}

.cs-min-h-330 {
  min-height: 330px;
}

.cs-max-h-330 {
  max-height: 330px;
}

.cs-h-340 {
  height: 340px;
}

.cs-min-h-340 {
  min-height: 340px;
}

.cs-max-h-340 {
  max-height: 340px;
}

.cs-h-350 {
  height: 350px;
}

.cs-min-h-350 {
  min-height: 350px;
}

.cs-max-h-350 {
  max-height: 350px;
}

.cs-h-360 {
  height: 360px;
}

.cs-min-h-360 {
  min-height: 360px;
}

.cs-max-h-360 {
  max-height: 360px;
}

.cs-h-370 {
  height: 370px;
}

.cs-min-h-370 {
  min-height: 370px;
}

.cs-max-h-370 {
  max-height: 370px;
}

.cs-h-380 {
  height: 380px;
}

.cs-min-h-380 {
  min-height: 380px;
}

.cs-max-h-380 {
  max-height: 380px;
}

.cs-h-390 {
  height: 390px;
}

.cs-min-h-390 {
  min-height: 390px;
}

.cs-max-h-390 {
  max-height: 390px;
}

.cs-h-400 {
  height: 400px;
}

.cs-min-h-400 {
  min-height: 400px;
}

.cs-max-h-400 {
  max-height: 400px;
}

.cs-h-410 {
  height: 410px;
}

.cs-min-h-410 {
  min-height: 410px;
}

.cs-max-h-410 {
  max-height: 410px;
}

.cs-h-420 {
  height: 420px;
}

.cs-min-h-420 {
  min-height: 420px;
}

.cs-max-h-420 {
  max-height: 420px;
}

.cs-h-430 {
  height: 430px;
}

.cs-min-h-430 {
  min-height: 430px;
}

.cs-max-h-430 {
  max-height: 430px;
}

.cs-h-440 {
  height: 440px;
}

.cs-min-h-440 {
  min-height: 440px;
}

.cs-max-h-440 {
  max-height: 440px;
}

.cs-h-450 {
  height: 450px;
}

.cs-min-h-450 {
  min-height: 450px;
}

.cs-max-h-450 {
  max-height: 450px;
}

.cs-h-460 {
  height: 460px;
}

.cs-min-h-460 {
  min-height: 460px;
}

.cs-max-h-460 {
  max-height: 460px;
}

.cs-h-470 {
  height: 470px;
}

.cs-min-h-470 {
  min-height: 470px;
}

.cs-max-h-470 {
  max-height: 470px;
}

.cs-h-480 {
  height: 480px;
}

.cs-min-h-480 {
  min-height: 480px;
}

.cs-max-h-480 {
  max-height: 480px;
}

.cs-h-490 {
  height: 490px;
}

.cs-min-h-490 {
  min-height: 490px;
}

.cs-max-h-490 {
  max-height: 490px;
}

.cs-h-500 {
  height: 500px;
}

.cs-min-h-500 {
  min-height: 500px;
}

.cs-max-h-500 {
  max-height: 500px;
}

.cs-bd-round-01 {
  border-radius: 1px;
}

.cs-bd-round-02 {
  border-radius: 2px;
}

.cs-bd-round-03 {
  border-radius: 3px;
}

.cs-bd-round-04 {
  border-radius: 4px;
}

.cs-bd-round-05 {
  border-radius: 5px;
}

.cs-bd-round-06 {
  border-radius: 6px;
}

.cs-bd-round-07 {
  border-radius: 7px;
}

.cs-bd-round-08 {
  border-radius: 8px;
}

.cs-bd-round-09 {
  border-radius: 9px;
}

.cs-bd-round-10 {
  border-radius: 10px;
}

.cs-emx-00 {
  margin: 0.0em;
}

.cs-emv-00,
.cs-emt-00 {
  margin-top: 0.0em;
}

.cs-emh-00,
.cs-emr-00 {
  margin-right: 0.0em;
}

.cs-emv-00,
.cs-emb-00 {
  margin-bottom: 0.0em;
}

.cs-emh-00,
.cs-eml-00 {
  margin-left: 0.0em;
}

.cs-emx-01 {
  margin: 0.1em;
}

.cs-emv-01,
.cs-emt-01 {
  margin-top: 0.1em;
}

.cs-emh-01,
.cs-emr-01 {
  margin-right: 0.1em;
}

.cs-emv-01,
.cs-emb-01 {
  margin-bottom: 0.1em;
}

.cs-emh-01,
.cs-eml-01 {
  margin-left: 0.1em;
}

.cs-emx-02 {
  margin: 0.2em;
}

.cs-emv-02,
.cs-emt-02 {
  margin-top: 0.2em;
}

.cs-emh-02,
.cs-emr-02 {
  margin-right: 0.2em;
}

.cs-emv-02,
.cs-emb-02 {
  margin-bottom: 0.2em;
}

.cs-emh-02,
.cs-eml-02 {
  margin-left: 0.2em;
}

.cs-emx-03 {
  margin: 0.3em;
}

.cs-emv-03,
.cs-emt-03 {
  margin-top: 0.3em;
}

.cs-emh-03,
.cs-emr-03 {
  margin-right: 0.3em;
}

.cs-emv-03,
.cs-emb-03 {
  margin-bottom: 0.3em;
}

.cs-emh-03,
.cs-eml-03 {
  margin-left: 0.3em;
}

.cs-emx-04 {
  margin: 0.4em;
}

.cs-emv-04,
.cs-emt-04 {
  margin-top: 0.4em;
}

.cs-emh-04,
.cs-emr-04 {
  margin-right: 0.4em;
}

.cs-emv-04,
.cs-emb-04 {
  margin-bottom: 0.4em;
}

.cs-emh-04,
.cs-eml-04 {
  margin-left: 0.4em;
}

.cs-emx-05 {
  margin: 0.5em;
}

.cs-emv-05,
.cs-emt-05 {
  margin-top: 0.5em;
}

.cs-emh-05,
.cs-emr-05 {
  margin-right: 0.5em;
}

.cs-emv-05,
.cs-emb-05 {
  margin-bottom: 0.5em;
}

.cs-emh-05,
.cs-eml-05 {
  margin-left: 0.5em;
}

.cs-emx-06 {
  margin: 0.6em;
}

.cs-emv-06,
.cs-emt-06 {
  margin-top: 0.6em;
}

.cs-emh-06,
.cs-emr-06 {
  margin-right: 0.6em;
}

.cs-emv-06,
.cs-emb-06 {
  margin-bottom: 0.6em;
}

.cs-emh-06,
.cs-eml-06 {
  margin-left: 0.6em;
}

.cs-emx-07 {
  margin: 0.7em;
}

.cs-emv-07,
.cs-emt-07 {
  margin-top: 0.7em;
}

.cs-emh-07,
.cs-emr-07 {
  margin-right: 0.7em;
}

.cs-emv-07,
.cs-emb-07 {
  margin-bottom: 0.7em;
}

.cs-emh-07,
.cs-eml-07 {
  margin-left: 0.7em;
}

.cs-emx-08 {
  margin: 0.8em;
}

.cs-emv-08,
.cs-emt-08 {
  margin-top: 0.8em;
}

.cs-emh-08,
.cs-emr-08 {
  margin-right: 0.8em;
}

.cs-emv-08,
.cs-emb-08 {
  margin-bottom: 0.8em;
}

.cs-emh-08,
.cs-eml-08 {
  margin-left: 0.8em;
}

.cs-emx-08 {
  margin: 0.9em;
}

.cs-emv-09,
.cs-emt-09 {
  margin-top: 0.9em;
}

.cs-emh-09,
.cs-emr-09 {
  margin-right: 0.9em;
}

.cs-emv-09,
.cs-emb-09 {
  margin-bottom: 0.9em;
}

.cs-emh-09,
.cs-eml-09 {
  margin-left: 0.9em;
}

.cs-emx-10 {
  margin: 1.0em;
}

.cs-emv-10,
.cs-emt-10 {
  margin-top: 1.0em;
}

.cs-emh-10,
.cs-emr-10 {
  margin-right: 1.0em;
}

.cs-emv-10,
.cs-emb-10 {
  margin-bottom: 1.0em;
}

.cs-emh-10,
.cs-eml-10 {
  margin-left: 1.0em;
}

/********************/
/* noselect */
.cs-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/********************/
/* clear */

.cs-clear {
  clear: both;
  float: none;
  display: block;
  height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  font: 0/0 serif;
  /* opera */
  overflow: hidden;
  visibility: hidden;
}

/********************/
/* clearfix */

.cs-clearfix {
  display: block;
}

.cs-clearfix:before,
.cs-clearfix:after {
  content: '';
  display: block;
  height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  font: 0/0 serif;
  /* opera */
  overflow: hidden;
  visibility: hidden;
}

.cs-clearfix:after {
  clear: both;
}

/********************/
/* collapse */

.collapse-outer {}

.collapse-inner {
  margin-top: 1000px;
  margin-bottom: 1000px;
}

.collapse-outer:after,
.collapse-outer:before {
  content: '';
  height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  font: 0/0 serif;
  /* opera */
  overflow: hidden;
  visibility: hidden;
}

.collapse-outer:after {
  margin-top: -1000px;
}

.collapse-outer:before {
  margin-bottom: -1000px;
}


/********************/
/* cs-vpos */
.cs-vpos-outer {
  height: 100%;
  line-height: 0;
}

.cs-vpos-outer:before,
.cs-vpos-outer:after {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
}

.cs-vpos-inner {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}



/********************/
/* hover effect */

.cs-ln-hover {
  text-decoration: none;
}

.cs-ln-hover:hover {
  text-decoration: underline;
}

.cs-op-hover,
.cs-op-hover:hover {
  opacity: 1.00;
  /* ie9+, fx2+, chrome4+, safari3.1+ opera9+ */
  -webkit-transition: opacity 0.3s ease;
  /* chrome4+, safari3.1+, opera 15.0+ */
  -moz-transition: opacity 0.3s ease;
  /* fx4+ */
  transition: opacity 0.3s ease;
  /* fx16+, chrome25+, safari6.1+, opera12.1+, ie10+ */
}

.cs-op-hover:hover {
  opacity: 0.75;
  /* ie9+, fx2+, chrome4+, safari3.1+ opera9+ */
}

.cs-cl-hover,
.cs-cl-hover:hover {
  -webkit-transition: color 0.3s ease;
  /* chrome4+, safari3.1+, opera 15.0+ */
  -moz-transition: color 0.3s ease;
  /* fx4+ */
  transition: color 0.3s ease;
  /* fx16+, chrome25+, safari6.1+, opera12.1+, ie10+ */
}

/********************/
/* light/dark effect */

.cs-effect-dark,
.cs-effect-light {
  position: relative;
}

.cs-effect-dark:after,
.cs-effect-light:after {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
}

.cs-effect-dark:after {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.00);
  transition: visibility 0.3s ease, background-color 0.3s ease;
  /* ie10+, fx16+, opera12.1+ */
}

.cs-effect-dark:hover:after {
  visibility: visible;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.25);
}

.cs-effect-light:after {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.00);
  transition: visibility 0.3s ease, background-color 0.3s ease;
  /* ie10+, fx16+, opera12.1+ */
}

.cs-effect-light:hover:after {
  visibility: visible;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.25);
}

/********************/
/* cs-flow-inline */

.cs-flow-inline {
  line-height: 0;
}

.cs-flow-inline>* {
  line-height: normal;
  vertical-align: middle;
}

.cs-flow-inline.cs-flow-top>* {
  vertical-align: top;
}

.cs-flow-inline.cs-flow-mid>* {
  vertical-align: middle;
}

.cs-flow-inline.cs-flow-bot>* {
  vertical-align: bottom;
}

/********************/
/* cs-flow-blocks */

.cs-flow-blocks {
  line-height: 0;
}

.cs-flow-blocks.cs-nowrap {
  white-space: nowrap;
}

.cs-flow-blocks>* {
  line-height: normal;
  vertical-align: middle;
  display: -moz-inline-stack;
  /* fx2 */
  display: inline-block;
  /* fx3+, chrome4+, safari3+, opera9+, ie8+ */
}

.cs-flow-blocks.cs-flow-top>* {
  vertical-align: top;
}

.cs-flow-blocks.cs-flow-mid>* {
  vertical-align: middle;
}

.cs-flow-blocks.cs-flow-bot>* {
  vertical-align: bottom;
}


/******************************************/
/* COMMON */

/********************/
/* com-heading */

h1.com-tx-adapt,
.com-tx-adapt-01 {
  font-size: 52px;
}

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

  h1.com-tx-adapt,
  .com-tx-adapt-01 {
    font-size: 48px;
    font-size: calc(25.333px + 1.389vw);
  }
}

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

  h1.com-tx-adapt,
  .com-tx-adapt-01 {
    font-size: 32px;
  }
}

h2.com-tx-adapt,
.com-tx-adapt-02 {
  font-size: 36px;
}

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

  h2.com-tx-adapt,
  .com-tx-adapt-02 {
    font-size: 32px;
    font-size: calc(25.333px + 0.556vw);
  }
}

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

  h2.com-tx-adapt,
  .com-tx-adapt-02 {
    font-size: 28px;
  }
}

h3.com-tx-adapt,
.com-tx-adapt-03 {
  font-size: 20px;
}

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

  h3.com-tx-adapt,
  .com-tx-adapt-03 {
    font-size: 20px;
    /* font-size: calc(22.667px + 0.278vw); */
  }
}

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

  h3.com-tx-adapt,
  .com-tx-adapt-03 {
    font-size: 24px;
  }
}

h4.com-tx-adapt,
.com-tx-adapt-04 {
  font-size: 24px;
}

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

  h4.com-tx-adapt,
  .com-tx-adapt-04 {
    font-size: 22px;
    font-size: calc(18.667px + 0.278vw);
  }
}

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

  h4.com-tx-adapt,
  .com-tx-adapt-04 {
    font-size: 20px;
  }
}

h5.com-tx-adapt,
.com-tx-adapt-05 {
  font-size: 18px;
}

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

  h5.com-tx-adapt,
  .com-tx-adapt-05 {
    font-size: 18px;
  }
}

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

  h5.com-tx-adapt,
  .com-tx-adapt-05 {
    font-size: 18px;
  }
}

h6.com-tx-adapt,
.com-tx-adapt-06 {
  font-size: 16px;
}

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

  h6.com-tx-adapt,
  .com-tx-adapt-06 {
    font-size: 16px;
  }
}

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

  h6.com-tx-adapt,
  .com-tx-adapt-06 {
    font-size: 16px;
  }
}

h1.com-tx-adapt,
h2.com-tx-adapt,
h3.com-tx-adapt,
h4.com-tx-adapt,
h5.com-tx-adapt,
h6.com-tx-adapt {
  font-weight: bold;
  line-height: normal;
}




/********************/
/* divline */
.com-divline-a-solid {
  overflow: hidden;
  width: auto;
  height: 0;
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-divline-a-dashed {
  overflow: hidden;
  width: auto;
  height: 0;
  border-top: 2px dashed rgba(88, 129, 146, 0.10);
}

.com-divline-b-solid {
  overflow: hidden;
  width: auto;
  height: 0;
  border-top: 2px solid rgba(88, 129, 146, 0.20);
}

.com-divline-b-dashed {
  overflow: hidden;
  width: auto;
  height: 0;
  border-top: 2px dashed rgba(88, 129, 146, 0.20);
}



/********************/
/* com-custom-scrollbar */
.com-custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 119, 167, 1.00) rgba(88, 129, 146, 0.30);
}

.com-custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.com-custom-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(88, 129, 146, 0.30);
}

.com-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 119, 167, 1.00);
}




/********************/
/* storebuttons */
.com-store-btns {
  line-height: 36px;
}

.com-store-btns .com-store-btn {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}

.com-store-btns .com-store-btn a {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.com-store-btns .com-store-btn a:hover {
  opacity: 1.0;
}

.com-store-btns .com-store-btn img {
  max-width: 100%;
  height: 36px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}




/********************/
/* dashlink */
.com-dashlink,
.com-dashlink:hover {
  text-decoration: none;
}

.com-dashlink:before {
  content: '\2014';
  display: inline-block;
  margin-right: 1.666em;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: scaleX(2.5);
  -moz-transform: scaleX(2.5);
  transform: scaleX(2.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
}

a:hover .com-dashlink:before,
.com-dashlink:hover:before {
  text-decoration: none;
  -webkit-transform: scaleX(2.0);
  -moz-transform: scaleX(2.0);
  transform: scaleX(2.0);
}




/********************/
/* com-ulinelink */
.com-ulinelink,
.com-ulinelink:hover {
  text-decoration: none;
  border-bottom: 0.15em;
  border-bottom-style: solid;
  padding-bottom: 0.15em;
}




/********************/
/* com-tip */
.com-tip[data-tip] {
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 0;
  height: 0;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.com-tip[data-tip]:before {
  content: attr(data-tip);
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: top;
  text-align: center;
  padding: 4px;
  min-width: 16px;
  min-height: 16px;
  line-height: 8px;
  bottom: -0.50em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  color: #ffffff;
  background-color: #588192;
}




/********************/
/* breadcrumbs */
.com-breadcrumbs {}

.com-breadcrumbs ul,
.com-breadcrumbs li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-breadcrumbs ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.25em 0;
  color: #588192;
}

.com-breadcrumbs li {
  margin: 0.25em 0;
}

.com-breadcrumbs li:after {
  content: '-';
  margin: 0 1em;
}

.com-breadcrumbs li:last-child:after {
  display: none;
}

.com-breadcrumbs a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #588192;
}

.com-breadcrumbs a:hover {
  color: #0077a7;
}




/********************/
/* com-deco-bg */
.com-deco-bg {
  z-index: 1;
  position: relative;
}

.com-deco-bg:before {
  content: '';
  z-index: -10;
  position: absolute;
  top: 0;
  right: calc(53% + 640px);
  bottom: 0;
  left: 0;
  background: transparent url('../images/elements/deco-bg.png') repeat right center;
}

.com-deco-bg.com-deco-bg-lt:before {
  top: 0;
  right: calc(53% + 640px);
  bottom: 0;
  left: 0;
  background-position-x: right;
}

.com-deco-bg.com-deco-bg-rt:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(53% + 640px);
  background-position-x: left;
}




/********************/
.com-quick-bar {
  margin-top: -30px;
}

.com-quick-bar .com-quick-sec {
  margin-top: 30px;
}

.com-quick-bar .com-quick-menu {
  font-weight: bold;
  text-align: left;
  overflow: hidden;
}

.com-quick-bar .com-quick-menu ul,
.com-quick-bar .com-quick-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-quick-bar .com-quick-menu>ul {
  margin-top: -1px;
}

.com-quick-bar .com-quick-menu>ul>li {
  border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.com-quick-bar .com-quick-menu>ul>li.com-mobile {
  display: none;
}

.com-quick-bar .com-quick-menu a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.com-quick-bar .com-quick-menu a:before {
  content: '\75';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 0.20);
}

.com-quick-bar .com-quick-menu>ul>li>a {
  display: block;
  position: relative;
  padding: 10px 0;
}

.com-quick-bar .com-quick-menu>ul>li>a {
  color: rgba(255, 255, 255, 1.00);
}

.com-quick-bar .com-quick-menu>ul>li>a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/**********/
/* !!! MAX-HEIGHT-FIX !!! */
@media screen and (max-height: 430px) {

  /*.com-quick-bar.com-theme-b .com-quick-track { display: none; }*/
  /*.com-quick-bar.com-theme-b .com-quick-menu > ul > li.com-mobile { display: block; }*/
  .com-quick-bar.com-theme-b .com-quick-menu>ul {
    border: 0 none;
    display: none;
  }

  .com-quick-bar.com-theme-b .com-quick-menu>ul>li.com-mobile {
    display: none;
  }

  .com-quick-bar.com-theme-b .com-quick-menu>ul>li a:before {
    display: none;
  }
}

/*
@media screen and (max-height: 360px) {
.com-quick-bar.com-theme-b .com-quick-menu > ul { border: 0 none;}
.com-quick-bar.com-theme-b .com-quick-menu > ul > li { margin: 10px 0; border: 0 none;}
.com-quick-bar.com-theme-b .com-quick-menu > ul > li.com-mobile { display: block; }
.com-quick-bar.com-theme-b .com-quick-menu > ul > li a { display: inline; padding: 0; }
.com-quick-bar.com-theme-b .com-quick-menu > ul > li a:before { display: none; }
}
*/




/********************/
/* quick-input */
.com-quick-input {
  position: relative;
}

.com-quick-input input {
  display: block;
  border: 0 none;
  margin: 0;
  padding: 0;
  outline: none;
}

.com-quick-input input[type='text'] {
  width: 100%;
  border-style: solid;
  padding: 12px 48px 12px 12px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  background-color: #eef2f4;
  color: #404040;
}

.com-quick-input input[type='text']:-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='text']:-ms-input-placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='text']:-moz-placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='text']::-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='text']::-moz-placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='text']::placeholder {
  color: rgba(64, 64, 64, 0.50);
}

.com-quick-input input[type='submit'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  font-family: 'Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 48px;
  padding: 11px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: transparent;
  color: #0077a7;
  opacity: 1.00;
}

.com-quick-input input[type='submit']:hover {
  opacity: 0.75;
}




/********************/
/* com-menu-simple */
.com-menu-simple {}

.com-menu-simple ul,
.com-menu-simple li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-menu-simple ul ul {
  margin: 0.5em 0 0.5em 1.333em;
}

.com-menu-simple li+li {
  margin-top: 0.5em;
}

.com-menu-simple a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
}

.com-menu-simple a.com-chosen {
  font-weight: bold;
}

.com-menu-simple a {
  color: rgba(64, 64, 64, 1.00);
}

.com-menu-simple a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.com-menu-simple a.com-chosen {
  color: rgba(0, 119, 167, 1.00);
}

.com-menu-simple a.com-chosen:hover {
  color: rgba(0, 119, 167, 0.75);
}





/********************/
/* com-menu-inline */
.com-menu-inline {
  font-weight: bold;
}

.com-menu-inline ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  line-height: 1.6em;
  word-spacing: 3em;
}

.com-menu-inline li {
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  word-spacing: normal;
}

.com-menu-inline a {
  padding: 0.25em 0;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
  color: rgba(64, 64, 64, 0.50);
}

.com-menu-inline a:hover {
  color: rgba(64, 64, 64, 1.00);
}

.com-menu-inline a.com-chosen {
  border-bottom-style: solid;
  border-bottom-width: 0.333ex;
  color: rgba(64, 64, 64, 1.00);
}




/********************/
/* com-menu-ulist */
.com-menu-ulist {}

.com-menu-ulist ul,
.com-menu-ulist li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-menu-ulist li+li {
  clear: both;
  margin-top: 0.75em;
}

.com-menu-ulist li>.com-icon {
  display: block;
  float: left;
}

.com-menu-ulist li>.com-text {
  display: block;
  margin-left: 26px;
}

.com-menu-ulist li>.com-icon [data-icon]:before {
  font-size: 16px;
}



/********************/
/* com-menu-opts */
.com-menu-opts {}

.com-menu-opts ul,
.com-menu-opts li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-menu-opts li+li {
  margin-top: 0.75em;
  padding-top: 0.75em;
  border-top: 2px solid #eef2f4;
}

.com-menu-opts a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-weight: bold;
  text-decoration: none;
  color: rgba(0, 119, 167, 1.00);
}

.com-menu-opts a:hover {
  color: rgba(0, 119, 167, 0.75);
}



/********************/
/* com-menu-rating */
.com-menu-rating {}

.com-menu-rating ul,
.com-menu-rating li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-menu-rating li+li {
  margin-top: 0.5em;
}

.com-menu-rating a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
}

.com-menu-rating a {
  color: rgba(60, 60, 60, 1.00);
}

.com-menu-rating a:hover {
  color: rgba(60, 60, 60, 0.75);
}

.com-menu-rating a.com-chosen {
  color: rgba(0, 167, 178, 1.00);
}

.com-menu-rating a.com-chosen:hover {
  color: rgba(0, 167, 178, 0.75);
}

.com-menu-rating a[data-menu-rating] {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: inline-flex;
  vertical-align: top;
}

.com-menu-rating a[data-menu-rating] i {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
}

.com-menu-rating a[data-menu-rating] i+i {
  margin-left: 4px;
}

.com-menu-rating a[data-menu-rating] i:before {
  content: '\e004';
  display: -moz-inline-stack;
  display: inline-block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.com-menu-rating a[data-menu-rating="0"] i:nth-child(n+1):before,
.com-menu-rating a[data-menu-rating="1"] i:nth-child(n+2):before,
.com-menu-rating a[data-menu-rating="2"] i:nth-child(n+3):before,
.com-menu-rating a[data-menu-rating="3"] i:nth-child(n+4):before,
.com-menu-rating a[data-menu-rating="4"] i:nth-child(n+5):before,
.com-menu-rating a[data-menu-rating="5"] i:nth-child(n+6):before,
.com-menu-rating a[data-menu-rating="6"] i:nth-child(n+7):before,
.com-menu-rating a[data-menu-rating="7"] i:nth-child(n+8):before,
.com-menu-rating a[data-menu-rating="8"] i:nth-child(n+9):before,
.com-menu-rating a[data-menu-rating="9"] i:nth-child(n+10):before,
.com-menu-rating a[data-menu-rating="10"] i:nth-child(n+11):before {
  content: '\e003';
}




/********************/
/* com-xnum */
.com-xnum {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: inline-flex;
  vertical-align: top;
  border: 2px solid #cdd9de;
}

.com-xnum input,
.com-xnum button {
  display: block;
  margin: 0;
  padding: 10px;
  border: 0 none;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  outline: none;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: transparent;
  color: #404040;
}

.com-xnum input:focus,
.com-xnum button:focus {
  background-color: #eef2f4;
}

.com-xnum button {
  min-width: 44px;
  font-size: 16px;
}

.com-xnum input {
  border-left: 2px solid #cdd9de;
  border-right: 2px solid #cdd9de;
}

.com-xnum input[maxlength='1'] {
  width: 48px;
}

.com-xnum input[maxlength='2'] {
  width: 58px;
}

.com-xnum input[maxlength='3'] {
  width: 68px;
}

.com-xnum input[maxlength='4'] {
  width: 78px;
}




/********************/
/* com-xswitch */
.com-xswitch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.com-xswitch span {
  display: block;
  position: relative;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  pointer-events: none;
  border-style: solid;
  border-width: 2px;
  width: 48px;
  height: 24px;
}

.com-xswitch span:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: left 0.3s ease, background-color 0.3s ease;
  -moz-transition: left 0.3s ease, background-color 0.3s ease;
  transition: left 0.3s ease, background-color 0.3s ease;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 16px;
  height: 16px;
}

.com-xswitch input~span:after {
  left: 2px;
}

.com-xswitch input:checked~span:after {
  left: 26px;
}

.com-xswitch input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.com-xswitch input~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-xswitch input:checked~span {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-xswitch input:hover~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-xswitch input:hover:checked~span {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-xswitch input:focus~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-xswitch input:focus:checked~span {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-xswitch input:active~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-xswitch input:active:checked~span {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-xswitch input:disabled~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-xswitch input:disabled:checked~span {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #cdd9de;
}

.com-xswitch input~span:after {
  background-color: #cdd9de;
}

.com-xswitch input:checked~span:after {
  background-color: #ffffff;
}

.com-xswitch input:hover~span:after {
  background-color: #cdd9de;
}

.com-xswitch input:hover:checked~span:after {
  background-color: #ffffff;
}

.com-xswitch input:focus~span:after {
  background-color: #cdd9de;
}

.com-xswitch input:focus:checked~span:after {
  background-color: #ffffff;
}

.com-xswitch input:active~span:after {
  background-color: #cdd9de;
}

.com-xswitch input:active:checked~span:after {
  background-color: #ffffff;
}

.com-xswitch input:disabled~span:after {
  background-color: #cdd9de;
}

.com-xswitch input:disabled:checked~span:after {
  background-color: #ffffff;
}


/********************/
/* com-pagesteps */
.com-pagesteps {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-pagesteps .com-pagestep {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  flex: 1 1 0;
  position: relative;
  z-index: 0;
}

.com-pagesteps .com-pagestep:after {
  content: '';
  display: block;
  position: absolute;
  top: 24px;
  left: 47px;
  right: -1px;
  width: auto;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.com-pagesteps .com-pagestep:last-child {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 48px;
}

.com-pagesteps .com-pagestep:last-child:after {
  display: none;
}

.com-pagesteps .com-pagestep .com-pagestep-num {
  z-index: 1;
  position: relative;
  width: 48px;
  height: 48px;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  text-align: center;
}

.com-pagesteps .com-pagestep .com-pagestep-num:before {
  content: '\25';
  display: none;
  font-family: 'Icons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 44px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.com-pagesteps .com-pagestep .com-pagestep-num span {
  display: block;
  line-height: 44px;
  font-weight: bold;
}

.com-pagesteps .com-pagestep .com-pagestep-txt {
  margin-top: 10px;
}

.com-pagesteps .com-pagestep:last-child .com-pagestep-txt {
  direction: rtl;
}

.com-pagesteps .com-pagestep .com-pagestep-txt span {
  display: inline-block;
  vertical-align: top;
  max-width: 160px;
  -webkit-transform: translateX(-50%) translateX(24px);
  -moz-transform: translateX(-50%) translateX(24px);
  transform: translateX(-50%) translateX(24px);
  font-weight: bold;
  text-align: center;
}

.com-pagesteps .com-pagestep:first-child .com-pagestep-txt span,
.com-pagesteps .com-pagestep:last-child .com-pagestep-txt span {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.com-pagesteps .com-pagestep:first-child .com-pagestep-txt span {
  text-align: left;
}

.com-pagesteps .com-pagestep:last-child .com-pagestep-txt span {
  text-align: right;
  min-width: 160px;
}


.com-pagesteps .com-pagestep:after {
  background: transparent url('../images/elements/pagesteps.svg') repeat-x center center;
}

.com-pagesteps .com-pagestep.com-active:after {
  background: transparent url('../images/elements/pagesteps.svg') repeat-x center center;
}

.com-pagesteps .com-pagestep.com-passed:after {
  background: #00a7b2;
}

.com-pagesteps .com-pagestep .com-pagestep-num {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: transparent;
}

.com-pagesteps .com-pagestep.com-active .com-pagestep-num {
  color: #00a7b2;
  border-color: #00a7b2;
  background-color: transparent;
}

.com-pagesteps .com-pagestep.com-passed .com-pagestep-num {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-pagesteps .com-pagestep .com-pagestep-num:before {
  display: none;
}

.com-pagesteps .com-pagestep.com-active .com-pagestep-num:before {
  display: none;
}

.com-pagesteps .com-pagestep.com-passed .com-pagestep-num:before {
  display: block;
}

.com-pagesteps .com-pagestep .com-pagestep-num span {
  display: block;
}

.com-pagesteps .com-pagestep.com-active .com-pagestep-num span {
  display: block;
}

.com-pagesteps .com-pagestep.com-passed .com-pagestep-num span {
  display: none;
}

/**********/
@media screen and (max-width: 1260px) {

  .com-pagesteps .com-pagestep,
  .com-pagesteps .com-pagestep:last-child {
    display: none;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }

  .com-pagesteps .com-pagestep.com-active {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
  }

  .com-pagesteps .com-pagestep:after {
    display: none;
  }

  .com-pagesteps .com-pagestep .com-pagestep-txt,
  .com-pagesteps .com-pagestep:last-child .com-pagestep-txt {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex: 1 1 0;
    -moz-flex: 1 1 0;
    flex: 1 1 0;
    margin-top: 0;
    margin-left: 16px;
    direction: ltr;
  }

  .com-pagesteps .com-pagestep .com-pagestep-txt span,
  .com-pagesteps .com-pagestep:first-child .com-pagestep-txt span,
  .com-pagesteps .com-pagestep:last-child .com-pagestep-txt span {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    min-width: 0;
    white-space: normal;
    direction: ltr;
    font-size: 16px;
    text-align: left;
  }
}




/********************/
/* com-packtrack */
.com-packtracks {
  display: block;
  text-align: left;
}

.com-packtracks .com-packtrack {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  position: relative;
  z-index: 0;
  min-height: 90px;
  padding-bottom: 20px;
}

.com-packtracks .com-packtrack:after,
.com-packtracks .com-packtrack:before {
  content: '';
  display: block;
  position: absolute;
  top: 47px;
  left: 24px;
  bottom: -1px;
  width: 6px;
  height: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.com-packtracks .com-packtrack:after {
  z-index: 1;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: calc(50% - 27px);
}

.com-packtracks .com-packtrack:last-child {
  padding-bottom: 0;
  min-height: 0;
}

.com-packtracks .com-packtrack:last-child:after,
.com-packtracks .com-packtrack:last-child:before {
  display: none;
}

.com-packtracks .com-packtrack .com-packtrack-dot {
  z-index: 1;
  position: relative;
  width: 48px;
  height: 48px;
  border-width: 2px;
  border-style: solid;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  text-align: center;
}

.com-packtracks .com-packtrack .com-packtrack-dot:before {
  content: '\25';
  display: none;
  font-family: 'Icons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 44px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.com-packtracks .com-packtrack .com-packtrack-itm,
.com-packtracks .com-packtrack .com-packtrack-pos {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
}

.com-packtracks .com-packtrack .com-packtrack-itm {
  margin-left: 20px;
}

.com-packtracks .com-packtrack .com-packtrack-pos {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
}

.com-packtracks .com-packtrack .com-packtrack-txt {
  display: table-cell;
  vertical-align: middle;
  height: 48px;
  padding: 0;
}

.com-packtracks .com-packtrack .com-packtrack-txt>div+div {
  margin-top: 0.25em;
}

.com-packtracks .com-packtrack .com-packtrack-date {
  color: #588192;
  font-weight: bold;
  font-size: 0.8em;
}

.com-packtracks .com-packtrack .com-packtrack-status {
  color: #404040;
  font-weight: bold;
}

.com-packtracks .com-packtrack .com-packtrack-location {
  color: #404040;
}

.com-packtracks .com-packtrack:before {
  background: transparent url('../images/elements/packtracks.svg') repeat-y center center;
}

.com-packtracks .com-packtrack.com-active:before {
  background: transparent url('../images/elements/packtracks.svg') repeat-y center center;
}

.com-packtracks .com-packtrack.com-passed:before {
  background: #00a7b2;
}

.com-packtracks .com-packtrack:after {
  background: transparent;
}

.com-packtracks .com-packtrack.com-active:after {
  background: #00a7b2;
}

.com-packtracks .com-packtrack.com-passed:after {
  background: transparent;
}

.com-packtracks .com-packtrack:after {
  background: transparent;
}

.com-packtracks .com-packtrack.com-active:after {
  background: #00a7b2;
}

.com-packtracks .com-packtrack.com-passed:after {
  background: #00a7b2;
}

.com-packtracks .com-packtrack .com-packtrack-dot {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: transparent;
}

.com-packtracks .com-packtrack.com-active .com-packtrack-dot {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-packtracks .com-packtrack.com-passed .com-packtrack-dot {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-packtracks .com-packtrack .com-packtrack-dot:before {
  display: none;
}

.com-packtracks .com-packtrack.com-active .com-packtrack-dot:before {
  display: block;
}

.com-packtracks .com-packtrack.com-passed .com-packtrack-dot:before {
  display: block;
}



/********************/
/* com-faq-list */
.com-faq-list {
  display: block;
  text-align: left;
}

.com-faq-list .com-faq-item {
  display: block;
}

.com-faq-list .com-faq-item+.com-faq-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #cdd9de;
}

.com-faq-list .com-faq-item .com-faq-item-head {
  position: relative;
  cursor: pointer;
}

.com-faq-list .com-faq-item .com-faq-item-head:after {
  content: '\35';
  position: absolute;
  right: 0;
  top: 1px;
  display: -moz-inline-stack;
  display: inline-block;
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-faq-list .com-faq-item.com-active .com-faq-item-head:after {
  content: '\34';
}

.com-faq-list .com-faq-item .com-faq-item-head-pad {
  padding-right: 40px;
  font-size: 18px;
  font-weight: bold;
}

.com-faq-list .com-faq-item .com-faq-item-foot {
  position: relative;
  display: none;
}

.com-faq-list .com-faq-item .com-faq-item-foot-pad {
  padding-top: 20px;
}

/**********/
.com-faq-list.com-theme-01 .com-faq-item+.com-faq-item {
  border-top: 2px solid rgba(88, 129, 146, 0.30);
}

/**********/
.com-faq-list.com-theme-02 .com-faq-item+.com-faq-item {
  border-top: 2px solid rgba(255, 255, 255, 0.30);
}




/********************/
/* com-que-list */
.com-que-list {
  display: block;
  text-align: left;
}

.com-que-list .com-que-item {
  display: block;
}

.com-que-list .com-que-item+.com-que-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #eef2f4;
}

.com-que-list .com-que-item .com-que-item-head {
  position: relative;
  cursor: pointer;
}

.com-que-list .com-que-item .com-que-item-head:after {
  content: '\2a';
  position: absolute;
  right: 0;
  top: 1px;
  display: -moz-inline-stack;
  display: inline-block;
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-que-list .com-que-item.com-active .com-que-item-head:after {
  content: '\28';
}

.com-que-list .com-que-item .com-que-item-head-pad {
  padding-right: 40px;
  font-size: 18px;
  font-weight: bold;
}

.com-que-list .com-que-item .com-que-item-foot {
  position: relative;
  display: none;
}

.com-que-list .com-que-item .com-que-item-foot-pad {
  padding-top: 20px;
}

/**********/
.com-que-list.com-theme-01 .com-que-item+.com-que-item {
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

/**********/
.com-que-list.com-theme-02 .com-que-item+.com-que-item {
  border-top: 2px solid rgba(255, 255, 255, 0.10);
}





/********************/
/* search-bar */
.com-search-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  border: 2px solid #0077a7;
  background-color: #ffffff;

  position: relative;
  margin: 0 auto;
  max-width: 1280px;
}

.com-search-bar .com-field-select {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  border-right: 2px solid #0077a7;
}

.com-search-bar .com-field-search {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-search-bar .com-field-submit {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-search-bar input,
.com-search-bar select {
  display: block;
  border: 0 none transparent;
  margin: 0;
  width: 100%;
  outline: none;
  color: #404040;
  background-color: transparent;
}

.com-search-bar select,
.com-search-bar input[type='text'] {
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  min-width: 100px;
}

.com-search-bar select {
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.com-search-bar select::-ms-expand {
  display: none;
}

.com-search-bar .com-field-select:after {
  content: '\2a';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  pointer-events: none;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-align: center;
  color: #0077a7;
}

.com-search-bar input,
.com-search-bar select,
.com-search-bar .com-field-select:after {
  padding: 20px;
  font-size: 16px;
}

.com-search-bar select {
  padding-right: 60px;
  max-width: 200px;
}

/**********/
@media screen and (max-width: 1920px) {

  .com-search-bar input,
  .com-search-bar select,
  .com-search-bar .com-field-select:after {
    padding: 10px;
    /* padding: calc(0.69444444vw + 6.66666667px); */
    font-size: 16px;
    /* font-size: calc(0.13888889vw + 13.33333333px); */
  }

  .com-search-bar select {
    padding-right: 50px;
    padding-right: calc(1.38888889vw + 33.33333333px);
  }
}

/**********/
@media screen and (max-width: 480px) {
  .com-search-bar {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .com-search-bar .com-field-select {
    width: 100%;
    border-right: 0 none;
    border-bottom: 2px solid #eef2f4;
  }

  .com-search-bar .com-field-search {
    width: calc(100% - 44px);
  }

  .com-search-bar input,
  .com-search-bar select {
    padding: 10px;
    font-size: 14px;
  }

  .com-search-bar select {
    padding-right: 40px;
    width: 100%;
    max-width: none;
  }
}

/**********/
.com-search-bar input[type='text']:-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='text']:-ms-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='text']:-moz-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='text']::-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='text']::-moz-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='text']::placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-search-bar input[type='submit'] {
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: rgba(0, 119, 167, 1.00);
}

.com-search-bar input[type='submit']:hover {
  color: rgba(0, 119, 167, 0.75);
}

/**********/
.com-search-bar input[type='submit'] {
  font-size: 24px;
  line-height: 24px;
}

.com-search-bar .com-field-select:after {
  font-size: 20px;
  line-height: 24px;
}

/* search-result-bar */
.com-search-result-bar {
  margin-top: 20px;
  font-weight: bold;
}

.com-search-result-bar b {
  color: #0077a7;
}






/**********/
/* global-search-bar */
.com-global-search-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  border: 2px solid #0077a7;
}

.com-global-search-bar .com-field-select {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  border-right: 2px solid #0077a7;
}

.com-global-search-bar .com-field-search {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-global-search-bar .com-field-submit {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-global-search-bar input,
.com-global-search-bar select {
  display: block;
  border: 0 none transparent;
  margin: 0;
  width: 100%;
  outline: none;
  color: #404040;
  background-color: transparent;
}

.com-global-search-bar select,
.com-global-search-bar input[type='text'] {
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  min-width: 100px;
}

.com-global-search-bar select {
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.com-global-search-bar select::-ms-expand {
  display: none;
}

.com-global-search-bar .com-field-select:after {
  content: '\2a';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  pointer-events: none;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-align: center;
  color: #0077a7;
}

.com-global-search-bar input,
.com-global-search-bar select,
.com-global-search-bar .com-field-select:after {
  padding: 20px;
  font-size: 16px;
}

.com-global-search-bar select {
  padding-right: 60px;
  max-width: 200px;
}

/**********/
@media screen and (max-width: 1920px) {

  .com-global-search-bar input,
  .com-global-search-bar select,
  .com-global-search-bar .com-field-select:after {
    padding: 15px;
    padding: calc(0.69444444vw + 6.66666667px);
    font-size: 15px;
    font-size: calc(0.13888889vw + 13.33333333px);
  }

  .com-global-search-bar select {
    padding-right: 50px;
    padding-right: calc(1.38888889vw + 33.33333333px);
  }
}

/**********/
@media screen and (max-width: 600px) {
  .com-global-search-bar {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .com-global-search-bar .com-field-select {
    width: 100%;
    border-right: 0 none;
    border-bottom: 2px solid #0077a7;
  }

  .com-global-search-bar .com-field-search {
    width: calc(100% - 44px);
  }

  .com-global-search-bar input,
  .com-global-search-bar select {
    padding: 10px;
    font-size: 14px;
  }

  .com-global-search-bar select {
    padding-right: 40px;
    width: 100%;
    max-width: none;
  }
}

/**********/
.com-global-search-bar input[type='text']:-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='text']:-ms-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='text']:-moz-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='text']::-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='text']::-moz-placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='text']::placeholder {
  color: rgba(64, 64, 64, 0.25);
}

.com-global-search-bar input[type='submit'] {
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: rgba(0, 119, 167, 1.00);
}

.com-global-search-bar input[type='submit']:hover {
  color: rgba(0, 119, 167, 0.75);
}

/**********/
.com-global-search-bar input[type='submit'] {
  font-size: 24px;
  line-height: 24px;
}

.com-global-search-bar .com-field-select:after {
  font-size: 20px;
  line-height: 24px;
}




/**********/
/* calenda */
table.com-calenda {
  width: 100%;
  max-width: 240px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table.com-calenda caption {
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
  color: #0077a7;
}

table.com-calenda td {
  width: 14.28571428%;
  border: 1px solid #cdd9de;
  text-align: center;
}

table.com-calenda tr:first-child td {
  border-top-color: transparent;
}

table.com-calenda tr:last-child td {
  border-bottom-color: transparent;
}

table.com-calenda tr td:first-child {
  border-left-color: transparent;
}

table.com-calenda tr td:last-child {
  border-right-color: transparent;
}

table.com-calenda td label {
  display: block;
  position: relative;
}

table.com-calenda td input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

table.com-calenda td span {
  display: block;
  padding: 8px 4px;
  color: #d0d0d0;
  font-weight: bold;
}

table.com-calenda td span.com-now {
  display: block;
  padding: 8px 4px;
  color: #ffffff;
  background-color: #00a7b2;
}

table.com-calenda td label input~span {
  color: #404040;
  background-color: #ffffff;
}

table.com-calenda td label input:checked~span {
  color: #ffffff;
  background-color: #0077a7;
}

table.com-calenda td label input:hover~span {
  color: #404040;
  background-color: #ffffff;
}

table.com-calenda td label input:hover:checked~span {
  color: #ffffff;
  background-color: #0077a7;
}

table.com-calenda td label input:focus~span {
  color: #404040;
  background-color: #ffffff;
}

table.com-calenda td label input:focus:checked~span {
  color: #ffffff;
  background-color: #0077a7;
}

table.com-calenda td label input:active~span {
  color: #404040;
  background-color: #ffffff;
}

table.com-calenda td label input:active:checked~span {
  color: #ffffff;
  background-color: #0077a7;
}

table.com-calenda td label input:disabled~span {
  color: #d0d0d0;
  background-color: #ffffff;
}

table.com-calenda td label input:disabled:checked~span {
  color: #ffffff;
  background-color: #cdd9de;
}



#y {
  display: none;
}

#x:checked~#y {
  display: block;
}

/******************************************/
/* LAYOUT */

/********************/
/* layout */
.com-layout {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

/********************/
/* unlayout */
.com-unlayout {
  margin-left: -3.19148936%;
  margin-right: -3.19148936%;
}

/********************/
/* fixators */
.com-fixator-xhuge {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-huge {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-xlarge {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-large {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-normal {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-xmedium {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-medium {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-small {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-xsmall {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-micro {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.com-fixator-xmicro {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}


/******************************************/
/* COLORS */

/********************/
/* general colors */

.com-cl-white {
  color: #ffffff;
  /* color: rgba(255,255,255,1.00); */
}

.com-cl-black {
  color: #000000;
  /* color: rgba(  0,  0,  0,1.00); */
}

.com-cl-shade {
  color: #808080;
  /* color: rgba(128,128,128,1.00); */
}

.com-cl-lgray {
  color: #c0c0c0;
  /* color: rgba(192,192,192,1.00); */
}

.com-cl-dgray {
  color: #404040;
  /* color: rgba( 64, 64, 64,1.00); */
}

.com-bg-white {
  background-color: #ffffff;
}

.com-bg-black {
  background-color: #000000;
}

.com-bg-shade {
  background-color: #808080;
}

.com-bg-lgray {
  background-color: #c0c0c0;
}

.com-bg-dgray {
  background-color: #404040;
}

/*********************/
/* special colors */

.com-cl-error {
  color: #800000;
}

.com-cl-success {
  color: #008000;
}

/*********************/
/* palette colors */
.com-cl-pal-00 {
  color: #ffffff;
  /* color: rgba(255,255,255,1.00); */
  /* white         */
}

.com-cl-pal-01 {
  color: #404040;
  /* color: rgba( 64, 64, 64,1.00); */
  /* darkgray      */
}

.com-cl-pal-02 {
  color: #0077a7;
  /* color: rgba(  0,119,167,1.00); */
  /* darkcyan      */
}

.com-cl-pal-03 {
  color: #00a7b2;
  /* color: rgba(  0,167,178,1.00); */
  /* seagreen      */
}

.com-cl-pal-04 {
  color: #588192;
  /* color: rgba( 88,129,146,1.00); */
  /* slategreen    */
}

.com-cl-pal-05 {
  color: #eef2f4;
  /* color: rgba(238,242,244,1.00); */
  /* whitesmoke    */
}

/* (10% of pal-04 on white) */
.com-cl-pal-06 {
  color: #cdd9de;
  /* color: rgba(205,217,222,1.00); */
  /* whitesmoke+   */
}

/* (30% of pal-04 on white) */
.com-cl-pal-07 {
  color: #a0a0a0;
  /* color: rgba(160,160,160,1.00); */
  /* lightgray     */
}

.com-cl-pal-08 {
  color: #fa5464;
  /* color: rgba(250, 84,100,1.00); */
  /* tomato        */
}

.com-cl-pal-09 {
  color: #3DA74A;
}


.com-bg-pal-00 {
  background-color: #ffffff;
}

.com-bg-pal-01 {
  background-color: #404040;
}

.com-bg-pal-02 {
  background-color: #0077a7;
}

.com-bg-pal-03 {
  background-color: #00a7b2;
}

.com-bg-pal-04 {
  background-color: #588192;
}

.com-bg-pal-05 {
  background-color: #eef2f4;
}

.com-bg-pal-06 {
  background-color: #cdd9de;
}

.com-bg-pal-07 {
  background-color: #a0a0a0;
}

.com-bg-pal-08 {
  background-color: #fa5464;
}

.com-bg-pal-09 {
  background-color: #3DA74A;
}

/**********/

.com-cl-hover {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.com-cl-white.com-cl-hover {
  color: rgba(255, 255, 255, 1.00);
}

.com-cl-white.com-cl-hover:hover {
  color: rgba(255, 255, 255, 0.75);
}

.com-cl-black.com-cl-hover {
  color: rgba(0, 0, 0, 1.00);
}

.com-cl-black.com-cl-hover:hover {
  color: rgba(0, 0, 0, 0.75);
}

.com-cl-shade.com-cl-hover {
  color: rgba(128, 128, 128, 1.00);
}

.com-cl-shade.com-cl-hover:hover {
  color: rgba(128, 128, 128, 0.75);
}

.com-cl-lgray.com-cl-hover {
  color: rgba(192, 192, 192, 1.00);
}

.com-cl-lgray.com-cl-hover:hover {
  color: rgba(192, 192, 192, 0.75);
}

.com-cl-dgray.com-cl-hover {
  color: rgba(64, 64, 64, 1.00);
}

.com-cl-dgray.com-cl-hover:hover {
  color: rgba(64, 64, 64, 0.75);
}

.com-cl-pal-00.com-cl-hover {
  color: rgba(255, 255, 255, 1.00);
}

.com-cl-pal-00.com-cl-hover:hover {
  color: rgba(255, 255, 255, 0.75);
}

.com-cl-pal-01.com-cl-hover {
  color: rgba(64, 64, 64, 1.00);
}

.com-cl-pal-01.com-cl-hover:hover {
  color: rgba(64, 64, 64, 0.75);
}

.com-cl-pal-02.com-cl-hover {
  color: rgba(0, 119, 167, 1.00);
}

.com-cl-pal-02.com-cl-hover:hover {
  color: rgba(0, 119, 167, 0.75);
}

.com-cl-pal-03.com-cl-hover {
  color: rgba(0, 167, 178, 1.00);
}

.com-cl-pal-03.com-cl-hover:hover {
  color: rgba(0, 167, 178, 0.75);
}

.com-cl-pal-04.com-cl-hover {
  color: rgba(88, 129, 146, 1.00);
}

.com-cl-pal-04.com-cl-hover:hover {
  color: rgba(88, 129, 146, 0.75);
}

.com-cl-pal-05.com-cl-hover {
  color: rgba(238, 242, 244, 1.00);
}

.com-cl-pal-05.com-cl-hover:hover {
  color: rgba(238, 242, 244, 0.75);
}

.com-cl-pal-06.com-cl-hover {
  color: rgba(205, 217, 222, 1.00);
}

.com-cl-pal-06.com-cl-hover:hover {
  color: rgba(205, 217, 222, 0.75);
}

.com-cl-pal-07.com-cl-hover {
  color: rgba(160, 160, 160, 1.00);
}

.com-cl-pal-07.com-cl-hover:hover {
  color: rgba(160, 160, 160, 0.75);
}

.com-cl-pal-08.com-cl-hover {
  color: rgba(250, 84, 100, 1.00);
}

.com-cl-pal-08.com-cl-hover:hover {
  color: rgba(250, 84, 100, 0.75);
}


/**********/

/******************************************/
/* BUTTONS */

/********************/
/* com-btn */
.com-btn {
  display: -moz-inline-stack;
  /* fx2 */
  display: inline-block;
  /* fx3+, chrome4+, safari3+, opera9+, ie8+ */
  overflow: hidden;
  position: relative;
  cursor: pointer;
  /* required for input elements */
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 14px;
  padding: 10px 20px;
  border-width: 2px;
  /* required for input elements */
  border-style: solid;
  vertical-align: top;
  -webkit-border-radius: 0px;
  /* chrome4+, safari3.1+ */
  -moz-border-radius: 0px;
  /* fx2+ */
  border-radius: 0px;
  /* fx4+, chrome5+, safari5+, opera11.5+, ie9+ */
  -webkit-box-sizing: border-box;
  /* chrome4+, safari3.1+ */
  -moz-box-sizing: border-box;
  /* fx2+ */
  box-sizing: border-box;
  /* fx3+, chrome10+, safari5.1+, opera10.1+, ie8+ */
  -webkit-transition: all 0.3s ease;
  /* chrome4+, safari3.1+ */
  -moz-transition: all 0.3s ease;
  /* fx4+ */
  transition: all 0.3s ease;
  /* fx16+, chrome25+, safari6.1+, opera12.1+, ie10+ */
  -webkit-touch-callout: none;
  /* webkit */
  -webkit-user-select: none;
  /* chrome6+, safari3.1+, opera15+ */
  -moz-user-select: none;
  /* fx2+ */
  -ms-user-select: none;
  /* ie10+ */
  user-select: none;
  /* no-support */
  -webkit-appearance: none;
  /* required for input elements */
  -moz-appearance: none;
  /* required for input elements */
  appearance: none;
  /* required for input elements */
  color: white;
  border-color: gray;
  background-color: gray;
}

.com-btn.com-btn-dp-bl {
  display: block;
  width: 100%;
}

.com-btn.com-btn-sz-df {
  font-size: 14px;
  line-height: 24px;
  border-width: 2px;
  padding: 10px 20px;
}

.com-btn.com-btn-sz-40 {
  font-size: 14px;
  line-height: 24px;
  border-width: 2px;
  padding: 6px 12px;
}

.com-btn.com-btn-sz-48 {
  font-size: 14px;
  line-height: 24px;
  border-width: 2px;
  padding: 10px 20px;
}

.com-btn.com-btn-sz-56 {
  font-size: 14px;
  line-height: 24px;
  border-width: 2px;
  padding: 14px 28px;
}

.com-btn.com-btn-cl-pal-00 {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #0077a7;
}

.com-btn.com-btn-cl-pal-01 {
  border-color: #404040;
  background-color: #404040;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-02 {
  border-color: #0077a7;
  background-color: #0077a7;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-03 {
  border-color: #00a7b2;
  background-color: #00a7b2;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-04 {
  border-color: #588192;
  background-color: #588192;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-05 {
  border-color: #eef2f4;
  background-color: #eef2f4;
  color: #588192;
}

.com-btn.com-btn-cl-pal-06 {
  border-color: #cdd9de;
  background-color: #cdd9de;
  color: #588192;
}

.com-btn.com-btn-cl-pal-07 {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-08 {
  border-color: #fa5464;
  background-color: #fa5464;
  color: #ffffff;
}

.com-btn.com-btn-cl-pal-00:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-01:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-02:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-03:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-04:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-05:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-06:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-07:hover {
  opacity: 0.80;
}

.com-btn.com-btn-cl-pal-08:hover {
  opacity: 0.80;
}

.com-btn.com-btn-clx-pal-00 {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-01 {
  border-color: #404040;
  background-color: transparent;
  color: #404040;
}

.com-btn.com-btn-clx-pal-02 {
  border-color: #0077a7;
  background-color: transparent;
  color: #0077a7;
}

.com-btn.com-btn-clx-pal-03 {
  border-color: #00a7b2;
  background-color: transparent;
  color: #00a7b2;
}

.com-btn.com-btn-clx-pal-04 {
  border-color: #588192;
  background-color: transparent;
  color: #588192;
}

.com-btn.com-btn-clx-pal-05 {
  border-color: #eef2f4;
  background-color: transparent;
  color: #eef2f4;
}

.com-btn.com-btn-clx-pal-06 {
  border-color: #cdd9de;
  background-color: transparent;
  color: #cdd9de;
}

.com-btn.com-btn-clx-pal-07 {
  border-color: #a0a0a0;
  background-color: transparent;
  color: #a0a0a0;
}

.com-btn.com-btn-clx-pal-08 {
  border-color: #fa5464;
  background-color: transparent;
  color: #fa5464;
}

.com-btn.com-btn-clx-pal-00:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #0077a7;
}

.com-btn.com-btn-clx-pal-01:hover {
  border-color: #404040;
  background-color: #404040;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-02:hover {
  border-color: #0077a7;
  background-color: #0077a7;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-03:hover {
  border-color: #00a7b2;
  background-color: #00a7b2;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-04:hover {
  border-color: #588192;
  background-color: #588192;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-05:hover {
  border-color: #eef2f4;
  background-color: #eef2f4;
  color: #588192;
}

.com-btn.com-btn-clx-pal-06:hover {
  border-color: #cdd9de;
  background-color: #cdd9de;
  color: #588192;
}

.com-btn.com-btn-clx-pal-07:hover {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  color: #ffffff;
}

.com-btn.com-btn-clx-pal-08:hover {
  border-color: #fa5464;
  background-color: #fa5464;
  color: #ffffff;
}

.com-btn.com-btn-clz-pal-00 {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
  background: linear-gradient(0deg, #ffffff 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-01 {
  border-color: #404040;
  background-color: transparent;
  color: #404040;
  background: linear-gradient(0deg, #404040 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-02 {
  border-color: #0077a7;
  background-color: transparent;
  color: #0077a7;
  background: linear-gradient(0deg, #0077a7 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-03 {
  border-color: #00a7b2;
  background-color: transparent;
  color: #00a7b2;
  background: linear-gradient(0deg, #00a7b2 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-04 {
  border-color: #588192;
  background-color: transparent;
  color: #588192;
  background: linear-gradient(0deg, #588192 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-05 {
  border-color: #eef2f4;
  background-color: transparent;
  color: #588192;
  background: linear-gradient(0deg, #eef2f4 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-06 {
  border-color: #cdd9de;
  background-color: transparent;
  color: #588192;
  background: linear-gradient(0deg, #cdd9de 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-07 {
  border-color: #a0a0a0;
  background-color: transparent;
  color: #a0a0a0;
  background: linear-gradient(0deg, #a0a0a0 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-08 {
  border-color: #fa5464;
  background-color: transparent;
  color: #fa5464;
  background: linear-gradient(0deg, #fa5464 25%, transparent 75%);
  background-position: 0% 0%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-00:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #0077a7;
  background: linear-gradient(0deg, #ffffff 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-01:hover {
  border-color: #404040;
  background-color: #404040;
  color: #ffffff;
  background: linear-gradient(0deg, #404040 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-02:hover {
  border-color: #0077a7;
  background-color: #0077a7;
  color: #ffffff;
  background: linear-gradient(0deg, #0077a7 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-03:hover {
  border-color: #00a7b2;
  background-color: #00a7b2;
  color: #ffffff;
  background: linear-gradient(0deg, #00a7b2 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-04:hover {
  border-color: #588192;
  background-color: #588192;
  color: #ffffff;
  background: linear-gradient(0deg, #588192 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-05:hover {
  border-color: #eef2f4;
  background-color: #eef2f4;
  color: #588192;
  background: linear-gradient(0deg, #eef2f4 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-06:hover {
  border-color: #cdd9de;
  background-color: #cdd9de;
  color: #588192;
  background: linear-gradient(0deg, #cdd9de 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-07:hover {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  color: #ffffff;
  background: linear-gradient(0deg, #a0a0a0 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}

.com-btn.com-btn-clz-pal-08:hover {
  border-color: #fa5464;
  background-color: #fa5464;
  color: #ffffff;
  background: linear-gradient(0deg, #fa5464 25%, transparent 75%);
  background-position: 0% 100%;
  background-size: 400% 400%;
}




/********************/
/* com-btn-stack */
.com-btn-stack,
.com-btn-stack-sm {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-btn-stack-al-left {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.com-btn-stack-al-right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.com-btn-stack-al-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.com-btn-stack {
  margin: -5px;
}

.com-btn-stack .com-btn {
  margin: 5px;
}

.com-btn-stack-sm {
  margin: -3px;
}

.com-btn-stack-sm .com-btn {
  margin: 3px;
}

@media screen and (max-width: 333px) {
  .com-btn-stack {
    margin: -1.54639175%;
  }

  .com-btn-stack .com-btn {
    margin: 1.5%;
  }
}

@media screen and (max-width: 166px) {
  .com-btn-stack-sm {
    margin: -1.54639175%;
  }

  .com-btn-stack-sm .com-btn {
    margin: 1.5%;
  }
}


/********************/
/* com-btn-ico */
.com-btn.com-btn-ico.com-btn-sz-df {
  font-size: 24px;
  line-height: 24px;
  padding: 10px;
}

.com-btn.com-btn-ico.com-btn-sz-40 {
  font-size: 24px;
  line-height: 24px;
  padding: 6px;
}

.com-btn.com-btn-ico.com-btn-sz-48 {
  font-size: 24px;
  line-height: 24px;
  padding: 10px;
}

.com-btn.com-btn-ico.com-btn-sz-56 {
  font-size: 24px;
  line-height: 24px;
  padding: 14px;
}





/********************/
/* com-btn-flex */
.com-btn.com-btn-flex {
  display: -moz-inline-stack;
  /* fx2 */
  display: inline-block;
  /* fx3+, chrome4+, safari3+, opera9+, ie8+ */
  display: -webkit-inline-flex;
  /* chrome21+, safari6.1+, opera15+ */
  display: -moz-inline-flex;
  /* fx22 */
  display: inline-flex;
  /* fx28, chrome28+, safari9+, opera12.1+, ie10+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-btn.com-btn-flex.com-btn-dp-bl {
  display: block;
  display: -webkit-flex;
  /* chrome21+, safari6.1+, opera15+ */
  display: -moz-flex;
  /* fx22 */
  display: flex;
  /* fx28, chrome28+, safari9+, opera12.1+, ie10+ */
  width: 100%;
}

.com-btn.com-btn-flex .com-icon {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  width: 24px;
  font-size: 24px;
}

.com-btn.com-btn-flex .com-icon:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.com-btn.com-btn-flex .com-text {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
}

.com-btn.com-btn-flex .com-icon+.com-text {
  text-align: right;
}

.com-btn.com-btn-flex .com-icon+.com-text,
.com-btn.com-btn-flex .com-text+.com-icon {
  margin-left: 24px;
}

/******************************************/
/* GRID */

/********************/
/* grid */
[data-grid-type] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* margin */
/* margin = gap * 100 / (100 - 2 * gap) */
[data-grid-gap='0'],
[data-grid-gap='0x'] {
  margin-left: 0.00000000%;
  margin-right: 0.00000000%;
}

[data-grid-gap='1'],
[data-grid-gap='1x'] {
  margin-left: -0.50505050%;
  margin-right: -0.50505050%;
}

[data-grid-gap='2'],
[data-grid-gap='2x'] {
  margin-left: -1.02040816%;
  margin-right: -1.02040816%;
}

[data-grid-gap='3'],
[data-grid-gap='3x'] {
  margin-left: -1.54639175%;
  margin-right: -1.54639175%;
}

[data-grid-gap='4'],
[data-grid-gap='4x'] {
  margin-left: -2.08333333%;
  margin-right: -2.08333333%;
}

[data-grid-gap='5'],
[data-grid-gap='5x'] {
  margin-left: -2.63157894%;
  margin-right: -2.63157894%;
}

[data-grid-gap='6'],
[data-grid-gap='6x'] {
  margin-left: -3.19148936%;
  margin-right: -3.19148936%;
}

[data-grid-gap='7'],
[data-grid-gap='7x'] {
  margin-left: -3.76344086%;
  margin-right: -3.76344086%;
}

[data-grid-gap='8'],
[data-grid-gap='8x'] {
  margin-left: -4.34782608%;
  margin-right: -4.34782608%;
}

[data-grid-gap='9'],
[data-grid-gap='9x'] {
  margin-left: -4.94505494%;
  margin-right: -4.94505494%;
}

[data-grid-gap='0'],
[data-grid-gap='0y'] {
  margin-top: 0.00000000%;
  margin-bottom: 0.00000000%;
}

[data-grid-gap='1'],
[data-grid-gap='1y'] {
  margin-top: -0.50505050%;
  margin-bottom: -0.50505050%;
}

[data-grid-gap='2'],
[data-grid-gap='2y'] {
  margin-top: -1.02040816%;
  /* margin-bottom: -1.02040816%; */
  /* margin-bottom: 1.02040816%; */
}

[data-grid-gap='3'],
[data-grid-gap='3y'] {
  margin-top: -1.54639175%;
  margin-bottom: -1.54639175%;
}

[data-grid-gap='4'],
[data-grid-gap='4y'] {
  margin-top: -2.08333333%;
  margin-bottom: -2.08333333%;
}

[data-grid-gap='5'],
[data-grid-gap='5y'] {
  margin-top: -2.63157894%;
  margin-bottom: -2.63157894%;
}

[data-grid-gap='6'],
[data-grid-gap='6y'] {
  margin-top: -3.19148936%;
  margin-bottom: -3.19148936%;
}

[data-grid-gap='7'],
[data-grid-gap='7y'] {
  margin-top: -3.76344086%;
  margin-bottom: -3.76344086%;
}

[data-grid-gap='8'],
[data-grid-gap='8y'] {
  margin-top: -4.34782608%;
  margin-bottom: -4.34782608%;
}

[data-grid-gap='9'],
[data-grid-gap='9y'] {
  margin-top: -4.94505494%;
  margin-bottom: -4.94505494%;
}

/* direction */
[data-grid-dir='normal'] {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

[data-grid-dir='reverse'] {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* align */
[data-grid-align='left'] {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

[data-grid-align='right'] {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

[data-grid-align='center'] {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

[data-grid-align='justify'] {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

[data-grid-align='distribute'] {
  -ms-flex-pack: distribute;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

/* valign */
[data-grid-valign='stretch'] {
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

[data-grid-valign='top'] {
  -ms-flex-align: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

[data-grid-valign='bottom'] {
  -ms-flex-align: end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

[data-grid-valign='middle'] {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/********************/
/* grid cols */

/* type */
[data-grid-cell] {
  -ms-flex: 0 1 auto;
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  /* ie fix */
}

/* size */
[data-grid-cell='12'] {
  width: 100.00000000%;
}

[data-grid-cell='11'] {
  width: 91.66666666%;
}

[data-grid-cell='10'] {
  width: 83.33333333%;
}

[data-grid-cell='9'] {
  width: 75.00000000%;
}

[data-grid-cell='8'] {
  width: 66.66666666%;
}

[data-grid-cell='7'] {
  width: 58.33333333%;
}

[data-grid-cell='6'] {
  width: 50.00000000%;
}

[data-grid-cell='5'] {
  width: 41.66666666%;
}

[data-grid-cell='4'] {
  width: 33.33333333%;
}

[data-grid-cell='3'] {
  width: 25.00000000%;
}

[data-grid-cell='2'] {
  width: 16.66666666%;
}

[data-grid-cell='1'] {
  width: 8.33333333%;
}

/* padding */
[data-grid-gap='0']>[data-grid-cell],
[data-grid-gap='0x']>[data-grid-cell] {
  padding-left: 0.0%;
  padding-right: 0.0%;
}

[data-grid-gap='1']>[data-grid-cell],
[data-grid-gap='1x']>[data-grid-cell] {
  padding-left: 0.5%;
  padding-right: 0.5%;
}

[data-grid-gap='2']>[data-grid-cell],
[data-grid-gap='2x']>[data-grid-cell] {
  padding-left: 1.0%;
  padding-right: 1.0%;
}

[data-grid-gap='3']>[data-grid-cell],
[data-grid-gap='3x']>[data-grid-cell] {
  padding-left: 1.5%;
  padding-right: 1.5%;
}

[data-grid-gap='4']>[data-grid-cell],
[data-grid-gap='4x']>[data-grid-cell] {
  padding-left: 2.0%;
  padding-right: 2.0%;
}

[data-grid-gap='5']>[data-grid-cell],
[data-grid-gap='5x']>[data-grid-cell] {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

[data-grid-gap='6']>[data-grid-cell],
[data-grid-gap='6x']>[data-grid-cell] {
  padding-left: 3.0%;
  padding-right: 3.0%;
}

[data-grid-gap='7']>[data-grid-cell],
[data-grid-gap='7x']>[data-grid-cell] {
  padding-left: 3.5%;
  padding-right: 3.5%;
}

[data-grid-gap='8']>[data-grid-cell],
[data-grid-gap='8x']>[data-grid-cell] {
  padding-left: 4.0%;
  padding-right: 4.0%;
}

[data-grid-gap='9']>[data-grid-cell],
[data-grid-gap='9x']>[data-grid-cell] {
  padding-left: 4.5%;
  padding-right: 4.5%;
}

[data-grid-gap='0']>[data-grid-cell],
[data-grid-gap='0y']>[data-grid-cell] {
  padding-top: 0.0%;
  padding-bottom: 0.0%;
}

[data-grid-gap='1']>[data-grid-cell],
[data-grid-gap='1y']>[data-grid-cell] {
  padding-top: 0.5%;
  padding-bottom: 0.5%;
}

[data-grid-gap='2']>[data-grid-cell],
[data-grid-gap='2y']>[data-grid-cell] {
  padding-top: 1.0%;
  padding-bottom: 1.0%;
}

[data-grid-gap='3']>[data-grid-cell],
[data-grid-gap='3y']>[data-grid-cell] {
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

[data-grid-gap='4']>[data-grid-cell],
[data-grid-gap='4y']>[data-grid-cell] {
  padding-top: 2.0%;
  padding-bottom: 2.0%;
}

[data-grid-gap='5']>[data-grid-cell],
[data-grid-gap='5y']>[data-grid-cell] {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}

[data-grid-gap='6']>[data-grid-cell],
[data-grid-gap='6y']>[data-grid-cell] {
  padding-top: 3.0%;
  padding-bottom: 3.0%;
}

[data-grid-gap='7']>[data-grid-cell],
[data-grid-gap='7y']>[data-grid-cell] {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
}

[data-grid-gap='8']>[data-grid-cell],
[data-grid-gap='8y']>[data-grid-cell] {
  padding-top: 4.0%;
  padding-bottom: 4.0%;
}

[data-grid-gap='9']>[data-grid-cell],
[data-grid-gap='9y']>[data-grid-cell] {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
}




/********************/
/* <= 960 */
@media screen and (max-width: 960px) {
  [data-grid-type='adapt']>[data-grid-cell='12'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='11'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='10'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='9'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='8'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='7'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='6'] {
    width: 50.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='5'] {
    width: 50.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='4'] {
    width: 33.33333333%;
  }

  [data-grid-type='adapt']>[data-grid-cell='3'] {
    width: 50.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='2'] {
    width: 33.33333333%;
  }

  [data-grid-type='adapt']>[data-grid-cell='1'] {
    width: 16.66666666%;
  }
}

/********************/
/* <= 800 */
@media screen and (max-width: 800px) {
  [data-grid-type='adapt']>[data-grid-cell='6'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='5'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='4'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='3'] {
    width: 50.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='2'] {
    width: 33.33333333%;
  }

  [data-grid-type='adapt']>[data-grid-cell='1'] {
    width: 16.66666666%;
  }
}

/********************/
/* <= 600 */
@media screen and (max-width: 600px) {
  [data-grid-type='adapt']>[data-grid-cell='2'] {
    width: 33.33333333%;
  }

  [data-grid-type='adapt']>[data-grid-cell='1'] {
    width: 25.00000000%;
  }
}

/********************/
/* <= 480 */
@media screen and (max-width: 480px) {
  [data-grid-type='adapt']>[data-grid-cell='3'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='2'] {
    width: 100.00000000%;
  }

  [data-grid-type='adapt']>[data-grid-cell='1'] {
    width: 50.00000000%;
  }
}

/********************/
/* <= 320 */
@media screen and (max-width: 320px) {
  [data-grid-type='adapt']>[data-grid-cell='1'] {
    width: 100.00000000%;
  }
}

/********************/


/******************************************/
/* GRID TYPES */

/********************/
/* a - normal */
.com-grid-pad-a,
.com-grid-pad-a-hover {
  z-index: 1;
  display: block;
  position: relative;
  padding: 19px;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #000000;
  border-color: #ffffff;
  background-color: #ffffff;
}

.com-grid-pad-a-hover:hover {
  border-color: #035eab;
}




/********************/
[data-grid-type='sample'] {
  margin-bottom: -20px;
}

[data-grid-type='sample']>[data-grid-cell] {
  margin-bottom: 20px;
}

[data-grid-type='sample']>[data-grid-cell] {
  width: 50%;
}

/**********/
@media screen and (max-width: 1260px) {
  [data-grid-type='sample']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='form']>[data-grid-cell='a'] {
  width: 100.00000000%;
}

[data-grid-type='form']>[data-grid-cell='s'] {
  width: 66.66666666%;
}

[data-grid-type='form']>[data-grid-cell='b'] {
  width: 50.00000000%;
}

[data-grid-type='form']>[data-grid-cell='c'] {
  width: 33.33333333%;
}

[data-grid-type='form']>[data-grid-cell='d'] {
  width: 25.00000000%;
}

[data-grid-type='form']>[data-grid-cell='e'] {
  width: 16.66666666%;
}

/**********/
@media screen and (max-width: 1120px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 25.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 25.00000000%;
  }
}

/**********/
@media screen and (max-width: 800px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 25.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 25.00000000%;
  }
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 50.00000000%;
  }
}

/**********/
@media screen and (max-width: 640px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 50.00000000%;
  }
}

/**********/
@media screen and (max-width: 560px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 50.00000000%;
  }
}

/**********/
@media screen and (max-width: 480px) {
  [data-grid-type='form']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='c'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='d'] {
    width: 100.00000000%;
  }

  [data-grid-type='form']>[data-grid-cell='e'] {
    width: 100.00000000%;
  }
}




/********************/
[data-grid-type='form-medium']>[data-grid-cell='a'] {
  width: 100.00000000%;
}

[data-grid-type='form-medium']>[data-grid-cell='s'] {
  width: 66.66666666%;
}

[data-grid-type='form-medium']>[data-grid-cell='b'] {
  width: 50.00000000%;
}

[data-grid-type='form-medium']>[data-grid-cell='c'] {
  width: 33.33333333%;
}

[data-grid-type='form-medium']>[data-grid-cell='d'] {
  width: 25.00000000%;
}

[data-grid-type='form-medium']>[data-grid-cell='e'] {
  width: 16.66666666%;
}

/**********/
@media screen and (max-width: 800px) {
  [data-grid-type='form-medium']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='b'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='d'] {
    width: 25.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='e'] {
    width: 25.00000000%;
  }
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='form-medium']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='b'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='e'] {
    width: 25.00000000%;
  }
}

/**********/
@media screen and (max-width: 640px) {
  [data-grid-type='form-medium']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='e'] {
    width: 25.00000000%;
  }
}

/**********/
@media screen and (max-width: 560px) {
  [data-grid-type='form-medium']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='c'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='d'] {
    width: 50.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='e'] {
    width: 50.00000000%;
  }
}

/**********/
@media screen and (max-width: 480px) {
  [data-grid-type='form-medium']>[data-grid-cell='a'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='s'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='b'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='c'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='d'] {
    width: 100.00000000%;
  }

  [data-grid-type='form-medium']>[data-grid-cell='e'] {
    width: 100.00000000%;
  }
}




/********************/
[data-grid-type='footer'] {
  /* margin-bottom: -40px; */
}

[data-grid-type='footer']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='footer']>[data-grid-cell='menu'] {
  width: 25.0%;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
}

[data-grid-type='footer']>[data-grid-cell='info'] {
  width: 25.0%;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
}

[data-grid-type='footer']>[data-grid-cell='soci'] {
  width: 25.0%;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
}

[data-grid-type='footer']>[data-grid-cell='copy'] {
  width: 50.0%;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
}

[data-grid-type='footer']>[data-grid-cell='link'] {
  width: 50.0%;
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
}

/**********/
@media screen and (max-width: 1260px) {
  [data-grid-type='footer']>[data-grid-cell='menu'] {
    width: 50.0%;
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
  }

  [data-grid-type='footer']>[data-grid-cell='info'] {
    width: 50.0%;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
  }

  [data-grid-type='footer']>[data-grid-cell='soci'] {
    width: 50.0%;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
  }

  [data-grid-type='footer']>[data-grid-cell='copy'] {
    width: 50.0%;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
  }

  [data-grid-type='footer']>[data-grid-cell='link'] {
    width: 50.0%;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
  }
}

/**********/
@media screen and (max-width: 800px) {
  [data-grid-type='footer']>[data-grid-cell] {
    width: 100.0%;
  }

  [data-grid-type='footer']>[data-grid-cell='menu'] {
    width: 100.0%;
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
  }

  [data-grid-type='footer']>[data-grid-cell='info'] {
    width: 100.0%;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
  }

  [data-grid-type='footer']>[data-grid-cell='soci'] {
    width: 100.0%;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
  }

  [data-grid-type='footer']>[data-grid-cell='copy'] {
    width: 100.0%;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
  }

  [data-grid-type='footer']>[data-grid-cell='link'] {
    width: 100.0%;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
  }
}




/********************/
[data-grid-type='promo-services'] {
  /* margin-bottom: -40px; */
}

[data-grid-type='promo-services']>[data-grid-cell] {
  margin-bottom: 10px;
}

[data-grid-type='promo-services']>[data-grid-cell] {
  width: 25%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='promo-services']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='promo-services']>[data-grid-cell] {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 400px) {
  [data-grid-type='promo-services'] {
    margin-bottom: 0px;
  }

  [data-grid-type='promo-services']>[data-grid-cell] {
    margin-bottom: 0px;
  }
}




/********************/
[data-grid-type='contact-services'] {
  margin-bottom: -40px;
  text-align: center;
}

[data-grid-type='contact-services']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='contact-services']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1020px) {
  [data-grid-type='contact-services']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='contact-services']>[data-grid-cell] {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 400px) {
  [data-grid-type='contact-services'] {
    margin-bottom: 0px;
  }

  [data-grid-type='contact-services']>[data-grid-cell] {
    margin-bottom: 0px;
  }
}




/********************/
[data-grid-type='about-services'] {
  margin-bottom: -40px;
}

[data-grid-type='about-services']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='about-services']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='about-services']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='about-services']>[data-grid-cell] {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 400px) {
  [data-grid-type='about-services'] {
    margin-bottom: 0px;
  }

  [data-grid-type='about-services']>[data-grid-cell] {
    margin-bottom: 0px;
  }
}




/********************/
[data-grid-type='promo-products'] {
  margin-bottom: -40px;
}

[data-grid-type='promo-products']>[data-grid-cell] {
  margin-bottom: 20px;
}

[data-grid-type='promo-products']>[data-grid-cell] {
  width: 25%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='promo-products']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='promo-products']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='help-links']>[data-grid-cell] {
  width: 25%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='help-links']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='help-links']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='product-list']>[data-grid-cell] {
  width: 25%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='product-list']>[data-grid-cell] {
    width: 33.33333333%;
  }
}

/**********/
@media screen and (max-width: 960px) {
  [data-grid-type='product-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='product-list']>[data-grid-cell] {
    width: 100%;
  }
}

/********************/
[data-grid-type='product-list-refined']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='product-list-refined']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 1020px) {
  [data-grid-type='product-list-refined']>[data-grid-cell] {
    width: 33.33333333%;
  }
}

/**********/
@media screen and (max-width: 960px) {
  [data-grid-type='product-list-refined']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='product-list-refined']>[data-grid-cell] {
    width: 100%;
  }
}

/********************/
[data-grid-type='appform-landing']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='appform-landing']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 760px) {
  [data-grid-type='appform-landing']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='digital-service-list']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='digital-service-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 760px) {
  [data-grid-type='digital-service-list']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='postservice-landing']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='postservice-landing']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 760px) {
  [data-grid-type='postservice-landing']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='postservice-list-a']>[data-grid-cell] {
  width: 50%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='postservice-list-a']>[data-grid-cell] {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 960px) {
  [data-grid-type='postservice-list-a']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 760px) {
  [data-grid-type='postservice-list-a']>[data-grid-cell] {
    width: 100%;
  }
}




/********************/
[data-grid-type='postservice-list-b'] {
  margin-bottom: -40px;
}

[data-grid-type='postservice-list-b']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='postservice-list-b']>[data-grid-cell] {
  width: 50%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='postservice-list-b']>[data-grid-cell] {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 960px) {
  [data-grid-type='postservice-list-b']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 760px) {
  [data-grid-type='postservice-list-b']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='news-list'] {
  /* margin-bottom: -40px; */
  /* margin-bottom: 40px; */
}

[data-grid-type='news-list']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='news-list']>[data-grid-cell] {
  width: 25%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='news-list']>[data-grid-cell] {
    width: 33.33333333%;
  }
}

/**********/
@media screen and (max-width: 960px) {
  [data-grid-type='news-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 600px) {
  [data-grid-type='news-list']>[data-grid-cell] {
    width: 100%;
  }
}




/********************/
[data-grid-type='postcode-list'] {
  margin-bottom: -20px;
}

[data-grid-type='postcode-list']>[data-grid-cell] {
  margin-bottom: 20px;
}

[data-grid-type='postcode-list']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='postcode-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='postcode-list']>[data-grid-cell] {
    width: 100%;
  }
}




/********************/
[data-grid-type='personal-info'] {
  margin-bottom: -15px;
}

[data-grid-type='personal-info']>[data-grid-cell] {
  margin-bottom: 15px;
}

[data-grid-type='personal-info']>[data-grid-cell] {
  width: 50%;
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='personal-info']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='addresses-list'] {
  margin-bottom: -40px;
}

[data-grid-type='addresses-list']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='addresses-list']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='addresses-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='addresses-list']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='ccards-list'] {
  margin-bottom: -40px;
}

[data-grid-type='ccards-list']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='ccards-list']>[data-grid-cell] {
  width: 33.33333333%;
}

/**********/
@media screen and (max-width: 1200px) {
  [data-grid-type='ccards-list']>[data-grid-cell] {
    width: 50%;
  }
}

/**********/
@media screen and (max-width: 720px) {
  [data-grid-type='ccards-list']>[data-grid-cell] {
    width: 100%;
  }
}



/********************/
[data-grid-type='dashboard-wishlist'] {
  margin-bottom: -40px;
}

[data-grid-type='dashboard-wishlist']>[data-grid-cell] {
  margin-bottom: 40px;
}

[data-grid-type='dashboard-wishlist']>[data-grid-cell] {
  width: 50%;
}

/**********/
@media screen and (max-width: 1140px) {
  [data-grid-type='dashboard-wishlist']>[data-grid-cell] {
    width: 100%;
  }
}





/******************************************/
/* com-lightbox */

/********************/
/* lightbox root */
.com-lightbox {
  display: block;
  z-index: 1000000;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  /* android prior v4.4.4 fixed positioning */
}

/********************/
/* lightbox outer and inner */
.com-lightbox .com-lightbox-outer,
.com-lightbox .com-lightbox-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.com-lightbox .com-lightbox-outer {
  z-index: 1;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.666);
}

.com-lightbox .com-lightbox-inner {
  z-index: 2;
  overflow: auto;
  overflow-x: auto;
  overflow-y: scroll;
}

/********************/
/* lightbox outer and inner contents */
.com-lightbox .com-lightbox-outer-content,
.com-lightbox .com-lightbox-inner-content {
  display: block;
  width: 100%;
  height: 100%;
}

/********************/
/* midst outer and inner */
.com-lightbox .com-lightbox-midst-outer {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.com-lightbox .com-lightbox-midst-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  padding: 3%;
}




/********************/
/* lightbox default loader */
.com-lightbox .com-lightbox-loader {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.033em solid #ffffff;
  border-top-color: transparent;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-animation: 1.0s linear 0s infinite normal com-lightbox-loader;
  -moz-animation: 1.0s linear 0s infinite normal com-lightbox-loader;
  animation: 1.0s linear 0s infinite normal com-lightbox-loader;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  color: transparent;
  background-color: transparent;
  font-size: 64px;
}

@-webkit-keyframes com-lightbox-loader {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes com-lightbox-loader {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes com-lightbox-loader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/******************************************/
/* LIGHTBOXES */

.com-lbox-window {
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: left;
  background-color: #ffffff;
}

/********************/
.com-lbox-window-close {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 18px;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .com-lbox-window-close {
    margin: 3vw;
  }
}

/********************/
.com-lbox-window-content {
  padding: 48px;
}

@media screen and (max-width: 1600px) {
  .com-lbox-window-content {
    padding: 48px 3vw;
  }
}

@media screen and (max-width: 600px) {
  .com-lbox-window-content {
    padding: calc(4vw + 24px) 3vw;
  }
}




/********************/
/* lbox page */
.com-lbox-page {
  position: relative;
  min-height: 100%;
  text-align: left;
  background-color: #ffffff;
}

/********************/
.com-lbox-page-close {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 24px;
  text-align: right;
}

@media screen and (max-width: 800px) {
  .com-lbox-page-close {
    margin: 3vw;
  }
}

/********************/
.com-lbox-page-content {
  padding: 72px 0;
}

@media screen and (max-width: 800px) {
  .com-lbox-page-content {
    padding: calc(6vw + 24px) 0;
  }
}




/********************/
/* lbox close */
.com-lbox-close {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #404040;
  opacity: 1.00;
}

.com-lbox-close .com-icon {
  font-size: 26px;
  margin: -1px;
}

.com-lbox-close:hover {
  opacity: 0.75;
}




/********************/
/* theme */
.com-lightbox[data-lightbox-theme="lightbox"] .com-lightbox-outer {
  background-color: rgba(0, 0, 0, 0.666);
}

.com-lightbox[data-lightbox-theme="lightbox"] .com-lightbox-loader {
  border-color: #ffffff;
  border-top-color: transparent;
}

.com-lightbox[data-lightbox-theme="lightbox"] .com-lbox-window {
  background-color: #ffffff;
  color: #404040;
}

/********************/
/* theme */
.com-lightbox[data-lightbox-theme="lightpage"] .com-lightbox-outer {
  background-color: rgba(255, 255, 255, 0.666);
}

.com-lightbox[data-lightbox-theme="lightpage"] .com-lightbox-loader {
  border-color: #000000;
  border-top-color: transparent;
}

.com-lightbox[data-lightbox-theme="lightpage"] .com-lbox-page {
  background-color: #ffffff;
  color: #404040;
}




/********************/
/* tune sign-in */
/********************/
.com-lbox-window-sign-in {
  margin: 0 auto;
  max-width: 1000px;
}

.com-lbox-window-sign-in .com-lbox-window-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  padding: 0;
}

.com-lbox-window-sign-in .com-lbox-window-content-lt,
.com-lbox-window-sign-in .com-lbox-window-content-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  padding: 48px;
}

.com-lbox-window-sign-in .com-lbox-window-content-rt {
  color: #ffffff;
  background-color: #0077a7;
}

.com-lbox-window-sign-in .com-lbox-close {
  color: #ffffff;
}

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

  .com-lbox-window-sign-in .com-lbox-window-content-lt,
  .com-lbox-window-sign-in .com-lbox-window-content-rt {
    padding: 48px 3vw;
  }
}

@media screen and (max-width: 1020px) {
  .com-lbox-window-sign-in {
    margin: 0 auto;
    max-width: 480px;
  }

  .com-lbox-window-sign-in .com-lbox-window-content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-lbox-window-sign-in .com-lbox-window-content-lt,
  .com-lbox-window-sign-in .com-lbox-window-content-rt {
    width: auto;
  }

  .com-lbox-window-sign-in .com-lbox-close {
    color: #404040;
  }
}

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

  .com-lbox-window-sign-in .com-lbox-window-content-lt,
  .com-lbox-window-sign-in .com-lbox-window-content-rt {
    padding: calc(4vw + 24px) 3vw;
  }
}




/********************/
/* tune subscribe-news */
/********************/
.com-lbox-window-subscribe-news {
  margin: 0 auto;
  max-width: 1000px;
}

.com-lbox-window-subscribe-news .com-lbox-window-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  padding: 0;
}

.com-lbox-window-subscribe-news .com-lbox-window-content-lt,
.com-lbox-window-subscribe-news .com-lbox-window-content-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  padding: 48px;
}

.com-lbox-window-subscribe-news .com-lbox-window-content-rt {
  color: #ffffff;
  background-color: #0077a7;
}

.com-lbox-window-subscribe-news .com-lbox-close {
  color: #ffffff;
}

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

  .com-lbox-window-subscribe-news .com-lbox-window-content-lt,
  .com-lbox-window-subscribe-news .com-lbox-window-content-rt {
    padding: 48px 3vw;
  }
}

@media screen and (max-width: 1020px) {
  .com-lbox-window-subscribe-news {
    margin: 0 auto;
    max-width: 480px;
  }

  .com-lbox-window-subscribe-news .com-lbox-window-content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-lbox-window-subscribe-news .com-lbox-window-content-lt,
  .com-lbox-window-subscribe-news .com-lbox-window-content-rt {
    width: auto;
  }

  .com-lbox-window-subscribe-news .com-lbox-close {
    color: #404040;
  }
}

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

  .com-lbox-window-subscribe-news .com-lbox-window-content-lt,
  .com-lbox-window-subscribe-news .com-lbox-window-content-rt {
    padding: calc(4vw + 24px) 3vw;
  }
}


/******************************************/
/* CUSTOM FORMS */
/******************************************/

/********************/
/* colors */

.com-cc-form .com-cl-failure {
  color: #800000;
}

.com-cc-form .com-cl-success {
  color: #008000;
}




/********************/
/* labels */

.com-cc-form .com-cc-label {
  cursor: default;
  font-weight: bold;
}

.com-cc-form .com-cc-label {
  color: #404040;
}

.com-cc-form .com-cc-error .com-cc-label {
  color: #fa5464;
}




/********************/
/* box-labels */
.com-cc-form .com-cc-label-box {
  cursor: pointer;
  line-height: 16px;
}

.com-cc-form .com-cc-label-box>.com-cc-check {
  vertical-align: top;
}

.com-cc-form .com-cc-label-box>.com-cc-radio {
  vertical-align: top;
}

.com-cc-form .com-cc-label-box>.com-cc-check+.com-cc-text {
  display: inline;
  vertical-align: baseline;
  width: auto;
  margin-left: 0.5em;
}

.com-cc-form .com-cc-label-box>.com-cc-radio+.com-cc-text {
  display: inline;
  vertical-align: baseline;
  width: auto;
  margin-left: 0.5em;
}

.com-cc-form .com-cc-label-box {
  color: #404040;
}

.com-cc-form .com-cc-error .com-cc-label-box {
  color: #fa5464;
}

.com-cc-form .com-cc-label-lt-box {
  display: inline-block;
  cursor: pointer;
  line-height: 16px;
  text-align: left;
}

.com-cc-form .com-cc-label-lt-box>.com-cc-check {
  display: block;
  float: left;
}

.com-cc-form .com-cc-label-lt-box>.com-cc-radio {
  display: block;
  float: left;
}

.com-cc-form .com-cc-label-lt-box>.com-cc-text {
  display: block;
  margin-left: 26px;
  width: auto;
}

.com-cc-form .com-cc-label-lt-box {
  color: #404040;
}

.com-cc-form .com-cc-error .com-cc-label-lt-box {
  color: #fa5464;
}

.com-cc-form .com-cc-shift-lt-box {
  text-align: left;
  margin-left: 26px;
}

.com-cc-form .com-cc-label-rt-box {
  cursor: pointer;
  line-height: 16px;
  text-align: right;
}

.com-cc-form .com-cc-label-rt-box>.com-cc-check {
  display: block;
  float: right;
}

.com-cc-form .com-cc-label-rt-box>.com-cc-radio {
  display: block;
  float: right;
}

.com-cc-form .com-cc-label-rt-box>.com-cc-text {
  display: block;
  margin-right: 26px;
  width: auto;
}

.com-cc-form .com-cc-label-rt-box {
  color: #404040;
}

.com-cc-form .com-cc-error .com-cc-label-rt-box {
  color: #fa5464;
}

.com-cc-form .com-cc-shift-rt-box {
  text-align: left;
  margin-right: 26px;
}




/********************/
/* error messages */
.com-cc-form .com-cc-box-info,
.com-cc-form .com-cc-box-error,
.com-cc-form .com-cc-box-success {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #808080;
  color: #ffffff;
}

.com-cc-form .com-cc-box-info {
  background-color: #588192;
  color: #ffffff;
}

.com-cc-form .com-cc-box-error {
  background-color: #fa5464;
  color: #ffffff;
}

.com-cc-form .com-cc-box-success {
  background-color: #00a7b2;
  color: #ffffff;
}




/********************/
/* BUTTON */
/*
.com-cc-form input[type='button'],
.com-cc-form input[type='submit'] {
  display: inline-block;
  vertical-align: top;
  outline: none;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
	 -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
		  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
  -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
		  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.com-cc-form input[type='button'],
.com-cc-form input[type='submit'] {
  color: #404040;
  border-color: #d0d0d0;
  background-color: #f0f0f0;
}
.com-cc-form input[type='button']:focus,
.com-cc-form input[type='submit']:focus {
  color: #404040;
  border-color: #d0d0d0;
  background-color: #d0d0d0;
}
.com-cc-form input[type='button']:disabled,
.com-cc-form input[type='submit']:disabled {
  color: #808080;
  border-color: #d0d0d0;
  background-color: #d0d0d0;
}
*/



/********************/
/* TEXT-BOX */
.com-cc-form .com-cc-text {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.com-cc-form .com-cc-text textarea,
.com-cc-form .com-cc-text input,
.com-cc-form .com-cc-pass input {
  display: inline-block;
  vertical-align: top;
  outline: none;
  width: 100%;
  height: 48px;
  /* ie needs height */
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.com-cc-form .com-cc-text textarea {
  height: auto;
  /* ie needs height */
  min-height: 96px;
}

.com-cc-form .com-cc-text textarea,
.com-cc-form .com-cc-text input,
.com-cc-form .com-cc-pass input {
  color: #404040;
  border-color: #eef2f4;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-text textarea:hover,
.com-cc-form .com-cc-text input:hover,
.com-cc-form .com-cc-pass input:hover {
  color: #404040;
  border-color: #eef2f4;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-text textarea:focus,
.com-cc-form .com-cc-text input:focus,
.com-cc-form .com-cc-pass input:focus {
  color: #404040;
  border-color: #588192;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-text textarea:active,
.com-cc-form .com-cc-text input:active,
.com-cc-form .com-cc-pass input:active {
  color: #404040;
  border-color: #588192;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-text textarea:disabled,
.com-cc-form .com-cc-text input:disabled,
.com-cc-form .com-cc-pass input:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form .com-cc-error .com-cc-text textarea,
.com-cc-form .com-cc-error .com-cc-text input,
.com-cc-form .com-cc-error .com-cc-pass input {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-text textarea:hover,
.com-cc-form .com-cc-error .com-cc-text input:hover,
.com-cc-form .com-cc-error .com-cc-pass input:hover {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-text textarea:focus,
.com-cc-form .com-cc-error .com-cc-text input:focus,
.com-cc-form .com-cc-error .com-cc-pass input:focus {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-text textarea:active,
.com-cc-form .com-cc-error .com-cc-text input:active,
.com-cc-form .com-cc-error .com-cc-pass input:active {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-text textarea:disabled,
.com-cc-form .com-cc-error .com-cc-text input:disabled,
.com-cc-form .com-cc-error .com-cc-pass input:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}




/********************/
/* PASS-FIELD */
.com-cc-form .com-cc-pass {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.com-cc-form .com-cc-pass input {
  padding-right: 44px;
}

.com-cc-form .com-cc-pass .com-cc-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
}

.com-cc-form .com-cc-pass .com-cc-icon:after {
  content: '\6b';
  display: block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  border-color: transparent;
  border-style: solid;
  border-width: 2px;
  padding: 12px;
  font-size: 20px;
  line-height: 20px;
}

.com-cc-form .com-cc-pass input[type='text']+.com-cc-icon:after {
  content: '\6c';
}

.com-cc-form .com-cc-pass input[type='password']+.com-cc-icon:after {
  content: '\6b';
}

.com-cc-form .com-cc-pass input~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-pass input:hover~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-pass input:focus~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-pass input:active~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-pass input:disabled~.com-cc-icon {
  color: #c0c0c0;
}

.com-cc-form .com-cc-error .com-cc-pass input~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-pass input:hover~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-pass input:focus~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-pass input:active~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-pass input:disabled~.com-cc-icon {
  color: #c0c0c0;
}




/********************/
/* TEXT-ICON-FIELD */
.com-cc-form .com-cc-text.com-cc-texticon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.com-cc-form .com-cc-text.com-cc-texticon input {
  padding-right: 44px;
}

.com-cc-form .com-cc-text.com-cc-texticon .com-cc-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
}

.com-cc-form .com-cc-text.com-cc-texticon .com-cc-icon:after {
  content: '';
  display: block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  border-color: transparent;
  border-style: solid;
  border-width: 2px;
  padding: 12px;
  font-size: 20px;
  line-height: 20px;
}

.com-cc-form .com-cc-text.com-cc-texticon input[data-cc-icon]~.com-cc-icon:after {
  content: '';
  color: #0077a7;
}

.com-cc-form .com-cc-text.com-cc-texticon input[data-cc-texticon='error']~.com-cc-icon:after {
  content: '\63';
  color: #fa5464;
}

.com-cc-form .com-cc-text.com-cc-texticon input[data-cc-texticon='success']~.com-cc-icon:after {
  content: '\62';
  color: #00a7b2;
}

.com-cc-form .com-cc-text.com-cc-texticon input:disabled~.com-cc-icon {
  display: none;
}

.com-cc-form .com-cc-error .com-cc-text.com-cc-texticon input:disabled~.com-cc-icon {
  display: none;
}




/********************/
/* TEXT-LINK-FIELD */
.com-cc-form .com-cc-text.com-cc-textlink {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.com-cc-form .com-cc-text.com-cc-textlink input {
  padding-right: 44px;
}

.com-cc-form .com-cc-text.com-cc-textlink .com-cc-link {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  padding: 0.15em 0;
  margin: 0 12px;
  text-decoration: none;
  border-bottom: 0.15em;
  border-bottom-style: solid;
  color: #0077a7;
}

.com-cc-form .com-cc-text.com-cc-textlink .com-cc-link:focus,
.com-cc-form .com-cc-text.com-cc-textlink .com-cc-link:active {
  color: #00a7b2;
}



/********************/
/* SELECT-BOX */

.com-cc-form .com-cc-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.com-cc-form .com-cc-select .com-cc-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  pointer-events: none;
}

.com-cc-form .com-cc-select .com-cc-icon:after {
  content: '\68';
  display: block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  border-color: transparent;
  border-style: solid;
  border-width: 2px;
  padding: 12px;
  font-size: 20px;
  line-height: 20px;
}

.com-cc-form .com-cc-select select {
  outline: none;
  width: 100%;
  height: 48px;
  /* ie needs height */
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  padding: 10px;
  padding-right: 44px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.com-cc-form .com-cc-select select::-ms-expand {
  display: none;
}

.com-cc-form .com-cc-select select {
  color: #404040;
  border-color: #eef2f4;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select select:hover {
  color: #404040;
  border-color: #eef2f4;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select select:focus {
  color: #404040;
  border-color: #588192;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select select:active {
  color: #404040;
  border-color: #588192;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select select:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form .com-cc-select .com-cc-error select {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select .com-cc-error select:hover {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select .com-cc-error select:focus {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select .com-cc-error select:active {
  color: #404040;
  border-color: #ff8080;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-select .com-cc-error select:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form .com-cc-select .com-cc-select select~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-select .com-cc-select select:hover~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-select .com-cc-select select:focus~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-select .com-cc-select select:active~.com-cc-icon {
  color: #0077a7;
}

.com-cc-form .com-cc-select .com-cc-select select:disabled~.com-cc-icon {
  color: #c0c0c0;
}

.com-cc-form .com-cc-select .com-cc-error .com-cc-select select~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-select .com-cc-error .com-cc-select select:hover~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-select .com-cc-error .com-cc-select select:focus~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-select .com-cc-error .com-cc-select select:active~.com-cc-icon {
  color: #ff8080;
}

.com-cc-form .com-cc-select .com-cc-error .com-cc-select select:disabled~.com-cc-icon {
  color: #c0c0c0;
}


/********************/
/* CHECK-BOX */

.com-cc-form .com-cc-check {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.com-cc-form .com-cc-check .com-cc-icon {
  display: block;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  pointer-events: none;
  border-style: solid;
  border-width: 2px;
  width: 24px;
  height: 24px;
}

.com-cc-form .com-cc-check .com-cc-icon:after {
  content: '\69';
  display: block;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  text-align: center;
  font-size: 20px;
  line-height: 1;
}

.com-cc-form .com-cc-check input~.com-cc-icon:after {
  opacity: 0;
}

.com-cc-form .com-cc-check input:checked~.com-cc-icon:after {
  opacity: 1;
}

.com-cc-form .com-cc-check input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.com-cc-form .com-cc-check input~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-check input:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-check input:hover~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-check input:hover:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-check input:focus~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-check input:focus:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-check input:active~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-check input:active:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-check input:disabled~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-check input:disabled:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #cdd9de;
}

.com-cc-form .com-cc-error .com-cc-check input~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-check input:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-check input:hover~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-check input:hover:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-check input:focus~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-check input:focus:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-check input:active~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-check input:active:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-check input:disabled~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-check input:disabled:checked~.com-cc-icon {
  color: #ffffff;
  border-color: #cdd9de;
  background-color: #cdd9de;
}




/********************/
/* RADIO-BOX */

.com-cc-form .com-cc-radio {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.com-cc-form .com-cc-radio .com-cc-icon {
  display: block;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  pointer-events: none;
  border-style: solid;
  border-width: 2px;
  width: 16px;
  height: 16px;
}

/*
.com-cc-form .com-cc-radio .com-cc-icon:after {
  content: '\6a';
  display: block;
  pointer-events: none;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
  -webkit-border-radius: 100px;
	 -moz-border-radius: 100px;
		  border-radius: 100px;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  text-align: center;
  font-size: 20px;
  line-height: 1;
}
*/
.com-cc-form .com-cc-radio input~.com-cc-icon:after {
  display: none;
}

.com-cc-form .com-cc-radio input:checked~.com-cc-icon:after {
  display: block;
}

.com-cc-form .com-cc-radio input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.com-cc-form .com-cc-radio input~.com-cc-icon {
  color: #00a7b2;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-radio input:checked~.com-cc-icon {
  color: #00a7b2;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-radio input:hover~.com-cc-icon {
  color: #00a7b2;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-radio input:hover:checked~.com-cc-icon {
  color: #00a7b2;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-radio input:focus~.com-cc-icon {
  color: #00a7b2;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-radio input:focus:checked~.com-cc-icon {
  color: #00a7b2;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-radio input:active~.com-cc-icon {
  color: #00a7b2;
  border-color: #cdd9de;
  background-color: #ffffff;
}

.com-cc-form .com-cc-radio input:active:checked~.com-cc-icon {
  color: #00a7b2;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-cc-form .com-cc-radio input:disabled~.com-cc-icon {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-radio input:disabled:checked~.com-cc-icon {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: #cdd9de;
}

.com-cc-form .com-cc-error .com-cc-radio input~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-radio input:checked~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-radio input:hover~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-radio input:hover:checked~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-radio input:focus~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-radio input:focus:checked~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-radio input:active~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form .com-cc-error .com-cc-radio input:active:checked~.com-cc-icon {
  color: #ff8080;
  border-color: #ff8080;
  background-color: #ff8080;
}

.com-cc-form .com-cc-error .com-cc-radio input:disabled~.com-cc-icon {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-cc-form .com-cc-error .com-cc-radio input:disabled:checked~.com-cc-icon {
  color: #cdd9de;
  border-color: #cdd9de;
  background-color: #cdd9de;
}




/********************/
/* FORM THEMES */

.com-cc-form.com-cc-form-shade .com-cc-text textarea,
.com-cc-form.com-cc-form-shade .com-cc-text input,
.com-cc-form.com-cc-form-shade .com-cc-pass input {
  color: #404040;
  border-color: #ffffff;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text textarea:hover,
.com-cc-form.com-cc-form-shade .com-cc-text input:hover,
.com-cc-form.com-cc-form-shade .com-cc-pass input:hover {
  color: #404040;
  border-color: #ffffff;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text textarea:focus,
.com-cc-form.com-cc-form-shade .com-cc-text input:focus,
.com-cc-form.com-cc-form-shade .com-cc-pass input:focus {
  color: #404040;
  border-color: #588192;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text textarea:active,
.com-cc-form.com-cc-form-shade .com-cc-text input:active,
.com-cc-form.com-cc-form-shade .com-cc-pass input:active {
  color: #404040;
  border-color: #588192;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text textarea:disabled,
.com-cc-form.com-cc-form-shade .com-cc-text input:disabled,
.com-cc-form.com-cc-form-shade .com-cc-pass input:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error textarea,
.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error input,
.com-cc-form.com-cc-form-shade .com-cc-pass .com-cc-error input {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error textarea:hover,
.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error input:hover,
.com-cc-form.com-cc-form-shade .com-cc-pass .com-cc-error input:hover {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error textarea:focus,
.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error input:focus,
.com-cc-form.com-cc-form-shade .com-cc-pass .com-cc-error input:focus {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error textarea:active,
.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error input:active,
.com-cc-form.com-cc-form-shade .com-cc-pass .com-cc-error input:active {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error textarea:disabled,
.com-cc-form.com-cc-form-shade .com-cc-text .com-cc-error input:disabled,
.com-cc-form.com-cc-form-shade .com-cc-pass .com-cc-error input:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form.com-cc-form-shade select {
  color: #404040;
  border-color: #eef2f4;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade select:hover {
  color: #404040;
  border-color: #eef2f4;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade select:focus {
  color: #404040;
  border-color: #588192;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade select:active {
  color: #404040;
  border-color: #588192;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade select:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}

.com-cc-form.com-cc-form-shade .com-cc-error select {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-error select:hover {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-error select:focus {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-error select:active {
  color: #404040;
  border-color: #ff8080;
  background-color: #ffffff;
}

.com-cc-form.com-cc-form-shade .com-cc-error select:disabled {
  color: #c0c0c0;
  border-color: #f7f9fa;
  background-color: #f7f9fa;
}



/******************************************/
/* EFECTS */

/**********/
.com-effect-push-up[data-onvisible='none'],
.com-effect-push-up[data-onvisible='none'] {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

.com-effect-push-up[data-onvisible='wait'],
.com-effect-push-up[data-onvisible='wait'],
.com-effect-push-up[data-onvisible='done'],
.com-effect-push-up[data-onvisible='done'] {
  opacity: 0;
  -webkit-transform: translateY(96px);
  -moz-transform: translateY(96px);
  transform: translateY(96px);
}

.com-effect-push-up[data-onvisible='done'],
.com-effect-push-up[data-onvisible='done'] {
  -webkit-animation: 1.0s ease 0.0s 1 forwards com-effect-opacity, 1.0s cubic-bezier(0.25, 1.00, 0.50, 1.00) 0.0s 1 forwards com-effect-push-up;
  -moz-animation: 1.0s ease 0.0s 1 forwards com-effect-opacity, 1.0s cubic-bezier(0.25, 1.00, 0.50, 1.00) 0.0s 1 forwards com-effect-push-up;
  animation: 1.0s ease 0.0s 1 forwards com-effect-opacity, 1.0s cubic-bezier(0.25, 1.00, 0.50, 1.00) 0.0s 1 forwards com-effect-push-up;
}

@-webkit-keyframes com-effect-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes com-effect-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes com-effect-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes com-effect-push-up {
  0% {
    -webkit-transform: translateY(96px);
    transform: translateY(96px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes com-effect-push-up {
  0% {
    -moz-transform: translateY(96px);
    transform: translateY(96px);
  }

  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes com-effect-push-up {
  0% {
    transform: translateY(96px);
  }

  100% {
    transform: translateY(0px);
  }
}


/******************************************/
/* LOADERS */

/********************/
/* <div class="com-loader-df"></div> */

.com-loader-df {
  width: 1em;
  height: 1em;
  border-width: 0.025em;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-animation: 1s linear 0s infinite normal com-loader-df;
  -moz-animation: 1s linear 0s infinite normal com-loader-df;
  animation: 1s linear 0s infinite normal com-loader-df;
}

@-webkit-keyframes com-loader-df {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes com-loader-df {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes com-loader-df {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/******************************************/
/* PAGINATION */

.com-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-pagination a {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
  -moz-transition: color 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease;
  margin: 0;
  padding: 8px;
  border: 2px solid transparent;
  min-width: 28px;
  min-height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #404040;
}

.com-pagination a.com-choosen {
  border-color: #0077a7;
  color: #0077a7;
}

.com-pagination a {
  opacity: 1.00;
}

.com-pagination a:hover {
  opacity: 0.75;
}

.com-pagination a.com-prev,
.com-pagination a.com-next {
  color: #0077a7;
}

.com-pagination a.com-prev:before,
.com-pagination a.com-next:before {
  content: '\20';
  display: block;
  font-family: 'Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.com-pagination a.com-prev:before {
  content: '\77'
}

.com-pagination a.com-next:before {
  content: '\75'
}

/**********/
@media screen and (max-width: 400px) {
  .com-pagination a {
    padding: 4px;
  }
}

/******************************************/
/* INPUT PLACEHOLDERS */

textarea:-webkit-input-placeholder,
input[type='text']:-webkit-input-placeholder,
input[type='search']:-webkit-input-placeholder,
input[type='password']:-webkit-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}

textarea:-moz-placeholder,
input[type='text']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}

textarea::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}

textarea:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}

textarea::placeholder,
input[type='text']::placeholder,
input[type='search']::placeholder,
input[type='password']::placeholder {
  color: #a0a0a0;
  opacity: 1;
}

textarea.com-placeholder,
input[type='text'].com-placeholder,
input[type='search'].com-placeholder,
input[type='password'].com-placeholder {
  color: #a0a0a0;
}

/******************************************/
/* SOCIAL */

/********************/
/* social icons */

.com-social-icons {}

.com-social-icons ul,
.com-social-icons li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-social-icons ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-social-icons li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-social-icons li+li {
  margin-left: 20px;
}

.com-social-icons a,
.com-social-icons a:hover,
.com-social-icons a:active {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #404040;
  opacity: 1.00;
}

.com-social-icons a:hover,
.com-social-icons a:active {
  opacity: 1.00;
}

.com-social-icons a:before {
  content: '\0020';
  display: block;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.com-social-icons a.com-icon-facebook:hover {
  color: #3b5998;
}

.com-social-icons a.com-icon-twitter:hover {
  color: #2caae1;
}

.com-social-icons a.com-icon-youtube:hover {
  color: #e31b2c;
}

.com-social-icons a.com-icon-linkedin:hover {
  color: #127bb7;
}

.com-social-icons a.com-icon-vimeo:hover {
  color: #1ab7ea;
}

.com-social-icons a.com-icon-telegram:hover {
  color: #0088cc;
}

.com-social-icons a.com-icon-skype:hover {
  color: #12A5F4;
}

.com-social-icons a.com-icon-instagram:hover {
  color: #f50057;
}

.com-social-icons a.com-icon-viber:hover {
  color: #7360f2;
}

.com-social-icons a.com-icon-whatsapp:hover {
  color: #25d366;
}

.com-social-icons a.com-icon-facebook:before {
  content: '\0040';
}

.com-social-icons a.com-icon-twitter:before {
  content: '\0041';
}

.com-social-icons a.com-icon-youtube:before {
  content: '\0042';
}

.com-social-icons a.com-icon-linkedin:before {
  content: '\0043';
}

.com-social-icons a.com-icon-vimeo:before {
  content: '\0044';
}

.com-social-icons a.com-icon-telegram:before {
  content: '\0045';
}

.com-social-icons a.com-icon-skype:before {
  content: '\0046';
}

.com-social-icons a.com-icon-instagram:before {
  content: '\0047';
}

.com-social-icons a.com-icon-viber:before {
  content: '\0048';
}

.com-social-icons a.com-icon-whatsapp:before {
  content: '\0049';
}




/********************/
/* share icons */
.com-share-icons {
  text-align: center;
}

.com-share-icons ul,
.com-share-icons li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-share-icons ul {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: top;
  margin: -10px 0;
}

.com-share-icons li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 10px;
  min-width: 60px;
}

.com-share-icons a,
.com-share-icons a:hover,
.com-share-icons a:active {
  display: block;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #404040;
  opacity: 1.00;
}

.com-share-icons a:hover,
.com-share-icons a:active {
  opacity: 1.00;
}

.com-share-icons a:before {
  content: '\0020';
  display: block;
  font-family: 'Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 4px;
}

.com-share-icons .com-share-title {
  margin-bottom: 20px;
  font-weight: bold;
}

.com-share-icons a.com-icon-facebook:hover {
  color: #3b5998;
}

.com-share-icons a.com-icon-twitter:hover {
  color: #2caae1;
}

.com-share-icons a.com-icon-linkedin:hover {
  color: #127bb7;
}

.com-share-icons a.com-icon-telegram:hover {
  color: #0088cc;
}

.com-share-icons a.com-icon-instagram:hover {
  color: #f50057;
}

.com-share-icons a.com-icon-viber:hover {
  color: #7360f2;
}

.com-share-icons a.com-icon-whatsapp:hover {
  color: #25d366;
}

.com-share-icons a.com-icon-email:hover {
  color: #4080ff;
}

.com-share-icons a.com-icon-facebook:before {
  content: '\0040';
}

.com-share-icons a.com-icon-twitter:before {
  content: '\0041';
}

.com-share-icons a.com-icon-youtube:before {
  content: '\0042';
}

.com-share-icons a.com-icon-linkedin:before {
  content: '\0043';
}

.com-share-icons a.com-icon-telegram:before {
  content: '\0045';
}

.com-share-icons a.com-icon-instagram:before {
  content: '\0047';
}

.com-share-icons a.com-icon-viber:before {
  content: '\0048';
}

.com-share-icons a.com-icon-whatsapp:before {
  content: '\0049';
}

.com-share-icons a.com-icon-email:before {
  content: '\004f';
}


/******************************************/
/* TABS */

/********************/
/* root */
.com-tabs {
  text-align: left;
}

/********************/
/* head */
.com-tabs .com-tabs-head {
  z-index: 1;
  position: relative;
}

.com-tabs .com-tabs-head:after,
.com-tabs .com-tabs-head:before {
  content: '';
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  border: 1px solid #eef2f4;
}

.com-tabs .com-tabs-head:after {
  bottom: 0;
}

.com-tabs .com-tabs-head:before {
  top: 0;
}


/********************/
/* foot */
.com-tabs .com-tabs-foot {
  overflow: hidden;
  background-color: #ffffff;
}

/********************/
/* head-pad */
.com-tabs .com-tabs-head-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding-right: 2px;
  padding-bottom: 2px;
}

/********************/
/* foot-pad */
.com-tabs .com-tabs-foot-pad {
  position: relative;
}

/********************/
/* btn */
.com-tabs .com-tabs-btn {
  display: block;
  position: relative;
  border: 2px solid #eef2f4;
  margin-right: -2px;
  margin-bottom: -2px;
  padding: 20px;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  text-align: center;
  font-weight: bold;
  color: #404040;
  background-color: #ffffff;
}

.com-tabs .com-tabs-btn:hover {
  color: #404040;
  background-color: #ffffff;
}

.com-tabs .com-tabs-btn.com-active {
  color: #404040;
  background-color: #ffffff;
  border-bottom-color: transparent;
}

/********************/
/* tab */
.com-tabs .com-tabs-tab {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  visibility: hidden;
  opacity: 0;
}

.com-tabs .com-tabs-tab.com-active {
  z-index: 1;
  position: relative;
  visibility: visible;
  opacity: 1;
}

/********************/
/* btn-pad */
.com-tabs .com-tabs-btn-pad {
  display: block;
}

.com-tabs .com-tabs-btn-pad:after {
  display: none;
  position: absolute;
  right: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-tabs .com-tabs-btn .com-tabs-btn-pad:after {
  content: '\2a';
}

.com-tabs .com-tabs-btn.com-active .com-tabs-btn-pad:after {
  content: '\28';
}

/********************/
/* tab-pad */
.com-tabs .com-tabs-tab-pad {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
  width: 94%;
}




/********************/
@media screen and (max-width: 1020px) {

  /********************/
  /* head */
  .com-tabs .com-tabs-head:after,
  .com-tabs .com-tabs-head:before {
    display: none;
  }

  /********************/
  /* foot */
  .com-tabs .com-tabs-foot {
    display: none;
  }

  /********************/
  /* head-pad */
  .com-tabs .com-tabs-head-pad {
    display: block;
    width: auto;
    padding-right: 0px;
    padding-bottom: 2px;
    border-bottom: 2px solid #eef2f4;
  }

  /********************/
  /* foot-pad */
  .com-tabs .com-tabs-foot-pad {}

  /********************/
  /* btn */
  .com-tabs .com-tabs-btn,
  .com-tabs .com-tabs-btn:hover,
  .com-tabs .com-tabs-btn.com-active,
  .com-tabs .com-tabs-btn.com-dropped {
    display: block;
    position: static;
    border: 2px solid #eef2f4;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-right: 0px;
    margin-bottom: -2px;
    padding: 0;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #404040;
    background-color: #ffffff;
  }

  .com-tabs .com-tabs-btn:hover {
    color: #404040;
    background-color: #ffffff;
  }

  .com-tabs .com-tabs-btn.com-dropped {
    color: #404040;
    background-color: #ffffff;
  }

  /********************/
  /* tab */
  .com-tabs .com-tabs-tab,
  .com-tabs .com-tabs-tab.com-active,
  .com-tabs .com-tabs-tab.com-dropped {
    display: block;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }

  .com-tabs .com-tabs-tab.com-dropped {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  /********************/
  /* btn-pad */
  .com-tabs .com-tabs-btn-pad {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: calc(20px + 3%);
  }

  .com-tabs .com-tabs-btn-pad:after {
    display: block;
  }

  .com-tabs .com-tabs-btn .com-tabs-btn-pad:after {
    content: '\2a';
  }

  .com-tabs .com-tabs-btn.com-active .com-tabs-btn-pad:after {
    content: '\2a';
  }

  .com-tabs .com-tabs-btn.com-dropped .com-tabs-btn-pad:after {
    content: '\28';
  }

  /********************/
  /* tab-pad */
  .com-tabs .com-tabs-tab-pad {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0px 30px 0px;
    width: 94%;
  }

}

/******************************************/
/* REFINER */

/********************/
/* root */
.com-refiner {
  text-align: left;
  position: relative;
  z-index: 10;
}

/********************/
/* head */
.com-refiner .com-refiner-head {
  position: relative;
  background-color: #ffffff;
  z-index: 1;
}

.com-refiner .com-refiner-head:after,
.com-refiner .com-refiner-head:before {
  content: '';
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  border: 1px solid #eef2f4;
}

.com-refiner .com-refiner-head:after {
  bottom: 0;
}

.com-refiner .com-refiner-head:before {
  top: 0;
}

/********************/
/* foot */
.com-refiner .com-refiner-foot {
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px;
  /*
  position: absolute;
  left: 0; right: 0;
  */
}

.com-refiner[data-refiner-state] .com-refiner-foot {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 20px 5px;
}

/********************/
/* head-pad */
.com-refiner .com-refiner-head-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  padding-right: 2px;
  padding-bottom: 2px;
}

/********************/
/* foot-pad */
.com-refiner .com-refiner-foot-pad {
  position: relative;
}

/********************/
/* ext */
.com-refiner .com-refiner-ext {
  display: block;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-order: 1000;
  -moz-order: 1000;
  order: 1000;
  border: 2px solid transparent;
  margin-right: -2px;
  margin-bottom: -2px;
  padding: 10px;
  /* align-items: center; */
  text-align: right;
  font-weight: bold;
  padding-right: 0px;
  border-right-width: 0px;
}

.com-refiner .com-refiner-ext a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-refiner .com-refiner-ext a:hover {
  opacity: 0.75;
}

/********************/
/* btn */
.com-refiner .com-refiner-btn {
  display: block;
  position: relative;
  border: 2px solid #eef2f4;
  margin-right: -2px;
  margin-bottom: -2px;
  padding: 10px;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  text-align: center;
  font-weight: bold;
  color: #404040;
  background-color: #ffffff;
}

.com-refiner .com-refiner-btn:hover {
  color: #404040;
  background-color: #ffffff;
}

.com-refiner .com-refiner-btn.com-active {
  color: #404040;
  background-color: #ffffff;
  border-bottom-color: transparent;
}

.com-refiner .com-refiner-btn.com-disabled {
  cursor: default;
  color: #cdd9de;
  background-color: #eef2f4;
  border-bottom-color: transparent;
}

/********************/
/* tab */
.com-refiner .com-refiner-tab {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  visibility: hidden;
  opacity: 0;
}

.com-refiner .com-refiner-tab.com-active {
  z-index: 1;
  position: relative;
  visibility: visible;
  opacity: 1;
}

/********************/
/* ext-pad */
.com-refiner .com-refiner-ext-pad {
  display: block;
}

/********************/
/* btn-pad */
.com-refiner .com-refiner-btn-pad {
  display: block;
  position: relative;
  padding-right: 30px;
}

.com-refiner .com-refiner-btn-pad:after {
  display: block;
  position: absolute;
  right: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-refiner .com-refiner-btn.com-disabled .com-refiner-btn-pad:after {
  color: #cdd9de;
}

.com-refiner .com-refiner-btn .com-refiner-btn-pad:after {
  content: '\2a';
}

.com-refiner .com-refiner-btn.com-active .com-refiner-btn-pad:after {
  content: '\28';
}

.com-refiner .com-refiner-btn.com-disabled .com-refiner-btn-pad:after {
  content: '\2a';
}

/********************/
/* tab-pad */
.com-refiner .com-refiner-tab-pad {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
  width: 94%;
}




/********************/
@media screen and (max-width: 1020px) {

  /********************/
  /* head */
  .com-refiner .com-refiner-head:after,
  .com-refiner .com-refiner-head:before {
    display: none;
  }

  /********************/
  /* foot */
  .com-refiner .com-refiner-foot {
    display: none;
  }

  /********************/
  /* head-pad */
  .com-refiner .com-refiner-head-pad {
    display: block;
    width: auto;
    padding-right: 0px;
    padding-bottom: 2px;
    border-bottom: 2px solid #eef2f4;
  }

  /********************/
  /* foot-pad */
  .com-refiner .com-refiner-foot-pad {}

  /********************/
  /* ext */
  .com-refiner .com-refiner-ext {
    display: block;
    position: static;
    border: 2px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-right: 0px;
    margin-bottom: -2px;
    padding: 0;
  }

  /********************/
  /* btn */
  .com-refiner .com-refiner-btn,
  .com-refiner .com-refiner-btn:hover,
  .com-refiner .com-refiner-tab.com-active,
  .com-refiner .com-refiner-btn.com-dropped {
    display: block;
    position: static;
    border: 2px solid #eef2f4;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-right: 0px;
    margin-bottom: -2px;
    padding: 0;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #404040;
    background-color: #ffffff;
  }

  .com-refiner .com-refiner-btn:hover {
    color: #404040;
    background-color: #ffffff;
  }

  .com-refiner .com-refiner-btn.com-dropped {
    color: #404040;
    background-color: #ffffff;
  }

  .com-refiner .com-refiner-btn.com-disabled {
    cursor: default;
    color: #cdd9de;
    background-color: #eef2f4;
  }

  .com-refiner .com-refiner-btn .com-refiner-btn-pad:after {
    content: '\2a';
  }

  .com-refiner .com-refiner-btn.com-active .com-refiner-btn-pad:after {
    content: '\2a';
  }

  .com-refiner .com-refiner-btn.com-dropped .com-refiner-btn-pad:after {
    content: '\28';
  }

  /********************/
  /* tab */
  .com-refiner .com-refiner-tab,
  .com-refiner .com-refiner-tab.com-active,
  .com-refiner .com-refiner-tab.com-dropped {
    display: block;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }

  .com-refiner .com-refiner-tab.com-dropped {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  /********************/
  /* ext-pad */
  .com-refiner .com-refiner-ext-pad {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    padding-bottom: 20px;
  }

  /********************/
  /* btn-pad */
  .com-refiner .com-refiner-btn-pad {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: calc(20px + 3%);
  }

  /********************/
  /* tab-pad */
  .com-refiner .com-refiner-tab-pad {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0px 30px 0px;
    width: 94%;
  }

}




/******************************************/
/* REFINER GRID */
.com-refiner .com-refiner-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -2.08333333%;
  margin-right: -2.08333333%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 30px;
  padding-left: 2.0%;
  padding-right: 2.0%;
  width: 100%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] {
  width: 100.00000000%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] {
  width: 75.00000000%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] {
  width: 50.00000000%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] {
  width: 25.00000000%;
}

@media screen and (max-width: 1020px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] {
    width: 66.66666666%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] {
    width: 33.33333333%;
  }
}

@media screen and (max-width: 720px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] {
    width: 50.00000000%;
  }
}

@media screen and (max-width: 480px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] {
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] {
    width: 100.00000000%;
  }
}


/******************************************/
/* REFINER SUBGRID */
.com-refiner .com-refiner-subgrid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-refiner .com-refiner-subgrid>.com-refiner-subcell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
}

.com-refiner .com-refiner-subgrid.com-refiner-subgrid-type-menu {
  margin-bottom: -0.5em;
}

.com-refiner .com-refiner-subgrid.com-refiner-subgrid-type-menu>.com-refiner-subcell {
  margin-bottom: 0.5em;
}

/* margin = gap * 100 / (x - 2 * gap) */
.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subgrid {
  margin-left: -2.08333333%;
  margin-right: -2.08333333%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subgrid {
  margin-left: -2.81690140%;
  margin-right: -2.81690140%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subgrid {
  margin-left: -4.16666666%;
  margin-right: -4.16666666%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subgrid {
  margin-left: -8.33333333%;
  margin-right: -8.33333333%;
}

/* padding = 2 * gap * 100 / x */
.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subcell {
  padding-left: 2.00000000%;
  padding-right: 2.00000000%;
  width: 25.00000000%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subcell {
  padding-left: 2.66666666%;
  padding-right: 2.66666666%;
  width: 33.33333333%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subcell {
  padding-left: 4.00000000%;
  padding-right: 4.00000000%;
  width: 50.00000000%;
}

.com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subcell {
  padding-left: 8.00000000%;
  padding-right: 8.00000000%;
  width: 100.00000000%;
}

@media screen and (max-width: 1020px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subgrid {
    margin-left: -3.15656565%;
    margin-right: -3.15656565%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subgrid {
    margin-left: -6.31313131%;
    margin-right: -6.31313131%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subcell {
    padding-left: 2.00000000%;
    padding-right: 2.00000000%;
    width: 33.33333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subcell {
    padding-left: 2.00000000%;
    padding-right: 2.00000000%;
    width: 33.33333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subcell {
    padding-left: 3.00000000%;
    padding-right: 3.00000000%;
    width: 50.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subcell {
    padding-left: 6.00000000%;
    padding-right: 6.00000000%;
    width: 100.00000000%;
  }
}

@media screen and (max-width: 720px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subgrid {
    margin-left: -4.16666666%;
    margin-right: -4.16666666%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 50.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 50.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 50.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subcell {
    padding-left: 4.0%;
    padding-right: 4.0%;
    width: 100.00000000%;
  }
}

@media screen and (max-width: 480px) {
  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subgrid {
    margin-left: -2.08333333%;
    margin-right: -2.08333333%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='4'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='3'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='2'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 100.00000000%;
  }

  .com-refiner .com-refiner-grid>.com-refiner-cell[data-refiner-cellspan='1'] .com-refiner-subcell {
    padding-left: 2.0%;
    padding-right: 2.0%;
    width: 100.00000000%;
  }
}


/******************************************/
/* REFINER MENU */
.com-refiner-menu {}

.com-refiner-menu ul,
.com-refiner-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-refiner-menu a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.com-refiner-menu a:hover {
  opacity: 0.75;
}

.com-refiner-menu li+li {
  margin-top: 0.5em;
}

.com-refiner-menu a {
  font-weight: bold;
  color: #0077a7;
}



/******************************************/
/* REFINER CONTENT */
.com-refiner .com-refiner-content-head {}

.com-refiner .com-refiner-content-head+.com-refiner-content-main {
  margin-top: 1em;
}

.com-refiner a.com-refiner-content-link {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.com-refiner a.com-refiner-content-link:hover {
  opacity: 0.75;
}

.com-refiner .com-refiner-heading-01 {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
}




/******************************************/
/* REFBOX */
.com-refbox {}

.com-refbox .com-refbox-head {
  display: none;
}

.com-refbox .com-refbox-head-pad {}

.com-refbox .com-refbox-foot {
  display: block;
}

.com-refbox .com-refbox-foot-close {
  display: none;
}

.com-refbox .com-refbox-foot-pad {}

/**********/
@media screen and (max-width: 1020px) {
  .com-refbox .com-refbox-head {
    display: block;
    position: relative;
  }

  .com-refbox .com-refbox-head:after,
  .com-refbox .com-refbox-head:before {
    content: '';
    z-index: -1;
    position: absolute;
    right: 0;
    left: 0;
    border: 1px solid #eef2f4;
  }

  .com-refbox .com-refbox-head:after {
    bottom: 0;
  }

  .com-refbox .com-refbox-head:before {
    top: 0;
  }

  .com-refbox .com-refbox-head-pad {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .com-refbox .com-refbox-head-lt {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .com-refbox .com-refbox-head-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 20px;
  }

  .com-refbox .com-refbox-head .com-refbox-toggler {
    border: 0 none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    outline: none;
    color: #404040;
    background-color: transparent;
  }

  .com-refbox .com-refbox-head .com-refbox-reseter {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-weight: bold;
    text-decoration: none;
    color: #404040;
  }

  .com-refbox .com-refbox-head .com-refbox-reseter:hover {
    opacity: 0.75;
  }



  .com-refbox .com-refbox-foot {
    z-index: -10000;
    position: fixed;
    overflow: auto;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    /* android prior v4.4.4 fixed positioning */
    visibility: hidden;
    opacity: 0;
    color: #404040;
    background-color: #ffffff;
  }

  .com-refbox[data-refbox-state='hide'] .com-refbox-foot {
    z-index: -10000;
    visibility: hidden;
    opacity: 0;
  }

  .com-refbox[data-refbox-state='show'] .com-refbox-foot {
    z-index: 10000;
    visibility: visible;
    opacity: 1;
  }

  .com-refbox[data-refbox-state='show-anima'] .com-refbox-foot,
  .com-refbox[data-refbox-state='hide-anima'] .com-refbox-foot {
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
  }

  .com-refbox[data-refbox-state='show-anima'] .com-refbox-foot {
    z-index: 10000;
    visibility: visible;
    opacity: 1;
  }

  .com-refbox[data-refbox-state='hide-anima'] .com-refbox-foot {
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
  }

  .com-refbox .com-refbox-foot-close {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 24px;
    text-align: right;
  }

  .com-refbox .com-refbox-foot-pad {
    padding: 82px 0;
  }
}

/**********/
@media screen and (max-width: 800px) {
  .com-refbox .com-refbox-foot-close {
    margin: 3%;
  }

  .com-refbox .com-refbox-foot-pad {
    padding: calc(3% + 34px) 0;
    padding: 82px 0;
  }
}



/******************************************/
/* MODULES */

/********************/
/* com-cell-promo-service */
.com-cell-promo-service {
  text-align: center;
}

.com-cell-promo-service a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.com-cell-promo-service a:hover {
  opacity: 0.75;
}

.com-cell-promo-service .com-link {
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #404040;
  max-width: 280px;
}

.com-cell-promo-service .com-image {
  height: 64px;
}

.com-cell-promo-service .com-image img {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
}

.com-cell-promo-service .com-title {
  margin-top: 1em;
  font-weight: bold;
  font-size: 16px;
}

.com-cell-promo-service .com-intro {
  margin-top: 1em;
}

@media screen and (max-width: 400px) {
  .com-cell-promo-service+.com-cell-promo-service .com-pad {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid rgba(88, 129, 146, 0.10);
  }

  .com-cell-promo-service .com-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    max-width: 240px;
    text-align: left;
  }

  .com-cell-promo-service .com-image {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48px;
    height: auto;
  }

  .com-cell-promo-service .com-image img {
    width: 48px;
    height: 48px;
  }

  .com-cell-promo-service .com-title {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 0px;
    margin-left: 20px;
    font-size: 16px;
  }

  .com-cell-promo-service .com-intro {
    display: none;
  }
}



/********************/
/* com-cell-contact-service */
.com-cell-contact-service {
  text-align: center;
}

.com-cell-contact-service a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.com-cell-contact-service a:hover {
  opacity: 0.75;
}

.com-cell-contact-service .com-link {
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #404040;
  max-width: 280px;
}

.com-cell-contact-service .com-image {
  height: 64px;
}

.com-cell-contact-service .com-image img {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
}

.com-cell-contact-service .com-title {
  margin-top: 1em;
  font-weight: bold;
}

.com-cell-contact-service .com-intro {
  margin-top: 1em;
}

@media screen and (max-width: 400px) {
  .com-cell-contact-service+.com-cell-contact-service .com-pad {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid rgba(88, 129, 146, 0.10);
  }

  .com-cell-contact-service .com-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    max-width: 240px;
    text-align: left;
  }

  .com-cell-contact-service .com-image {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48px;
    height: auto;
  }

  .com-cell-contact-service .com-image img {
    width: 48px;
    height: 48px;
  }

  .com-cell-contact-service .com-title {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 0px;
    margin-left: 20px;
    font-size: 16px;
  }

  .com-cell-contact-service .com-intro {
    display: none;
  }
}



/********************/
/* com-cell-about-service */
.com-cell-about-service {
  text-align: left;
}

.com-cell-about-service .com-pad {}

.com-cell-about-service .com-image {
  height: 64px;
}

.com-cell-about-service .com-image img {
  display: block;
  margin: 0 auto 0 0;
  width: 64px;
  height: 64px;
}

.com-cell-about-service .com-title {
  margin-top: 1.25em;
  font-weight: bold;
}

.com-cell-about-service .com-intro {
  margin-top: 1em;
  font-weight: bold;
}



/********************/
/* com-cell-promo-product */
.com-cell-promo-product {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: center;
}

.com-cell-promo-product a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
}

.com-cell-promo-product a:hover {
  opacity: 0.75;
}

.com-cell-promo-product .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  max-width: 280px;
}

.com-cell-promo-product .com-image {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 150px;
}

.com-cell-promo-product .com-image a {
  display: block;
}

.com-cell-promo-product .com-image img {
  display: block;
  max-width: 100%;
  max-height: 150px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-cell-promo-product .com-title {
  margin-top: 1.25em;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 1.6em;
  display: block;
  position: relative;
  text-align: justify;
  white-space: nowrap;
}

.com-cell-promo-product .com-intro {
  margin-top: 1em;
}

.com-cell-promo-product .com-price {
  margin-top: 1em;
  font-weight: bold;
  opacity: 0.50;
}

.com-cell-promo-product .com-extra {
  margin-top: 1em;
  font-weight: bold;
}



/********************/
/* com-cell-help-link */
.com-cell-help-link {
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-cell-help-link a {
  display: block;
  position: relative;
  width: 100%;
  padding: 30px;
  padding-bottom: 54px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  text-decoration: none;
  font-weight: bold;
  color: #404040;
}

.com-cell-help-link a:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px;
}

.com-cell-help-link a:before {
  content: '\75';
  display: block;
  font-size: 24px;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #00a7b2;
}

.com-cell-help-link a span {
  display: block;
  max-width: 240px;
  margin: 0 auto;
}

/**********/
@media screen and (max-width: 600px) {
  .com-cell-help-link a {
    padding: 20px;
    padding-bottom: 44px;
  }
}


/********************/
/* com-cell-promo-news */
.com-cell-promo-news {
  text-align: left;
  max-width: 600px;
}

.com-cell-promo-news a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-cell-promo-news a:hover {
  opacity: 0.75;
}

.com-cell-promo-news .com-image {
  position: relative;
  width: auto;
  height: 0;
  padding-top: 62.5%;
}

.com-cell-promo-news .com-image img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.com-cell-promo-news .com-title {
  margin-top: 1em;
  font-weight: bold;
  font-size: 14px;
}

.com-cell-promo-news .com-date {
  margin-top: 1.5em;
}




/********************/
/* com-cell-news */
.com-cell-news {
  text-align: left;
  max-width: 600px;
}

.com-cell-news a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-cell-news a:hover {
  opacity: 0.75;
}

.com-cell-news .com-image {
  position: relative;
  width: auto;
  height: 0;
  padding-top: 62.5%;
}

.com-cell-news .com-image img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.com-cell-news .com-title {
  margin-top: 1em;
  font-weight: bold;
}

.com-cell-news .com-date {
  margin-top: 1.5em;
}




/********************/
/* com-cell-tenders */
.com-cell-tenders {
  text-align: left;
}

.com-cell-tenders+.com-cell-tenders {
  margin-top: 40px;
}

.com-cell-tenders:last-child {
  margin-bottom: 0;
}

.com-cell-tenders a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.com-cell-tenders a:hover {
  opacity: 0.75;
}

.com-cell-tenders .com-title {
  margin-bottom: 0.5em;
  font-weight: bold;
}

.com-cell-tenders .com-dates {
  margin-bottom: 1em;
}

.com-cell-tenders .com-files {
  margin-bottom: 1em;
}




/********************/
/* com-cell-postcode */
.com-cell-postcode {
  text-align: left;
  transition: max-height 0.15s ease-in;
  max-height: 400px
}

.com-cell-postcode .com-pad {
  border-bottom: 2px solid rgba(88, 129, 146, 0.10);
  padding-bottom: 10px;
}

.com-cell-postcode .com-postcode-name {
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
}

.com-cell-postcode .com-location-name {
  margin-top: 5px;
}

.com-district {
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 2px solid rgba(88, 129, 146, 0.10);
  padding: 30px 0 5px 0;
}

.com-district-list {
  max-height: 600px;
  transition: max-height 0.2s ease-in;
}

.com-district-list-expand {
  max-height: 10000px;
  transition: max-height 0.2s ease-out;
}

.com-show-more-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 0;
}

.com-show-more {
  position: relative;
  border-radius: 50%;
  border: 2px solid #00a7b2;
  background: white;
  text-align: center;
  color: #00a7b2;
  font-size: 40px;
  cursor: pointer;
  display: flex;
}

.com-search-suggestion {
  position: absolute;
  text-align: left;
  background: #fbfbfb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  border-radius: 0 0 4px 4px;
  transition: max-height 0.15s ease-in;
  max-height: 1000px;
  font-size: 16px;
  font-weight: normal;
  right: 0;
  left: 0;
  margin-top: 3px;
  top: 100%;
  padding-left: 10px;
  padding: 10px;
  z-index: 1000;
}

.com-suggestion-item {
  width: 100%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.com-suggestion-item:hover {
  background-color: #00A5DA;
  color: #F0FBFF;
  cursor: pointer;
  transition: 0s all;
  transform: scaleX(1.03);
  transform: scaleY(1.05);
}

.com-show-more_arrow {
  transition: all 0.1s ease;
}

.com-rotate {
  transform: rotate(180deg);
}

.com-hide {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

[data-grid-type='postcode-list']>[data-grid-cell]>.com-hide {
  margin: 0;
}

[data-grid-type='postcode-list']>.com-hide {
  margin: 0;
}

/********************/
/* com-cell-product */
.com-cell-product {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: center;
}

.com-cell-product a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-cell-product a:hover {
  opacity: 0.75;
}

.com-cell-product .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  color: #404040;
  background-color: #ffffff;
}

.com-cell-product .com-image {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 150px;
}

    .com-cell-product .com-image a {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        align-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 100%;
    }

.com-cell-product .com-image img {
    display: block;
    max-width: 100%;
    max-height: 150px;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-cell-product .com-category {
  margin-top: 1.5em;
  opacity: 0.5;
}

.com-cell-product .com-title {
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 16px;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-cell-product .com-intro {
  margin-top: 1em;
}

.com-cell-product .com-price {
  margin-top: 5px;
  font-weight: bold;
  color: #0077a7;
}

.com-cell-product .com-extra {
  margin-top: 5px;
  font-weight: bold;
}

.com-cell-product .com-extra a {
  color: #588192;
  opacity: 0.75;
}

.com-cell-product .com-extra a:hover {
  color: #588192;
  opacity: 1.00;
}

.com-cell-product .com-extra span {
  opacity: 0.75;
}





/********************/
/* com-cell-postservice */
.com-cell-postservice {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  text-align: left;
}

.com-cell-postservice .com-sup {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 20px;
}

.com-cell-postservice.com-inactive .com-sup {
  opacity: 0.33;
}

.com-cell-postservice .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  border: 2px solid #cdd9de;
  cursor: pointer;
}

.com-cell-postservice.com-inactive .com-pad {
  opacity: 0.33;
  cursor: default;
}

.com-cell-postservice.com-active .com-pad {
  border-color: #00a7b2;
}

.com-cell-postservice.com-active .com-pad:before {
  content: '\25';
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: 'Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #00a7b2;
}

.com-cell-postservice .com-pad-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  padding: 30px;
}

.com-cell-postservice .com-pad-foot {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 30px;
  background-color: #eef2f4;
}

.com-cell-postservice .com-title {
  font-size: 18px;
  font-weight: bold;
  color: #0077a7;
  margin-bottom: 0.33em;
}

.com-cell-postservice .com-price {
  font-size: 28px;
  font-weight: bold;
}

.com-cell-postservice .com-desc {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-cell-postservice .com-desc-title {
  font-weight: bold;
  margin-bottom: 0.33em;
}

.com-cell-postservice .com-desc-conte {
  font-size: 12px;
}

.com-cell-postservice .com-extrastb {
  margin-top: 30px;
}

.com-cell-postservice .com-extrastb table {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: -10px 0;
}

.com-cell-postservice .com-extrastb table td {
  padding: 10px 0;
  font-weight: bold;
}

.com-cell-postservice .com-extrastb table tr+tr td {
  border-top: 2px solid #cdd9de;
}

.com-cell-postservice .com-extrastb table td+td {
  text-align: right;
  padding-left: 15px;
}

.com-cell-postservice .com-extrasmn {
  margin-top: 32px;
  font-weight: bold;
}

.com-cell-postservice .com-extrasmn ul,
.com-cell-postservice .com-extrasmn li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.com-cell-postservice .com-extrasmn ul {
  margin: -12px 0;
}

.com-cell-postservice .com-extrasmn>ul>li {
  border-top: 2px solid #cdd9de;
}

.com-cell-postservice .com-extrasmn a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.com-cell-postservice .com-extrasmn a:before {
  content: '\29';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-cell-postservice .com-extrasmn>ul>li>a {
  display: block;
  position: relative;
  padding: 12px 0;
}

.com-cell-postservice .com-extrasmn>ul>li>a {
  color: #404040;
  opacity: 1.00;
}

.com-cell-postservice .com-extrasmn>ul>li>a:hover {
  color: #404040;
  opacity: 0.75;
}

/**********/
@media screen and (max-width: 800px) {
  .com-cell-postservice .com-pad {
    max-width: 400px;
  }
}




/********************/
/* com-cell-postservice-landing */
.com-cell-postservice-landing {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-cell-postservice-landing a.com-pad {
  display: block;
  position: relative;
  width: 100%;
  min-height: 170px;
  padding: 30px;
  padding-bottom: 54px;
  border-width: 1px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  color: #404040;
  border-color: rgba(88, 129, 146, 0.1);
  background-color: #eef2f4;
}

.com-cell-postservice-landing a.com-pad:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px;
  color: #ffffff;
  background-color: #00a7b2;
}

.com-cell-postservice-landing a.com-pad:before {
  content: '\75';
  display: block;
  position: absolute;
  left: 30px;
  bottom: 15px;
  font-size: 24px;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #0077a7;
}

.com-cell-postservice-landing a.com-pad:hover:before {
  color: #ffffff;
}

.com-cell-postservice-landing .com-name {
  font-size: 18px;
  font-weight: bold;
  color: #0077a7;
}

.com-cell-postservice-landing .com-desc {
  color: #404040;
  margin-top: 10px;
}

.com-cell-postservice-landing a.com-pad * {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.com-cell-postservice-landing a.com-pad:hover * {
  color: #ffffff;
}

/**********/
@media screen and (max-width: 760px) {
  .com-cell-postservice-landing a.com-pad {
    padding: 20px;
    max-width: 400px;
    min-height: 150px;
    padding-bottom: 44px;
  }

  .com-cell-postservice-landing a.com-pad:before {
    left: 20px;
  }
}



/********************/
/* com-cell-digital-service */
.com-cell-digital-service {
  text-align: left;
}

.com-cell-digital-service a.com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  position: relative;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  color: #404040;
  background-color: #ffffff;
}

.com-cell-digital-service a.com-pad:hover,
.com-cell-digital-service a.com-pad.com-active {
  color: #ffffff;
  background-color: #00a7b2;
}

.com-cell-digital-service .com-name {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: bold;
}

.com-cell-digital-service .com-icon {
  display: block;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 20px;
}

.com-cell-digital-service .com-icon:before {
  display: block;
  font-size: 48px;
  line-height: 32px;
}

/**********/
@media screen and (max-width: 760px) {
  .com-cell-digital-service a.com-pad {
    padding: 20px;
  }

  .com-cell-digital-service .com-name {
    font-size: 16px;
  }
}



/********************/
/* com-cell-appform-landing */
.com-cell-appform-landing {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-cell-appform-landing .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 30px;
  border-width: 1px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
  border-color: #eef2f4;
}

.com-cell-appform-landing .com-title {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: bold;
}

.com-cell-appform-landing .com-links {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 20px;
}

.com-cell-appform-landing .com-link+.com-link {
  margin-top: 15px;
}

.com-cell-appform-landing .com-links a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
}

.com-cell-appform-landing .com-links a:hover {
  opacity: 0.75;
}

/**********/
@media screen and (max-width: 760px) {
  .com-cell-appform-landing .com-pad {
    padding: 20px;
  }
}



/********************/
/* com-cell-personal-info */
.com-cell-personal-info {
  text-align: left;
}

.com-cell-personal-info .com-pad {
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f4;
}

.com-cell-personal-info .com-label {
  font-weight: bold;
}

.com-cell-personal-info .com-value {
  margin-top: 5px;
}



/********************/
/* com-cell-address */
.com-cell-address {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-cell-address .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-cell-address .com-info {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-cell-address .com-info .com-name {
  margin-bottom: 5px;
  font-weight: bold;
  color: #00a7b2;
}

.com-cell-address .com-info .com-line-a {
  margin-bottom: 5px;
  font-weight: bold;
}

.com-cell-address .com-info .com-line-b {
  margin-bottom: 5px;
}

.com-cell-address .com-info .com-line-a:last-child {
  margin-bottom: 0;
}

.com-cell-address .com-info .com-line-b:last-child {
  margin-bottom: 0;
}

/**********/
.com-cell-address .com-opts {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 15px;
}




/********************/
/* com-cell-ccard */
.com-cell-ccard {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-cell-ccard .com-pad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

/**********/
.com-cell-ccard .com-orig {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 15px;
  font-weight: bold;
}

/**********/
.com-cell-ccard .com-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-cell-ccard .com-info>.com-info-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 80px;
}

.com-cell-ccard .com-info>.com-info-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 20px;
}

.com-cell-ccard .com-info .com-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 0;
  padding-top: 63%;
}

.com-cell-ccard .com-info .com-image img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));
}

.com-cell-ccard .com-info .com-name {
  font-weight: bold;
}

.com-cell-ccard .com-info .com-desc {
  font-size: 12px;
  margin-top: 0.333em;
}

.com-cell-ccard .com-info .com-expr {
  font-size: 12px;
  margin-top: 0.333em;
  color: #fa5464;
}

/**********/
.com-cell-ccard .com-opts {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 15px;
}




/********************/
/* com-cell-balanceopt */
.com-cell-balanceopt {}

.com-cell-balanceopt .com-name {
  font-weight: bold;
}

.com-cell-balanceopt .com-desc {
  font-size: 24px;
  font-weight: bold;
  margin: 0.5em 0;
}

.com-cell-balanceopt .com-errx {
  font-size: 12px;
  margin-top: 0.333em;
  color: #fa5464;
}




/********************/
/* com-cell-dashboard-wishlist */
.com-cell-dashboard-wishlist {}

.com-cell-dashboard-wishlist .com-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-decoration: none;
  color: #404040;
  font-weight: bold;
}

.com-cell-dashboard-wishlist .com-item>.com-item-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 120px;
}

.com-cell-dashboard-wishlist .com-item>.com-item-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 20px;
}

.com-cell-dashboard-wishlist .com-image {
  position: relative;
  text-align: center;
}

.com-cell-dashboard-wishlist .com-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-cell-dashboard-wishlist .com-title {}

.com-cell-dashboard-wishlist .com-stock {
  margin-top: 10px;
}

.com-cell-dashboard-wishlist .com-instock {
  margin-top: 10px;
  color: #00a7b2;
}

.com-cell-dashboard-wishlist .com-outstock {
  margin-top: 10px;
  color: #fa5464;
}

.com-cell-dashboard-wishlist .com-price {
  margin-top: 10px;
  color: #0077a7;
}




/********************/
/* com-mod-addr-options */
.com-mod-addr-options,
.com-mod-manage-options {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-mod-addr-options a,
.com-mod-manage-options a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #404040;
}

.com-mod-addr-options a:hover,
.com-mod-manage-options a:hover {
  opacity: 0.75;
}

.com-mod-addr-options .com-option,
.com-mod-manage-options .com-option {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 20px;
}

.com-mod-addr-options .com-option:last-child,
.com-mod-manage-options .com-option:last-child {
  margin-right: 0;
}

.com-mod-addr-options .com-option [data-icon],
.com-mod-manage-options .com-option [data-icon] {
  margin-right: 0.5em;
  color: #0077a7;
}

.com-mod-addr-options .com-option [data-icon]:before,
.com-mod-manage-options .com-option [data-icon]:before {
  font-size: 20px;
}

.com-mod-addr-options.com-active .com-option.com-option-del,
.com-mod-manage-options.com-active .com-option.com-option-del {
  display: none;
}

.com-mod-addr-options .com-option.com-option-edt [data-icon]:before {
  content: '\e001';
}

.com-mod-addr-options .com-option.com-option-del [data-icon]:before {
  content: '\e002';
}

.com-mod-addr-options .com-option.com-option-def [data-icon]:before {
  content: '\e003';
}

.com-mod-addr-options.com-active .com-option.com-option-def [data-icon]:before {
  content: '\e004';
}

.com-mod-manage-options .com-option.com-option-edt [data-icon]:before {
  content: '\e001';
}

.com-mod-manage-options .com-option.com-option-del [data-icon]:before {
  content: '\e002';
}

.com-mod-manage-options .com-option.com-option-def [data-icon]:before {
  content: '\e003';
}

.com-mod-manage-options.com-active .com-option.com-option-def [data-icon]:before {
  content: '\e004';
}




/********************/
/* com-mod-news */
.com-mod-news {
  text-align: left;
}

.com-mod-news .com-mod-news-image {
  max-width: 100%;
}




/********************/
/* com-mod-tenders */
.com-mod-tenders {
  text-align: left;
  max-width: 800px;
}




/********************/
/* com-mod-search-list */
.com-mod-search-list {}

.com-mod-search-list .com-mod-search-item {}

.com-mod-search-list .com-mod-search-item+.com-mod-search-item {
  margin-top: 30px;
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-title a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
  color: rgba(64, 64, 64, 1.00);
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-title a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-title {
  font-weight: bold;
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-locat,
.com-mod-search-list .com-mod-search-item .com-mod-search-item-locat a,
.com-mod-search-list .com-mod-search-item .com-mod-search-item-locat a:hover {
  text-decoration: none;
  color: #a0a0a0;
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-title+.com-mod-search-item-locat {
  margin-top: 5px;
}

.com-mod-search-list .com-mod-search-item .com-mod-search-item-locat+.com-mod-search-item-title {
  margin-top: 5px;
}





/********************/
/* com-mod-products-gridbox */
.com-mod-products-gridbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-products-gridbox .com-mod-products-refbox {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 300px;
  padding-right: 3%;
}

.com-mod-products-gridbox .com-mod-products-lstbox {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

/**********/
.com-mod-products-gridbox .com-mod-products-refbox-close {
  display: none;
}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-products-gridbox .com-mod-products-refbox {
    z-index: -10000;
    position: fixed;
    overflow: auto;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    /* android prior v4.4.4 fixed positioning */
    width: auto;
    height: auto;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    color: #404040;
    background-color: #ffffff;
  }

  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='hide'] {
    z-index: -10000;
    visibility: hidden;
    opacity: 0;
  }

  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='show'] {
    z-index: 10000;
    visibility: visible;
    opacity: 1;
  }

  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='show-anima'],
  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='hide-anima'] {
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
  }

  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='show-anima'] {
    z-index: 10000;
    visibility: visible;
    opacity: 1;
  }

  .com-mod-products-gridbox .com-mod-products-refbox[data-refbox-state='hide-anima'] {
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
  }

  .com-mod-products-gridbox .com-mod-products-refbox-close {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 24px;
    text-align: right;
  }

  .com-mod-products-gridbox .com-mod-products-refbox-pad {
    padding: 42px 3%;
  }
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-products-gridbox .com-mod-products-refbox-close {
    margin: 3%;
  }

  .com-mod-products-gridbox .com-mod-products-refbox-pad {
    padding: calc(3% + 34px) 3%;
    padding: 42px 3%;
  }
}




/********************/
/* com-mod-products-refiner */
.com-mod-products-refiner {}

.com-mod-products-refiner .com-mod-products-refiner-section+.com-mod-products-refiner-section {
  margin-top: 40px;
}

.com-mod-products-refiner .com-mod-products-refiner-title {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 15px;
}

.com-mod-products-refiner .com-mod-products-refiner-subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
}

.com-mod-products-refiner .com-mod-products-refiner-reset {
  margin-top: 1em;
}

.com-mod-products-refiner .com-mod-products-refiner-reset a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
}

.com-mod-products-refiner .com-mod-products-refiner-reset a:hover {
  color: rgba(0, 119, 167, 0.75);
}

.com-mod-products-refiner .com-mod-products-refiner-reset a {
  color: rgba(0, 119, 167, 1.00);
}




/********************/
/* com-mod-product */
.com-mod-product {
  margin-top: 40px;
}

.com-mod-product .com-mod-product-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-product .com-mod-product-cell-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding-right: 3%;
  border-right: 1px solid #eef2f4;
}

.com-mod-product .com-mod-product-cell-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding-left: 5%;
  border-left: 1px solid #eef2f4;
}

.com-mod-product .com-mod-product-basket-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-product .com-mod-product-basket-cell-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-mod-product .com-mod-product-basket-cell-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 10px;
}

.com-mod-product .com-mod-product-basket-cell-rt .com-btn {
  display: block;
  width: 260px;
  max-width: 100%;
}



.com-mod-product-title-mobile {
  display: none;
}

.com-mod-product-title-desktop {
  display: block;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-product {
    margin-top: 0;
  }

  .com-mod-product .com-mod-product-grid {
    display: block;
  }

  .com-mod-product .com-mod-product-cell-lt {
    width: auto;
    max-width: 640px;
    margin: 0 auto;
    padding-right: 0;
    border-right: 0 none;
    margin-bottom: 40px;
  }

  .com-mod-product .com-mod-product-cell-rt {
    width: auto;
    padding-left: 0;
    border-left: 0 none;
  }

  .com-mod-product-title-mobile {
    display: block;
  }

  .com-mod-product-title-desktop {
    display: none;
  }
}

/**********/
@media screen and (max-width: 460px) {
  .com-mod-product .com-mod-product-basket-grid {
    display: block;
  }

  .com-mod-product .com-mod-product-basket-cell-rt {
    margin-left: 0;
    margin-top: 10px;
  }

  .com-mod-product .com-mod-product-basket-cell-rt .com-btn {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
}




/********************/
/* com-mod-prodview */
.com-mod-prodview {}

.com-mod-prodview .com-mod-prodview-scene {
  position: relative;
  height: 0;
  padding-top: 62.5%;
  margin-bottom: 30px;
}

.com-mod-prodview .com-mod-prodview-scene img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.com-mod-prodview .com-mod-prodview-thumbs {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.com-mod-prodview .com-mod-prodview-thumb {
  display: block;
  width: 20%;
  height: auto;
  max-width: 80px;
  margin: 0;
  padding: 0;
  border: 2px solid transparent;
  background-color: transparent;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.com-mod-prodview .com-mod-prodview-thumb.com-active {
  border-color: #588192;
}

.com-mod-prodview .com-mod-prodview-thumb span {
  display: block;
  position: relative;
  width: 100%;
  height: 0%;
  padding-top: 100%;
}

.com-mod-prodview .com-mod-prodview-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-filter 0.3s ease;
  -moz-transition: -moz-filter 0.3s ease;
  transition: filter 0.3s ease;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  margin: auto;
  max-width: 75%;
  max-height: 75%;
}

.com-mod-prodview .com-mod-prodview-thumb:hover img {
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}

.com-mod-prodview .com-mod-prodview-thumb.com-active img {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}




/********************/
/* com-mod-prodtoolbar */
.com-mod-prodtoolbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  line-height: 1.25em;
  font-weight: bold;
  text-align: left;
}

.com-mod-prodtoolbar .com-mod-prodtoolbar-info {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
}

.com-mod-prodtoolbar .com-mod-prodtoolbar-info b {
  color: #0077a7;
}

.com-mod-prodtoolbar .com-mod-prodtoolbar-tool {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 2em;
  text-align: right;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-prodtoolbar .com-mod-prodtoolbar-info {
    display: none;
  }
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-prodtoolbar .com-mod-prodtoolbar-tool-a {
    display: none;
  }
}

/**********/
.com-mod-prodtoolbar .com-mod-prodtoolbar-select {
  position: relative;
  color: #0077a7;
}

.com-mod-prodtoolbar .com-mod-prodtoolbar-select:after {
  content: '\2a';
  font-family: 'Icons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0;
  line-height: 0;
  pointer-events: none;
}

.com-mod-prodtoolbar select {
  outline: none;
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 0 none;
  padding: 0;
  margin: 0;
  padding-right: 1.25em;
  font-weight: bold;
  text-align: left;
  line-height: 1.25em;
  color: #0077a7;
  background-color: transparent;
}

.com-mod-prodtoolbar select::-ms-expand {
  display: none;
}


/********************/
/* com-mod-sign-up */
.com-mod-sign-up {
  max-width: 800px;
}

.com-mod-sign-up-activation {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-sign-up-activation-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-sign-up-activation-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 10px;
}



/********************/
/* com-mod-sign-re */
.com-mod-sign-re {
  max-width: 420px;
}



/********************/
/* com-mod-form-medium */
.com-mod-form-medium {
  max-width: 800px;
}



/********************/
/* com-mod-button-list */
.com-mod-button-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
}




/********************/
/* com-mod-sign-in */
.com-mod-sign-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-sign-in .com-mod-sign-in-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-sign-in .com-mod-sign-in-rt {
  -webkit-flex: 0 1 460px;
  -moz-flex: 0 1 460px;
  flex: 0 1 460px;
  margin-left: 3%;
  padding: 50px;
  color: #ffffff;
  background-color: #0077a7;
}

.com-mod-sign-in .com-mod-sign-in-form {
  max-width: 420px;
}

.com-mod-sign-in .com-mod-sign-in-ex {}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-sign-in {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-sign-in .com-mod-sign-in-lt,
  .com-mod-sign-in .com-mod-sign-in-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-sign-in .com-mod-sign-in-rt {
    margin-left: 0;
    margin-top: 40px;
    padding: calc(20px + 3%) calc(10px + 3%);
  }
}



/********************/
/* com-mod-subscribe-news */
.com-mod-subscribe-news {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-subscribe-news .com-mod-subscribe-news-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-subscribe-news .com-mod-subscribe-news-rt {
  -webkit-flex: 0 1 460px;
  -moz-flex: 0 1 460px;
  flex: 0 1 460px;
  margin-left: 3%;
  padding: 50px;
  color: #ffffff;
  background-color: #0077a7;
}

.com-mod-subscribe-news .com-mod-subscribe-news-form {
  max-width: 420px;
}

.com-mod-subscribe-news .com-mod-subscribe-news-ex {}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-subscribe-news {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-subscribe-news .com-mod-subscribe-news-lt,
  .com-mod-sign-in .com-mod-sign-in-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-subscribe-news .com-mod-subscribe-news-rt {
    margin-left: 0;
    margin-top: 40px;
    padding: calc(20px + 3%) calc(10px + 3%);
  }
}



/********************/
/* com-mod-orderhis */
.com-mod-orderhis {
  text-align: left;
}

.com-mod-orderhis .com-mod-orderhis-head,
.com-mod-orderhis .com-mod-orderhis-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 10px;
}

.com-mod-orderhis .com-mod-orderhis-head {
  padding-top: 0;
  font-weight: bold;
  font-size: 16px;
}

.com-mod-orderhis .com-mod-orderhis-item {
  color: #404040;
  background-color: #ffffff;
}

.com-mod-orderhis .com-mod-orderhis-item+.com-mod-orderhis-item {
  margin-top: 5px;
}

.com-mod-orderhis .com-mod-orderhis-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-orderhis .com-mod-orderhis-item a:hover {
  opacity: 0.75;
}

.com-mod-orderhis .com-mod-orderhis-cell {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 5px 10px;
}

.com-mod-orderhis .com-mod-orderhis-head .com-mod-orderhis-cell {
  padding-top: 0;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='order'] {
  width: 16%;
  font-weight: bold;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='date'] {
  width: 15%;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='amount'] {
  width: 8%;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='status'] {
  width: 14%;
  font-weight: bold;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='tracking'] {
  width: 17%;
}

.com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='links'] {
  width: 30%;
  font-weight: bold;
  text-align: right;
}

.com-mod-orderhis .com-mod-orderhis-htxt {
  display: none;
}

.com-mod-orderhis .com-mod-orderhis-div {
  color: #d0dbe0;
  margin: 0 1em;
}

.com-mod-orderhis .com-mod-orderhis-div:before {
  content: '|';
}

.com-mod-orderhis .com-mod-orderhis-ilnk {
  white-space: nowrap;
}

.com-mod-orderhis .com-mod-orderhis-ilnk [data-icon] {
  margin-left: 1em;
}

.com-mod-orderhis .com-mod-orderhis-ilnk [data-icon]:before {
  font-size: 24px;
}

/**********/
@media screen and (max-width: 1260px) {
  .com-mod-orderhis .com-mod-orderhis-head {
    display: none;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='order'] {
    width: 33.33333333%;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='date'] {
    width: 33.33333333%;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='amount'] {
    width: 33.33333333%;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='status'] {
    width: 33.33333333%;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='tracking'] {
    width: 33.33333333%;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='links'] {
    width: 33.33333333%;
    text-align: left;
  }

  .com-mod-orderhis .com-mod-orderhis-htxt {
    display: inline;
  }
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='order'] {
    width: 50%;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='date'] {
    width: 50%;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='amount'] {
    width: 50%;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='status'] {
    width: 50%;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='tracking'] {
    width: 50%;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='links'] {
    width: 50%;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
  }
}

/**********/
@media screen and (max-width: 640px) {
  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='order'] {
    width: 100%;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='date'] {
    width: 100%;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='amount'] {
    width: 100%;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='status'] {
    width: 100%;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='tracking'] {
    width: 100%;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
  }

  .com-mod-orderhis .com-mod-orderhis-cell[data-orderhis-role='links'] {
    width: 100%;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
  }
}



/********************/
/* com-mod-dservhis */
.com-mod-dservhis {
  text-align: left;
  padding: 30px;
  color: #404040;
  background-color: #ffffff;
}

.com-mod-dservhis .com-mod-dservhis-list {}

.com-mod-dservhis .com-mod-dservhis-head,
.com-mod-dservhis .com-mod-dservhis-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-mod-dservhis .com-mod-dservhis-head {
  font-weight: bold;
  font-size: 16px;
  color: #a0a0a0;
}

.com-mod-dservhis .com-mod-dservhis-item {
  padding: 10px 0;
  color: #404040;
  background-color: #ffffff;
}

.com-mod-dservhis .com-mod-dservhis-item:last-child {
  padding-bottom: 0;
}

.com-mod-dservhis .com-mod-dservhis-item+.com-mod-dservhis-item {
  border-top: 2px solid #eef2f4;
}

.com-mod-dservhis .com-mod-dservhis-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-dservhis .com-mod-dservhis-item a:hover {
  opacity: 0.75;
}

.com-mod-dservhis .com-mod-dservhis-cell {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 5px 0;
  padding-right: 20px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-dservhis .com-mod-dservhis-cell:last-child {
  padding-right: 0;
}

.com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='name'] {
  width: auto;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
}

.com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='date'] {
  width: 180px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='amount'] {
  width: 150px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='status'] {
  width: 150px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: bold;
}

/**********/
@media screen and (max-width: 900px) {
  .com-mod-dservhis .com-mod-dservhis-head {
    display: none;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='name'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='date'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='amount'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='status'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

/**********/
@media screen and (max-width: 650px) {
  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='name'] {
    width: 100%;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='date'] {
    width: 100%;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='amount'] {
    width: 100%;
  }

  .com-mod-dservhis .com-mod-dservhis-cell[data-dservhis-role='status'] {
    width: 100%;
  }

  .com-mod-dservhis .com-mod-dservhis-cell {
    padding-right: 0;
  }
}



/********************/
/* com-mod-orderdet */
.com-mod-orderdet {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-orderdet .com-mod-orderdet-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderdet .com-mod-orderdet-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  margin-left: 40px;
}

.com-mod-orderdet .com-mod-orderdet-wrap {
  padding: 30px;
  color: #404040;
  background-color: #eef2f4;
}

.com-mod-orderdet .com-mod-orderdet-exinfo {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.com-mod-orderdet .com-mod-orderdet-exinfo-lt,
.com-mod-orderdet .com-mod-orderdet-exinfo-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 48%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-orderdet {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-orderdet .com-mod-orderdet-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: 420px;
    margin-left: 0;
    margin-top: 40px;
  }
}

/**********/
@media screen and (max-width: 420px) {
  .com-mod-orderdet .com-mod-orderdet-item .com-mod-orderdet-item-rt {
    margin-left: 20px;
  }

  .com-mod-orderdet .com-mod-orderdet-exinfo {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-orderdet .com-mod-orderdet-exinfo-lt,
  .com-mod-orderdet .com-mod-orderdet-exinfo-rt {
    width: auto;
  }

  .com-mod-orderdet .com-mod-orderdet-exinfo-rt {
    margin-top: 20px;
  }
}




/********************/
/* com-mod-orderrev */
.com-mod-orderrev {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-orderrev .com-mod-orderrev-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderrev .com-mod-orderrev-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  margin-left: 40px;
}

.com-mod-orderrev .com-mod-orderrev-wrap {
  padding: 30px;
  color: #404040;
  background-color: #eef2f4;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-orderrev {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-orderrev .com-mod-orderrev-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: 420px;
    margin-left: 0;
    margin-top: 40px;
  }
}

/**********/
@media screen and (max-width: 720px) {
  .com-mod-orderrev .com-mod-orderrev-wlay {
    max-width: 420px;
  }
}




/********************/
/* com-mod-orderpkg-list */
.com-mod-orderpkg-list {}

.com-mod-orderpkg-list .com-mod-orderpkg-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-decoration: none;
  color: #404040;
  font-weight: bold;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item+.com-mod-orderpkg-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #eef2f4;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-mod-orderpkg-item-lt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60px;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-mod-orderpkg-item-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 30px;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-image,
.com-mod-orderpkg-list .com-mod-orderpkg-item .com-image a {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-title,
.com-mod-orderpkg-list .com-mod-orderpkg-item .com-title a {
  color: #404040;
  text-decoration: none;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-quant {
  color: #c0c0c0;
  margin-top: 5px;
  font-size: 12px;
}

.com-mod-orderpkg-list .com-mod-orderpkg-item .com-price {
  color: #0077a7;
  margin-top: 5px;
  font-size: 12px;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-orderpkg-list {
    padding-bottom: 20px;
    border-bottom: 2px solid #eef2f4;
  }
}

/**********/
@media screen and (max-width: 420px) {
  .com-mod-orderpkg-list .com-mod-orderpkg-item .com-mod-orderpkg-item-rt {
    margin-left: 20px;
  }
}



/********************/
/* com-mod-order-list */
.com-mod-order-list {}

.com-mod-order-list .com-mod-order-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-decoration: none;
  color: #404040;
  font-weight: bold;
}

.com-mod-order-list .com-mod-order-item+.com-mod-order-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #eef2f4;
}

.com-mod-order-list .com-mod-order-item .com-mod-order-item-lt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
}

.com-mod-order-list .com-mod-order-item .com-mod-order-item-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 30px;
}

.com-mod-order-list .com-mod-order-item .com-image,
.com-mod-order-list .com-mod-order-item .com-image a {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.com-mod-order-list .com-mod-order-item .com-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-mod-order-list .com-mod-order-item .com-title,
.com-mod-order-list .com-mod-order-item .com-title a {
  color: #404040;
  text-decoration: none;
  font-size: 16px;
}

.com-mod-order-list .com-mod-order-item .com-quant {
  color: #c0c0c0;
  margin-top: 10px;
}

.com-mod-order-list .com-mod-order-item .com-price {
  color: #0077a7;
  margin-top: 10px;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-order-list {
    padding-bottom: 20px;
    border-bottom: 2px solid #eef2f4;
  }
}

/**********/
@media screen and (max-width: 420px) {
  .com-mod-order-list .com-mod-order-item .com-mod-order-item-rt {
    margin-left: 20px;
  }
}



/********************/
/* com-mod-ordertrc */
.com-mod-ordertrc {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-ordertrc .com-mod-ordertrc-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-ordertrc .com-mod-ordertrc-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  max-width: 100%;
  margin-left: 40px;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-ordertrc {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-ordertrc .com-mod-ordertrc-lt {
    padding-bottom: 40px;
    border-bottom: 2px solid #eef2f4;
  }

  .com-mod-ordertrc .com-mod-ordertrc-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 0;
    margin-top: 40px;
  }
}




/********************/
/* com-mod-ordersumtb */
table.com-mod-ordersumtb {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: -7.5px 0;
}

table.com-mod-ordersumtb td {
  padding: 7.5px 0;
}

table.com-mod-ordersumtb td+td {
  text-align: right;
  padding-left: 15px;
  font-weight: bold;
}




/********************/
/* com-mod-ordermet-list */
.com-mod-ordermet-list {}

.com-mod-ordermet-list .com-mod-ordermet-item {}

.com-mod-ordermet-list .com-mod-ordermet-item+.com-mod-ordermet-item {
  margin-top: 20px;
}

.com-mod-ordermet-list .com-mod-ordermet-item-head {
  font-weight: bold;
}

.com-mod-ordermet-list .com-mod-ordermet-item-foot {}




/********************/
/* com-mod-orderaddr-list */
.com-mod-orderaddr-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.02040816%;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding: 1%;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  /*cursor: pointer;*/
  border: 2px solid #cdd9de;
  padding: 20px;
  width: 100%;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item.com-active .com-mod-orderaddr-cell {
  border-color: #00a7b2;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell-head {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell-foot {
  margin-top: 15px;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell .com-name {
  margin-bottom: 5px;
  font-weight: bold;
  color: #00a7b2;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell .com-line-a {
  margin-bottom: 5px;
  font-weight: bold;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell .com-line-b {
  margin-bottom: 5px;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell .com-line-a:last-child {
  margin-bottom: 0;
}

.com-mod-orderaddr-list .com-mod-orderaddr-item .com-mod-orderaddr-cell .com-line-b:last-child {
  margin-bottom: 0;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-orderaddr-list .com-mod-orderaddr-item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .com-mod-orderaddr-list .com-mod-orderaddr-item {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .com-mod-orderaddr-list .com-mod-orderaddr-item {
    width: 100%;
  }
}




/********************/
/* com-mod-orderbank-list */
.com-mod-orderbank-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.02040816%;
}

.com-mod-orderbank-list .com-mod-orderbank-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding: 1%;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border: 2px solid #cdd9de;
  padding: 20px;
  width: 100%;
}

.com-mod-orderbank-list .com-mod-orderbank-item.com-active .com-mod-orderbank-cell {
  border-color: #00a7b2;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell-head {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell-foot {
  margin-top: 15px;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell .com-logo {
  margin-bottom: 20px;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell .com-logo img {
  display: block;
  height: 30px;
  max-width: 100%;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell .com-name {
  margin-bottom: 20px;
  font-weight: bold;
  color: #00a7b2;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell .com-line-a {
  margin-bottom: 5px;
  font-weight: bold;
}

.com-mod-orderbank-list .com-mod-orderbank-item .com-mod-orderbank-cell .com-line-b {
  margin-bottom: 5px;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-orderbank-list .com-mod-orderbank-item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .com-mod-orderbank-list .com-mod-orderbank-item {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .com-mod-orderbank-list .com-mod-orderbank-item {
    width: 100%;
  }
}




/********************/
/* com-mod-orderccard-list */
.com-mod-orderccard-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.02040816%;
}

.com-mod-orderccard-list .com-mod-orderccard-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding: 1%;
}

.com-mod-orderccard-list .com-mod-orderccard-item .com-mod-orderccard-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border: 2px solid #cdd9de;
  padding: 20px;
  width: 100%;
}

.com-mod-orderccard-list .com-mod-orderccard-item.com-active .com-mod-orderccard-cell {
  border-color: #00a7b2;
}

.com-mod-orderccard-list .com-mod-orderccard-item .com-mod-orderccard-cell-head {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderccard-list .com-mod-orderccard-item .com-mod-orderccard-cell-foot {
  margin-top: 15px;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-orderccard-list .com-mod-orderccard-item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .com-mod-orderccard-list .com-mod-orderccard-item {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .com-mod-orderccard-list .com-mod-orderccard-item {
    width: 100%;
  }
}





/********************/
/* com-mod-orderbalance-list */
.com-mod-orderbalance-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.02040816%;
}

.com-mod-orderbalance-list .com-mod-orderbalance-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding: 1%;
}

.com-mod-orderbalance-list .com-mod-orderbalance-item .com-mod-orderbalance-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border: 2px solid #cdd9de;
  padding: 20px;
  width: 100%;
}

.com-mod-orderbalance-list .com-mod-orderbalance-item.com-active .com-mod-orderbalance-cell {
  border-color: #00a7b2;
}

.com-mod-orderbalance-list .com-mod-orderbalance-item .com-mod-orderbalance-cell-head {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-orderbalance-list .com-mod-orderbalance-item .com-mod-orderbalance-cell-foot {
  margin-top: 5px;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-orderbalance-list .com-mod-orderbalance-item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .com-mod-orderbalance-list .com-mod-orderbalance-item {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .com-mod-orderbalance-list .com-mod-orderbalance-item {
    width: 100%;
  }
}





/********************/
/* com-mod-splitorder-list */
.com-mod-splitorder-list {}

.com-mod-splitorder-list .com-mod-splitorder-item+.com-mod-splitorder-item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #00a7b2;

}




/********************/
/* com-mod-wishlist */
.com-mod-wishlist {
  text-align: left;
}

.com-mod-wishlist .com-mod-wishlist-head,
.com-mod-wishlist .com-mod-wishlist-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-wishlist .com-mod-wishlist-head {
  padding-top: 0;
  font-weight: bold;
  font-size: 16px;
}

.com-mod-wishlist .com-mod-wishlist-item {
  margin-top: 20px;
}

.com-mod-wishlist .com-mod-wishlist-item+.com-mod-wishlist-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #eef2f4;
}

.com-mod-wishlist .com-mod-wishlist-wrap-a,
.com-mod-wishlist .com-mod-wishlist-wrap-b,
.com-mod-wishlist .com-mod-wishlist-wrap-ba,
.com-mod-wishlist .com-mod-wishlist-wrap-bb {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-mod-wishlist .com-mod-wishlist-wrap-a {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
}

.com-mod-wishlist .com-mod-wishlist-wrap-b {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
  padding-left: 30px;
}

.com-mod-wishlist .com-mod-wishlist-wrap-ba {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
}

.com-mod-wishlist .com-mod-wishlist-wrap-bb {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 300px;
  padding-left: 30px;
}

.com-mod-wishlist .com-mod-wishlist-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: bold;
}

.com-mod-wishlist a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-mod-wishlist a:hover {
  opacity: 0.75;
}

.com-mod-wishlist .com-mod-wishlist-name {
  display: block;
  text-align: left;
  white-space: nowrap;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='image'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  position: relative;
  text-align: center;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='name'] {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='price'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 160px;
  padding-left: 30px;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='stock'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 220px;
  padding-left: 30px;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='extra'] {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='delete'] {
  padding-left: 30px;
  text-align: right;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='image'] a {
  display: block;
  text-decoration: none;
}

.com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='image'] img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-mod-wishlist .com-mod-wishlist-currency {
  color: #0077a7;
}

.com-mod-wishlist .com-mod-wishlist-outstock {
  color: #fa5464;
}

.com-mod-wishlist .com-mod-wishlist-instock {
  color: #00a7b2;
}

.com-mod-wishlist .com-mod-wishlist-ilnk {
  white-space: nowrap;
  color: #a0a0a0;
}

.com-mod-wishlist .com-mod-wishlist-ilnk .com-text {
  margin-left: 0.5em;
}

.com-mod-wishlist .com-mod-wishlist-ilnk [data-icon]:before {
  font-size: 16px;
}

.com-mod-wishlist .com-mod-wishlist-idel {
  white-space: nowrap;
  color: #a0a0a0;
}

.com-mod-wishlist .com-mod-wishlist-idel .com-text {
  display: none;
  margin-left: 0.5em;
}

.com-mod-wishlist .com-mod-wishlist-idel [data-icon]:before {
  font-size: 16px;
}

/**********/
@media screen and (max-width: 1140px) {
  .com-mod-wishlist .com-mod-wishlist-head {
    display: none;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-ba {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: normal;
    -moz-align-content: normal;
    align-content: normal;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-bb {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }

  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='price'],
  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='stock'] {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-top: 10px;
    padding-left: 0;
    width: auto;
  }

  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='extra'],
  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='delete'] {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left;
  }

  .com-mod-wishlist .com-mod-wishlist-idel .com-text {
    display: inline;
  }
}

/**********/
@media screen and (max-width: 800px) {

  .com-mod-wishlist .com-mod-wishlist-wrap-a,
  .com-mod-wishlist .com-mod-wishlist-wrap-b,
  .com-mod-wishlist .com-mod-wishlist-wrap-ba,
  .com-mod-wishlist .com-mod-wishlist-wrap-bb {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: normal;
    -moz-align-content: normal;
    align-content: normal;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-b {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-ba,
  .com-mod-wishlist .com-mod-wishlist-wrap-bb {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-bb {
    width: auto;
    padding-left: 0;
    padding-top: 20px;
  }
}

/**********/
@media screen and (max-width: 560px) {
  .com-mod-wishlist .com-mod-wishlist-wrap-bb {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    width: auto;
  }

  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='image'] {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='delete'] {
    padding-left: 0;
    padding-top: 10px;
  }
}

/**********/
@media screen and (max-width: 420px) {
  .com-mod-wishlist .com-mod-wishlist-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-a {
    width: auto;
  }

  .com-mod-wishlist .com-mod-wishlist-wrap-b {
    padding-left: 0;
    padding-top: 20px;
  }

  .com-mod-wishlist .com-mod-wishlist-cell[data-basket-role='image'] img {
    display: block;
    margin: 0;
    max-width: 100%;
    max-height: 150px;
  }
}




/********************/
/* com-mod-basket */
.com-mod-basket {
  text-align: left;
  padding-top: 50px;
}

.com-mod-basket .com-mod-basket-head,
.com-mod-basket .com-mod-basket-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-basket .com-mod-basket-head {
  padding-top: 0;
  font-weight: bold;
  font-size: 16px;
}

.com-mod-basket .com-mod-basket-item {
  margin-top: 20px;
}

.com-mod-basket .com-mod-basket-item+.com-mod-basket-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #eef2f4;
}

.com-mod-basket .com-mod-basket-wrap-a,
.com-mod-basket .com-mod-basket-wrap-b,
.com-mod-basket .com-mod-basket-wrap-ba,
.com-mod-basket .com-mod-basket-wrap-bb {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-mod-basket .com-mod-basket-wrap-a {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
}

.com-mod-basket .com-mod-basket-wrap-b {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
  padding-left: 30px;
}

.com-mod-basket .com-mod-basket-wrap-ba {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
}

.com-mod-basket .com-mod-basket-wrap-bb {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 300px;
  padding-left: 30px;
}

.com-mod-basket .com-mod-basket-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: bold;
}

.com-mod-basket a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-mod-basket a:hover {
  opacity: 0.75;
}

.com-mod-basket .com-mod-basket-name {
  display: block;
  text-align: left;
  white-space: nowrap;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='image'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  position: relative;
  text-align: center;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='name'] {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='price'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 160px;
  padding-left: 30px;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='quant'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 220px;
  padding-left: 30px;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='amount'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 160px;
  padding-left: 30px;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='extra'] {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='delete'] {
  padding-left: 30px;
  text-align: right;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='image'] a {
  display: block;
  text-decoration: none;
}

.com-mod-basket .com-mod-basket-cell[data-basket-role='image'] img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.com-mod-basket .com-mod-basket-currency {
  color: #0077a7;
}

.com-mod-basket .com-mod-basket-outstock {
  color: #fa5464;
}

.com-mod-basket .com-mod-basket-ilnk {
  white-space: nowrap;
  color: #a0a0a0;
}

.com-mod-basket .com-mod-basket-ilnk .com-text {
  margin-left: 0.5em;
}

.com-mod-basket .com-mod-basket-ilnk [data-icon]:before {
  font-size: 16px;
}

.com-mod-basket .com-mod-basket-idel {
  white-space: nowrap;
  color: #a0a0a0;
}

.com-mod-basket .com-mod-basket-idel .com-text {
  display: none;
  margin-left: 0.5em;
}

.com-mod-basket .com-mod-basket-idel [data-icon]:before {
  font-size: 16px;
}

/**********/
@media screen and (max-width: 1260px) {
  .com-mod-basket .com-mod-basket-cell[data-basket-role='amount'] {
    display: none;
  }
}

/**********/
@media screen and (max-width: 1140px) {
  .com-mod-basket .com-mod-basket-head {
    display: none;
  }

  .com-mod-basket .com-mod-basket-wrap-ba {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: normal;
    -moz-align-content: normal;
    align-content: normal;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
  }

  .com-mod-basket .com-mod-basket-wrap-bb {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }

  .com-mod-basket .com-mod-basket-cell[data-basket-role='price'],
  .com-mod-basket .com-mod-basket-cell[data-basket-role='quant'],
  .com-mod-basket .com-mod-basket-cell[data-basket-role='amount'] {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-top: 10px;
    padding-left: 0;
    width: auto;
  }

  .com-mod-basket .com-mod-basket-cell[data-basket-role='extra'],
  .com-mod-basket .com-mod-basket-cell[data-basket-role='delete'] {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left;
  }

  .com-mod-basket .com-mod-basket-idel .com-text {
    display: inline;
  }
}

/**********/
@media screen and (max-width: 800px) {

  .com-mod-basket .com-mod-basket-wrap-a,
  .com-mod-basket .com-mod-basket-wrap-b,
  .com-mod-basket .com-mod-basket-wrap-ba,
  .com-mod-basket .com-mod-basket-wrap-bb {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: normal;
    -moz-align-content: normal;
    align-content: normal;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .com-mod-basket .com-mod-basket-wrap-b {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-basket .com-mod-basket-wrap-ba,
  .com-mod-basket .com-mod-basket-wrap-bb {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-basket .com-mod-basket-wrap-bb {
    width: auto;
    padding-left: 0;
    padding-top: 20px;
  }
}

/**********/
@media screen and (max-width: 560px) {
  .com-mod-basket .com-mod-basket-wrap-bb {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    width: auto;
  }

  .com-mod-basket .com-mod-basket-cell[data-basket-role='image'] {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .com-mod-basket .com-mod-basket-cell[data-basket-role='delete'] {
    padding-left: 0;
    padding-top: 10px;
  }
}

/**********/
@media screen and (max-width: 420px) {
  .com-mod-basket .com-mod-basket-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-basket .com-mod-basket-wrap-a {
    width: auto;
  }

  .com-mod-basket .com-mod-basket-wrap-b {
    padding-left: 0;
    padding-top: 20px;
  }

  .com-mod-basket .com-mod-basket-cell[data-basket-role='image'] img {
    display: block;
    margin: 0;
    max-width: 100%;
    max-height: 150px;
  }
}



/********************/
/* com-mod-basket-summary */
.com-mod-basket-summary {
  width: 420px;
  max-width: 100%;
  margin-left: auto;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-basket-summary {
    margin-left: 0;
    margin-right: auto;
  }
}




/********************/
/* com-mod-shipcalc */
.com-mod-shipcalc {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-shipcalc .com-mod-shipcalc-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-shipcalc .com-mod-shipcalc-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  margin-left: 40px;
}

.com-mod-shipcalc .com-mod-shipcalc-wrap {
  padding: 30px;
  color: #404040;
  background-color: #eef2f4;
}

.com-mod-shipcalc .com-mod-shipcalc-wlay {}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-shipcalc {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-shipcalc .com-mod-shipcalc-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: 420px;
    margin-left: 0;
    margin-top: 40px;
  }
}

/**********/
@media screen and (max-width: 720px) {
  .com-mod-shipcalc .com-mod-shipcalc-wlay {
    max-width: 420px;
  }
}




/********************/
/* com-mod-shipcalc-buttons */
.com-mod-shipcalc-buttons {
  max-width: 360px;
}




/********************/
/* com-mod-shipcalcform */
.com-mod-shipcalcform {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
  border: 1px solid #0077a7;
}

.com-mod-shipcalcform .com-mod-shipcalcform-item {
  position: relative;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #0077a7;
}

.com-mod-shipcalcform .com-mod-shipcalcform-item-a,
.com-mod-shipcalcform .com-mod-shipcalcform-item-b,
.com-mod-shipcalcform .com-mod-shipcalcform-item-c {
  width: 33.33333333%;
}

.com-mod-shipcalcform .com-mod-shipcalcform-item-select:after {
  content: '\2a';
  z-index: 1;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-mod-shipcalcform .com-mod-shipcalcform-head {
  z-index: 1;
  position: absolute;
  padding: 16px 16px 0 16px;
}

.com-mod-shipcalcform .com-mod-shipcalcform-foot {
  z-index: 2;
  position: relative;
}

.com-mod-shipcalcform .com-mod-shipcalcform-head .com-mod-shipcalcform-name {
  font-size: 14px;
  font-weight: bold;
  color: #0077a7;
}

.com-mod-shipcalcform .com-mod-shipcalcform-head .com-mod-shipcalcform-help {
  font-size: 12px;
  margin-top: 0.25em;
}

.com-mod-shipcalcform .com-mod-shipcalcform-foot input,
.com-mod-shipcalcform .com-mod-shipcalcform-foot select {
  outline: none;
  width: 100%;
  height: 100px;
  /* ie needs height */
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0 none;
  margin: 0;
  padding: 60px 16px 16px 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #404040;
  background-color: transparent;
}

.com-mod-shipcalcform .com-cc-error .com-mod-shipcalcform-foot input,
.com-mod-shipcalcform .com-cc-error .com-mod-shipcalcform-foot select {
  background-color: rgba(250, 84, 100, 0.10);
}

.com-mod-shipcalcform .com-cc-error .com-mod-shipcalcform-foot select {
  padding-right: 52px;
}

.com-mod-shipcalcform .com-mod-shipcalcform-foot select::-ms-expand {
  display: none;
}

.com-mod-shipcalcform .com-mod-shipcalcform-foot option {
  padding: 0;
}

/**********/
@media screen and (max-width: 1340px) {
  .com-mod-shipcalcform {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-shipcalcform .com-mod-shipcalcform-item-a,
  .com-mod-shipcalcform .com-mod-shipcalcform-item-b,
  .com-mod-shipcalcform .com-mod-shipcalcform-item-c {
    width: 100%;
  }
}



/********************/
/* com-mod-shipmethod-list */
.com-mod-shipmethod-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.02040816%;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding: 1%;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  border: 2px solid #cdd9de;
  padding: 20px;
  width: 100%;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell:after {
  content: "\25";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell .com-name {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell .com-desc {
  margin-bottom: 5px;
  font-size: 12px;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell {
  color: #404040;
  border-color: #cdd9de;
  background-color: transparent;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell:hover {
  color: #404040;
  border-color: #cdd9de;
  background-color: #eef2f4;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell:after {
  opacity: 0;
  visibility: hidden;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell .com-name {
  color: #0077a7;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item .com-mod-orderaddr-cell .com-desc {
  color: #404040;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-active .com-mod-orderaddr-cell {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-active .com-mod-orderaddr-cell:hover {
  color: #ffffff;
  border-color: #00a7b2;
  background-color: #00a7b2;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-active .com-mod-orderaddr-cell:after {
  opacity: 1;
  visibility: visible;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-active .com-mod-orderaddr-cell .com-name {
  color: #ffffff;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-active .com-mod-orderaddr-cell .com-desc {
  color: #ffffff;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-disabled .com-mod-orderaddr-cell {
  color: #404040;
  border-color: #cdd9de;
  background-color: #eef2f4;
  opacity: 0.33;
  cursor: default;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-disabled .com-mod-orderaddr-cell:hover {
  color: #404040;
  border-color: #cdd9de;
  background-color: #eef2f4;
  opacity: 0.33;
  cursor: default;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-disabled .com-mod-orderaddr-cell:after {
  opacity: 0;
  visibility: hidden;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-disabled .com-mod-orderaddr-cell .com-name {
  color: #0077a7;
}

.com-mod-shipmethod-list .com-mod-shipmethod-item.com-disabled .com-mod-orderaddr-cell .com-desc {
  color: #fa5464;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-shipmethod-list .com-mod-shipmethod-item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .com-mod-shipmethod-list .com-mod-shipmethod-item {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .com-mod-shipmethod-list .com-mod-shipmethod-item {
    width: 100%;
  }
}




/********************/
/* com-mod-crbox-wrap */
.com-mod-crbox-wrap+.com-mod-crbox-wrap {
  margin-top: 15px;
}

.com-mod-crbox-wrap .com-mod-crbox-wrap-head {}

.com-mod-crbox-wrap .com-mod-crbox-wrap-foot {
  margin: 10px 0 20px 0;
  display: none;
}

.com-mod-crbox-wrap .com-mod-crbox-wrap-foot.com-visible {
  display: block;
}




/********************/
/* com-mod-postservice-glance */
.com-mod-postservice-glance {
  background: transparent none no-repeat top right scroll;
  min-height: 500px;
}

.com-mod-postservice-glance .com-mod-postservice-glance-head {
  margin-right: 560px;
  margin-bottom: 30px;
}

.com-mod-postservice-glance .com-mod-postservice-glance-foot {
  margin-bottom: 30px;
}

/**********/
@media screen and (max-width: 1140px) {
  .com-mod-postservice-glance {
    background: none !important;
    min-height: 0;
  }

  .com-mod-postservice-glance .com-mod-postservice-glance-head {
    margin-right: 0;
  }
}



/********************/
/* com-mod-postservice-result */
.com-mod-postservice-result {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
}

.com-mod-postservice-result .com-mod-postservice-result-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-postservice-result .com-mod-postservice-result-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  margin-left: 40px;
}

.com-mod-postservice-result .com-mod-postservice-result-wrap {
  padding: 30px;
  color: #404040;
  background-color: #eef2f4;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-postservice-result {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .com-mod-postservice-result .com-mod-postservice-result-rt {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    margin-left: 0;
    margin-top: 40px;
  }
}




/********************/
/* com-mod-postserviceform */
.com-mod-postservice-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-align: left;
  border: 1px solid #0077a7;
  color: #404040;
  background-color: #ffffff;
}

.com-mod-postservice-form .com-mod-postservice-form-item {
  position: relative;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #0077a7;
}

.com-mod-postservice-form .com-mod-postservice-form-item-a,
.com-mod-postservice-form .com-mod-postservice-form-item-b,
.com-mod-postservice-form .com-mod-postservice-form-item-c {
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  flex: 1 1 0px;
}

.com-mod-postservice-form .com-mod-postservice-form-item-d {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-mod-postservice-form .com-mod-postservice-form-item-select:after {
  content: '\2a';
  z-index: 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Icons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077a7;
}

.com-mod-postservice-form .com-mod-postservice-form-head {
  z-index: 1;
  position: absolute;
  padding: 16px 16px 0 16px;
}

.com-mod-postservice-form .com-mod-postservice-form-foot {
  z-index: 2;
  position: relative;
}

.com-mod-postservice-form .com-mod-postservice-form-head .com-mod-postservice-form-name {
  font-size: 14px;
  font-weight: bold;
  color: #0077a7;
}

.com-mod-postservice-form .com-mod-postservice-form-head .com-mod-postservice-form-help {
  font-size: 12px;
  margin-top: 0.25em;
}

.com-mod-postservice-form .com-mod-postservice-form-foot input,
.com-mod-postservice-form .com-mod-postservice-form-foot select,
.com-mod-postservice-form .com-mod-postservice-form-foot .com-fake-select {
  outline: none;
  width: 100%;
  height: 100px;
  /* ie needs height */
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0 none;
  margin: 0;
  padding: 60px 16px 16px 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #404040;
  background-color: transparent;
}

.com-mod-postservice-form .com-cc-error .com-mod-postservice-form-foot input,
.com-mod-postservice-form .com-cc-error .com-mod-postservice-form-foot select {
  background-color: rgba(250, 84, 100, 0.10);
}

.com-mod-postservice-form .com-cc-error .com-mod-postservice-form-foot select {
  padding-right: 52px;
}

.com-mod-postservice-form .com-mod-postservice-form-foot select::-ms-expand {
  display: none;
}

.com-mod-postservice-form .com-mod-postservice-form-foot option {
  padding: 0;
}

.com-mod-postservice-form .com-mod-postservice-form-whol input {
  outline: none;
  cursor: pointer;
  width: 100%;
  height: 100px;
  /* ie needs height */
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0 none;
  margin: 0;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
  background-color: #00a7b2;
}

/**********/
@media screen and (max-width: 1140px) {
  .com-mod-postservice-form {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    max-width: 600px;
  }

  .com-mod-postservice-form .com-mod-postservice-form-item-a,
  .com-mod-postservice-form .com-mod-postservice-form-item-b,
  .com-mod-postservice-form .com-mod-postservice-form-item-c,
  .com-mod-postservice-form .com-mod-postservice-form-item-d {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
  }

  .com-mod-postservice-form .com-mod-postservice-form-whol input {
    padding: 16px;
    height: auto;
  }
}




/********************/
/* com-mod-about-grid */
.com-mod-about-grid {}

.com-mod-about-grid .com-mod-about-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-about-grid .com-mod-about-cell:nth-child(2n+1) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.com-mod-about-grid .com-mod-about-cell .com-cell-lt,
.com-mod-about-grid .com-mod-about-cell .com-cell-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  min-height: 360px;
  width: 50%;
}

.com-mod-about-grid .com-mod-about-cell .com-cell-rt {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 4%;
  padding-right: 0%;
}

.com-mod-about-grid .com-mod-about-cell:nth-child(2n+1) .com-cell-rt {
  padding: 4%;
  padding-left: 0%;
}

.com-mod-about-grid .com-mod-about-cell .com-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.com-mod-about-grid .com-mod-about-cell .com-image .com-image-aspect {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.com-mod-about-grid .com-mod-about-cell .com-intro {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-about-grid {}

  .com-mod-about-grid .com-mod-about-cell {
    display: block;
    padding-bottom: 40px;
  }

  .com-mod-about-grid .com-mod-about-cell .com-cell-lt,
  .com-mod-about-grid .com-mod-about-cell .com-cell-rt {
    width: auto;
    min-height: auto;
  }

  .com-mod-about-grid .com-mod-about-cell .com-cell-rt,
  .com-mod-about-grid .com-mod-about-cell:nth-child(2n+1) .com-cell-rt {
    padding: 0;
    padding-top: 20px;
  }

  .com-mod-about-grid .com-mod-about-cell .com-image {
    position: relative;
  }

  .com-mod-about-grid .com-mod-about-cell .com-image .com-image-aspect {
    display: block;
    height: 0;
    padding-top: 50%;
  }
}

/**********/
.com-mod-about-grid .com-mod-about-cell .com-cell-lt.com-effect-push-up {
  -webkit-animation-delay: 0.0s;
  -moz-animation-delay: 0.0s;
  animation-delay: 0.0s;
}

.com-mod-about-grid .com-mod-about-cell .com-cell-rt.com-effect-push-up {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

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

  .com-mod-about-grid .com-mod-about-cell .com-cell-lt.com-effect-push-up,
  .com-mod-about-grid .com-mod-about-cell .com-cell-rt.com-effect-push-up {
    -webkit-animation-delay: 0.0s;
    -moz-animation-delay: 0.0s;
    animation-delay: 0.0s;
  }
}




/********************/
/* com-mod-about-inco */
.com-mod-about-inco {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-about-inco-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  width: 50%;
  padding: 4%;
  margin-left: auto;
  background-color: #0077a7;
  color: #ffffff;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-about-inco {
    display: block;
    margin-left: -3.19148936%;
    margin-right: -3.19148936%;
  }

  .com-mod-about-inco-rt {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding: calc(40px + 1.25%) 3%;
    padding: calc(40px + 1.25vw) 3%;
  }
}



/********************/
/* com-mod-about-mivi */
.com-mod-about-mivi {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-about-mivi .com-mod-about-mivi-lt,
.com-mod-about-mivi .com-mod-about-mivi-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  min-height: 360px;
  width: 50%;
}

.com-mod-about-mivi .com-mod-about-mivi-rt {
  padding: 4%;
  padding-right: 0%;
}

.com-mod-about-mivi .com-image {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-about-mivi {
    display: block;
  }

  .com-mod-about-mivi .com-mod-about-mivi-lt,
  .com-mod-about-mivi .com-mod-about-mivi-rt {
    width: auto;
    min-height: auto;
  }

  .com-mod-about-mivi .com-mod-about-mivi-lt {
    display: none;
  }

  .com-mod-about-mivi .com-mod-about-mivi-rt {
    padding: calc(40px + 1.25%) 0;
    padding: calc(40px + 1.25vw) 0;
  }
}




/********************/
/* com-mod-about-history */
.com-mod-about-history {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.com-mod-about-history .com-mod-about-history-lt,
.com-mod-about-history .com-mod-about-history-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 48%;
}

.com-mod-about-history img {
  max-width: 100%;
}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-about-history {
    display: block;
  }

  .com-mod-about-history .com-mod-about-history-lt,
  .com-mod-about-history .com-mod-about-history-rt {
    width: auto;
    min-height: auto;
  }

  .com-mod-about-history .com-mod-about-history-lt {}

  .com-mod-about-history .com-mod-about-history-rt {
    padding-top: 2em;
  }
}



/********************/
/* com-mod-about-timeline */
.com-mod-about-timeline {
  position: relative;
}

.com-mod-about-timeline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cdd9de;
}

.com-mod-about-timeline .com-item {
  position: relative;
  width: 50%;
}

.com-mod-about-timeline .com-item:nth-child(2n) {
  margin-left: 0;
  margin-right: auto;
  padding-right: 3%;
  text-align: right;
}

.com-mod-about-timeline .com-item:nth-child(2n+1) {
  margin-left: auto;
  margin-right: 0;
  padding-left: 3%;
  text-align: left;
}

.com-mod-about-timeline .com-item+.com-item {
  margin-top: 10px;
}

.com-mod-about-timeline .com-item:before {
  content: '';
  position: absolute;
  top: 3px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: #00a7b2;
}

.com-mod-about-timeline .com-item:nth-child(2n):before {
  left: auto;
  right: 0;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  transform: translateX(50%);
}

.com-mod-about-timeline .com-item:nth-child(2n+1):before {
  left: 0;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.com-mod-about-timeline .com-date {
  font-size: 20px;
  font-weight: bold;

}

.com-mod-about-timeline .com-text {
  margin-top: 0.5em;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-about-timeline {
    margin-left: 10px;
  }

  .com-mod-about-timeline .com-item:nth-child(2n),
  .com-mod-about-timeline .com-item:nth-child(2n+1) {
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding-left: calc(10px + 3%);
    text-align: left;
  }

  .com-mod-about-timeline .com-item+.com-item {
    margin-top: 30px;
  }

  .com-mod-about-timeline:before {
    left: 0;
  }

  .com-mod-about-timeline .com-item:nth-child(2n):before,
  .com-mod-about-timeline .com-item:nth-child(2n+1):before {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}




/********************/
/* com-mod-career */
.com-mod-career {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-mod-career .com-mod-career-cell {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
}

.com-mod-career .com-mod-career-cell-a {
  position: relative;
  min-height: 600px;
}

.com-mod-career .com-mod-career-cell-a .com-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.com-mod-career .com-mod-career-cell-b {
  padding: 4%;
  padding-right: 0%;
}

.com-mod-career .com-mod-career-cell-c {
  padding: 4%;
  padding-left: 0%;
}

.com-mod-career .com-mod-career-cell-d {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  align-self: flex-start;
  padding: 4%;
  background-color: #0077a7;
  color: #ffffff;
}

.com-mod-career .com-mod-career-cell-d .com-pad {}

.com-mod-career .com-mod-career-cell-d .com-intro {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
}

.com-mod-career .com-mod-career-cell-d .com-links {
  margin-top: 20px;
}

.com-mod-career .com-mod-career-cell-d .com-link+.com-link {
  margin-top: 15px;
}

.com-mod-career .com-mod-career-cell-d a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

.com-mod-career .com-mod-career-cell-d a:hover {
  opacity: 0.75;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-career {
    margin: calc(-40px - 1.25%) 0;
    margin: calc(-40px - 1.25vw) 0;
  }

  .com-mod-career .com-mod-career-cell {
    width: 100%;
  }

  .com-mod-career .com-mod-career-cell-a {
    display: none;
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
  }

  .com-mod-career .com-mod-career-cell-b {
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    padding: 0;
    margin: calc(40px + 1.25%) 0;
    margin: calc(40px + 1.25vw) 0;
  }

  .com-mod-career .com-mod-career-cell-c {
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    padding: 0;
    margin: calc(40px + 1.25%) 0;
    margin: calc(40px + 1.25vw) 0;
  }

  .com-mod-career .com-mod-career-cell-d {
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    margin: 0;
    padding: 0;
    margin-left: -3.19148936%;
    margin-right: -3.19148936%;
  }

  .com-mod-career .com-mod-career-cell-d .com-pad {
    padding: calc(40px + 1.25%) 3%;
    padding: calc(40px + 1.25vw) 3%;
  }
}



/********************/
/* com-mod-vacancy-list */
.com-mod-vacancy-list {}

.com-mod-vacancy-list .com-mod-vacancy-item+.com-mod-vacancy-item {
  margin-top: 40px;
}

.com-mod-vacancy-list .com-mod-vacancy-item .com-dates {
  margin-bottom: 0.33em;
  color: #a0a0a0;
}

.com-mod-vacancy-list .com-mod-vacancy-item .com-title {
  font-size: 18px;
  font-weight: bold;
}

.com-mod-vacancy-list .com-mod-vacancy-item .com-details {
  margin-top: 20px;
}

.com-mod-vacancy-list .com-mod-vacancy-item .com-details a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
}

.com-mod-career .com-mod-career-cell-d a:hover {
  opacity: 0.75;
}



/********************/
/* com-mod-contactus-grid */
.com-mod-contacts-grid .com-mod-contacts-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-contacts-grid .com-mod-contacts-cell:nth-child(odd) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-lt,
.com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-rt {
  position: relative;
  min-height: 360px;
  width: 50%;
}

.com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-rt {
  padding: 4%;
}

.com-mod-contacts-grid .com-mod-contacts-cell:first-child .com-mod-contacts-cell-rt {
  padding-top: 0;
}

.com-mod-contacts-grid .com-mod-contacts-cell:last-child .com-mod-contacts-cell-rt {
  padding-bottom: 0;
}

.com-mod-contacts-grid .com-mod-contacts-cell:nth-child(odd) .com-mod-contacts-cell-rt {
  padding-left: 0;
}

.com-mod-contacts-grid .com-mod-contacts-cell:nth-child(even) .com-mod-contacts-cell-rt {
  padding-right: 0;
}

.com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-lt .com-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-rt a {
  text-decoration: none;
}

/**********/
@media screen and (max-width: 800px) {
  .com-mod-contacts-grid .com-mod-contacts-cell {
    display: block;
  }

  .com-mod-contacts-grid .com-mod-contacts-cell+.com-mod-contacts-cell {
    margin-top: 40px;
  }

  .com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-lt,
  .com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-rt {
    min-height: auto;
    width: auto;
  }

  .com-mod-contacts-grid .com-mod-contacts-cell .com-mod-contacts-cell-rt,
  .com-mod-contacts-grid .com-mod-contacts-cell:first-child .com-mod-contacts-cell-rt,
  .com-mod-contacts-grid .com-mod-contacts-cell:last-child .com-mod-contacts-cell-rt,
  .com-mod-contacts-grid .com-mod-contacts-cell:nth-child(odd) .com-mod-contacts-cell-rt,
  .com-mod-contacts-grid .com-mod-contacts-cell:nth-child(even) .com-mod-contacts-cell-rt {
    padding: 0;
  }
}




/********************/
/* com-mod-announce */
.com-mod-announce {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  padding: 15px 0;
  min-height: 64px;
  line-height: 1.33;
}

.com-mod-announce .com-mod-announce-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-announce .com-mod-announce-rt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 20px;
}

.com-mod-announce .com-mod-announce-button {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}




/********************/
/* com-mod-alert */
.com-mod-alert {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  padding: 15px 0;
  min-height: 64px;
  line-height: 1.33;
}

.com-mod-alert .com-mod-alert-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 20px;
}

.com-mod-alert .com-mod-alert-lt [data-icon],
.com-mod-alert .com-mod-alert-lt [data-icon]:before {
  display: block;
  font-size: 32px;
}

.com-mod-alert .com-mod-alert-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
}


/********************/
/* com-mod-dashboard */
.com-mod-dashboard {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  margin: -7.5px;
}

/**********/
.com-mod-dashboard .com-mod-dashboard-lt {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-dashboard .com-mod-dashboard-rt {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 320px;
}

/**********/
.com-mod-dashboard .com-mod-dashboard-cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 7.5px;
}

.com-mod-dashboard .com-mod-dashboard-cell-01 {
  width: 50%;
}

.com-mod-dashboard .com-mod-dashboard-cell-02 {
  width: 50%;
}

.com-mod-dashboard .com-mod-dashboard-cell-03 {
  width: 100%;
}

.com-mod-dashboard .com-mod-dashboard-cell-04 {
  width: 100%;
}

.com-mod-dashboard .com-mod-dashboard-cell-05 {
  width: 100%;
}

.com-mod-dashboard .com-mod-dashboard-cell-06 {
  width: 100%;
}

.com-mod-dashboard .com-mod-dashboard-cell-07 {
  width: 100%;
}

.com-mod-dashboard .com-mod-dashboard-cell-08 {
  width: 100%;
}

/**********/
.com-mod-dashboard .com-mod-dashboard-pad {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  background-color: #ffffff;
  color: #404040;
}

.com-mod-dashboard .com-mod-dashboard-flexpad {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
}

.com-mod-dashboard .com-mod-dashboard-flexpad .com-mod-dashboard-flexpad-tp {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-dashboard .com-mod-dashboard-flexpad .com-mod-dashboard-flexpad-bt {
  margin-top: 30px;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-mod-dashboard .com-mod-dashboard-cell-05 .com-mod-dashboard-pad {
  background-color: #0077a7;
  color: #ffffff;
}

.com-mod-dashboard .com-mod-dashboard-cell-06 .com-mod-dashboard-pad {
  text-decoration: none;
  background-color: #00a7b2;
  color: #ffffff;
}

/**********/
@media screen and (max-width: 1340px) {
  .com-mod-dashboard .com-mod-dashboard-cell-01 {
    width: 100%;
  }

  .com-mod-dashboard .com-mod-dashboard-cell-02 {
    width: 100%;
  }
}

/**********/
@media screen and (max-width: 850px) {
  .com-mod-dashboard {
    display: block;
  }

  .com-mod-dashboard .com-mod-dashboard-lt {
    width: auto;
  }

  .com-mod-dashboard .com-mod-dashboard-rt {
    width: auto;
  }

  .com-mod-dashboard .com-mod-dashboard-cell-03 {
    display: none;
  }

  .com-mod-dashboard .com-mod-dashboard-cell-04 {
    display: none;
  }
}

/**********/
@media screen and (max-width: 600px) {
  .com-mod-dashboard .com-mod-dashboard-pad {
    padding: 20px;
  }
}



/********************/
/* com-dashboard-helplink-a */
.com-mod-dashboard-helplink-a {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  font-weight: bold;
  font-size: 18px;
}

.com-mod-dashboard-helplink-a .com-text {
  display: block;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-dashboard-helplink-a .com-icon {
  display: block;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
}

.com-mod-dashboard-helplink-a .com-icon:before {
  display: block;
  font-size: 40px;
}



/********************/
/* com-mod-dashorderhis */
.com-mod-dashorderhis {}

.com-mod-dashorderhis .com-mod-dashorderhis-head,
.com-mod-dashorderhis .com-mod-dashorderhis-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com-mod-dashorderhis .com-mod-dashorderhis-head {
  font-weight: bold;
  font-size: 16px;
  color: #a0a0a0;
}

.com-mod-dashorderhis .com-mod-dashorderhis-item {
  padding: 10px 0;
  color: #404040;
}

.com-mod-dashorderhis .com-mod-dashorderhis-item:last-child {
  padding-bottom: 0;
}

.com-mod-dashorderhis .com-mod-dashorderhis-item+.com-mod-dashorderhis-item {
  border-top: 2px solid #eef2f4;
}

.com-mod-dashorderhis .com-mod-dashorderhis-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-dashorderhis .com-mod-dashorderhis-item a:hover {
  opacity: 0.75;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 5px 0;
  padding-right: 20px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell:last-child {
  padding-right: 0;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='name'] {
  width: auto;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='date'] {
  width: 180px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='amount'] {
  width: 150px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='status'] {
  width: 150px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: bold;
}

/**********/
@media screen and (max-width: 1200px) {
  .com-mod-dashorderhis .com-mod-dashorderhis-head {
    display: none;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='name'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='date'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='amount'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='status'] {
    width: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='name'] {
    width: 100%;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='date'] {
    width: 100%;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='amount'] {
    width: 100%;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell[data-dashorderhis-role='status'] {
    width: 100%;
  }

  .com-mod-dashorderhis .com-mod-dashorderhis-cell {
    padding-right: 0;
  }
}




/********************/
/* com-mod-proset */
.com-mod-proset {
  margin: -7.5px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 340px;
  grid-template-columns: 1fr 340px;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
}

.com-mod-proset .com-mod-proset-cell {
  margin: 7.5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-proset .com-mod-proset-cell-01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-column: 1 / span 1;
  grid-row: 1 / span 2;
}

.com-mod-proset .com-mod-proset-cell-02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}

.com-mod-proset .com-mod-proset-cell-03 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}

.com-mod-proset .com-mod-proset-cell-04 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-column: 1 / span 2;
  grid-row: 3 / span 1;
}

.com-mod-proset .com-mod-proset-pad {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  background-color: #ffffff;
  color: #404040;
  width: 100%;
}

/**********/
@media screen and (max-width: 960px) {
  .com-mod-proset {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .com-mod-proset .com-mod-proset-cell-01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-03 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
  }
}

/**********/
@media screen and (max-width: 760px) {
  .com-mod-proset {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .com-mod-proset .com-mod-proset-cell-01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-03 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
  }

  .com-mod-proset .com-mod-proset-cell-04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
  }
}

/**********/
@media screen and (max-width: 600px) {
  .com-mod-proset .com-mod-proset-pad {
    padding: 20px;
  }
}



/********************/
/* com-mod-notylist */
.com-mod-notylist {}

.com-mod-notylist .com-mod-notyitem+.com-mod-notyitem {
  margin-top: 10px;
}

.com-mod-notyitem {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  text-align: left;
  font-weight: bold;
}

.com-mod-notyitem .com-mod-notyitem-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-mod-notyitem .com-mod-notyitem-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-notyitem .com-mod-notyitem-rt {
  margin-left: 10px;
}

/**********/
.com-mod-notyitem.com-mod-notyitem-ltr {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  text-align: left;
}

.com-mod-notyitem.com-mod-notyitem-ltr .com-mod-notyitem-rt {
  margin-left: 10px;
  margin-right: 0;
}

/**********/
.com-mod-notyitem.com-mod-notyitem-rtl {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}

.com-mod-notyitem.com-mod-notyitem-ltr .com-mod-notyitem-rt {
  margin-left: 0;
  margin-right: 10px;
}





/********************/
/* com-mod-ticket-count */
.com-mod-ticket-count {
  font-size: 44px;
  font-weight: bold;
}

.com-mod-ticket-count .com-icon {
  height: 0;
  line-height: 0;
  margin-right: 20px;
}

.com-mod-ticket-count .com-icon:before {
  height: 0;
  line-height: 0;
  vertical-align: 0.25em;
  font-size: 40px;
}




/********************/
/* com-mod-ticket-branch */
.com-mod-ticket-branch {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-mod-ticket-branch .com-icon {
  display: block;
  height: 40px;
  margin-right: 20px;
}

.com-mod-ticket-branch .com-icon:before {
  display: block;
  font-size: 40px;
  color: #00a7b2;
}




/********************/
/* com-dashtickets */
.com-dashtickets {}

.com-dashtickets .com-dashticket {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
}

.com-dashtickets .com-dashticket-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  /*margin-right: 20px;*/
}

.com-dashtickets .com-dashticket-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.com-dashtickets .com-dashticket-title {
  font-weight: bold;
}

.com-dashtickets .com-dashticket-intro {
  font-size: 12px;
  margin-top: 0.25em;
}

.com-dashtickets .com-dashticket-queue {
  font-weight: bold;
}




/********************/
/* com-quetickets */
.com-quetickets {}

.com-quetickets .com-queticket {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  border-top: 2px solid rgba(88, 129, 146, 0.10);
  padding: 10px 0;
}

.com-quetickets .com-queticket-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-quetickets .com-queticket-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.com-quetickets .com-queticket-title {
  font-weight: bold;
}

.com-quetickets .com-queticket-intro {
  font-size: 12px;
  margin-top: 0.25em;
}

.com-quetickets .com-queticket-queue {
  font-weight: bold;
}



/********************/
/* com-mod-queue-item */
.com-mod-queue-list {}

.com-mod-queue-list .com-mod-queue-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-mod-queue-list .com-mod-queue-item+.com-mod-queue-item {
  margin-top: 20px;
}

.com-mod-queue-list .com-mod-queue-item .com-mod-queue-item-lt {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-queue-list .com-mod-queue-item .com-mod-queue-item-rt {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-queue-list .com-mod-queue-item .com-mod-queue-cell-a {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
}

.com-mod-queue-list .com-mod-queue-item .com-mod-queue-cell-b {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 20px;
  font-size: 12px;
}

.com-mod-queue-list .com-mod-queue-item .com-mod-queue-cell-c {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 20px;
}

/**********/
@media screen and (max-width: 720px) {
  .com-mod-queue-list .com-mod-queue-item .com-mod-queue-item-lt {
    display: block;
  }

  .com-mod-queue-list .com-mod-queue-item .com-mod-queue-cell-b {
    margin-top: 4px;
    margin-left: 0px;
  }
}

/**********/
@media screen and (max-width: 480px) {

  .com-mod-queue-list .com-mod-queue-item,
  .com-mod-queue-list .com-mod-queue-item .com-mod-queue-item-lt,
  .com-mod-queue-list .com-mod-queue-item .com-mod-queue-item-rt {
    display: block;
  }

  .com-mod-queue-list .com-mod-queue-item .com-mod-queue-cell-c {
    margin-top: 10px;
    margin-left: 0px;
  }
}



/********************/
/* com-mod-tracking-status */
.com-mod-tracking-status[data-tracking-status] {
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

.com-mod-tracking-status[data-tracking-status] .com-icon {}

.com-mod-tracking-status[data-tracking-status] .com-text {
  margin-left: 4px;
}

.com-mod-tracking-status[data-tracking-status] .com-icon:before {
  min-width: 16px;
  font-size: 16px;
}

.com-mod-tracking-status[data-tracking-status='error'] .com-icon:before {
  content: '\36';
  color: #fa5464;
}

.com-mod-tracking-status[data-tracking-status='success'] .com-icon:before {
  content: '\25';
  color: #00a7b2;
}


/********************/
/* com-mod-tracking-action */
.com-mod-tracking-action[data-tracking-action] {
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

.com-mod-tracking-action[data-tracking-action] .com-icon {}

.com-mod-tracking-action[data-tracking-action] .com-text {
  margin-left: 4px;
}

.com-mod-tracking-action[data-tracking-action] .com-icon:before {
  font-size: 16px;
}

.com-mod-tracking-action[data-tracking-action='marked-off'] .com-icon:before {
  content: '\e003';
}

.com-mod-tracking-action[data-tracking-action='marked-on'] .com-icon:before {
  content: '\e004';
}

.com-mod-tracking-action[data-tracking-action='notify-off'] .com-icon:before {
  content: '\e005';
}

.com-mod-tracking-action[data-tracking-action='notify-on'] .com-icon:before {
  content: '\e006';
}




/********************/
/* com-mod-dashtrack */
.com-mod-dashtrack {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.com-mod-dashtrack .com-mod-dashtrack-item {
  display: table-row;
}

.com-mod-dashtrack .com-mod-dashtrack-item+.com-mod-dashtrack-item {
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-mod-dashtrack .com-mod-dashtrack-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-dashtrack .com-mod-dashtrack-item a:hover {
  opacity: 0.75;
}

.com-mod-dashtrack .com-mod-dashtrack-cell {
  display: table-cell;
  padding: 15px 0;
  padding-right: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-dashtrack .com-mod-dashtrack-cell:last-child {
  padding-right: 0;
}

.com-mod-dashtrack .com-mod-dashtrack-item:first-child .com-mod-dashtrack-cell {
  padding-top: 0;
}

.com-mod-dashtrack .com-mod-dashtrack-item:last-child .com-mod-dashtrack-cell {
  padding-bottom: 0;
}

.com-mod-dashtrack .com-mod-dashtrack-cell[data-dashtrack-role='tracking'] {
  width: auto;
  font-weight: bold;
}

.com-mod-dashtrack .com-mod-dashtrack-cell[data-dashtrack-role='status'] {
  width: 110px;
  font-weight: bold;
}

.com-mod-dashtrack .com-mod-dashtrack-cell[data-dashtrack-role='icon'] {
  width: 16px;
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-dashtrack .com-mod-dashtrack-cell[data-dashtrack-role='status'] {
    display: none;
  }
}




/********************/
/* com-mod-pctrack-search */
.com-mod-pctrack-search {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-pctrack-search .com-mod-pctrack-search-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-pctrack-search .com-mod-pctrack-search-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}




/********************/
/* com-mod-parcel-a-grid */
.com-mod-parcel-a-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7.5px;
  flex: auto;
}

.com-mod-parcel-a-grid .com-mod-parcel-a-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  /* flex: 0 1 auto; */
  padding: 7.5px;
  width: 100%;
  display: flex;
  flex: auto;
}

.com-mod-parcel-a-grid .com-mod-parcel-a-pad {
  padding: 30px 30px 0 30px;
  background-color: #ffffff;
  color: #404040;
  width: 100%;
  flex: auto;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 600px) {
  .com-mod-parcel-a-grid .com-mod-parcel-a-pad {
    padding: 20px;
  }
}



/********************/
/* com-mod-parcelopts-a-grid */
.com-mod-parcelopts-a-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.com-mod-parcelopts-a-grid .com-mod-parcelopts-a-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 5px;
}

.com-mod-parcelopts-a-grid .com-cell-type-a {
  min-width: 200px;
}

.com-mod-parcelopts-a-grid .com-cell-type-b {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
}





/********************/
/* com-mod-pctrack-a */
.com-mod-pctrack-a {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.com-mod-pctrack-a .com-mod-pctrack-a-item {
  display: table-row;
}

.com-mod-pctrack-a .com-mod-pctrack-a-item+.com-mod-pctrack-a-item {
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-mod-pctrack-a .com-mod-pctrack-a-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-pctrack-a .com-mod-pctrack-a-item a:hover {
  opacity: 0.75;
}

.com-mod-pctrack-a .com-mod-pctrack-a-cell {
  display: table-cell;
  padding: 15px 0;
  padding-right: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-pctrack-a .com-mod-pctrack-a-cell:last-child {
  padding-right: 0;
}

.com-mod-pctrack-a .com-mod-pctrack-a-item:first-child .com-mod-pctrack-a-cell {
  padding-top: 0;
}

.com-mod-pctrack-a .com-mod-pctrack-a-item:last-child .com-mod-pctrack-a-cell {
  padding-bottom: 0;
}

.com-mod-pctrack-a .com-mod-pctrack-a-cell[data-pctrack-a-role='tracking'] {
  width: auto;
  font-weight: bold;
}

.com-mod-pctrack-a .com-mod-pctrack-a-cell[data-pctrack-a-role='status'] {
  width: 110px;
  font-weight: bold;
}

.com-mod-pctrack-a .com-mod-pctrack-a-cell[data-pctrack-a-role='icon'] {
  width: 16px;
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-pctrack-a .com-mod-pctrack-a-cell[data-pctrack-a-role='status'] {
    display: none;
  }
}



/********************/
/* com-mod-parcel-b-grid */
.com-mod-parcel-b-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7.5px;
}

.com-mod-parcel-b-grid .com-mod-parcel-b-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  padding: 7.5px;
  width: 50%;
}

.com-mod-parcel-b-grid .com-mod-parcel-b-pad {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  background-color: #ffffff;
  color: #404040;
  width: 100%;
}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-parcel-b-grid .com-mod-parcel-b-cell {
    width: 100% !important;
  }
}

/**********/
@media screen and (max-width: 600px) {
  .com-mod-parcel-b-grid .com-mod-parcel-b-pad {
    padding: 20px;
  }
}



/********************/
/* com-mod-parcelopts-b-grid */
.com-mod-parcelopts-b-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.com-mod-parcelopts-b-grid .com-mod-parcelopts-b-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 5px;
}

.com-mod-parcelopts-b-grid .com-cell-type-a {
  width: 33.33333333%;
  min-width: 190px;
  max-width: 200px;
}




/********************/
/* com-mod-pctrack-b-scroll */
.com-mod-pctrack-b-scroll {
  height: 370px;
  overflow-y: scroll;
  padding-right: 15px;
  margin-right: -15px;
}

/**********/
@media screen and (max-width: 1020px) {
  .com-mod-pctrack-b-scroll {
    height: auto;
    overflow-y: visible;
    padding-right: 0;
    margin-right: 0;
  }
}



/********************/
/* com-mod-pctrack-b */
.com-mod-pctrack-b {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.com-mod-pctrack-b .com-mod-pctrack-b-item {
  display: table-row;
}

.com-mod-pctrack-b .com-mod-pctrack-b-item+.com-mod-pctrack-b-item {
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-mod-pctrack-b .com-mod-pctrack-b-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-pctrack-b .com-mod-pctrack-b-item a:hover {
  opacity: 0.75;
}

.com-mod-pctrack-b .com-mod-pctrack-b-cell {
  display: table-cell;
  padding: 15px 0;
  padding-right: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-pctrack-b .com-mod-pctrack-b-cell:last-child {
  padding-right: 0;
}

.com-mod-pctrack-b .com-mod-pctrack-b-item:first-child .com-mod-pctrack-b-cell {
  padding-top: 0;
}

.com-mod-pctrack-b .com-mod-pctrack-b-item:last-child .com-mod-pctrack-b-cell {
  padding-bottom: 0;
}

.com-mod-pctrack-b .com-mod-pctrack-b-cell[data-pctrack-b-role='tracking'] {
  width: auto;
  font-weight: bold;
}

.com-mod-pctrack-b .com-mod-pctrack-b-cell[data-pctrack-b-role='status'] {
  width: 110px;
  font-weight: bold;
}

.com-mod-pctrack-b .com-mod-pctrack-b-cell[data-pctrack-b-role='icon'] {
  width: 16px;
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-pctrack-b .com-mod-pctrack-b-cell[data-pctrack-b-role='status'] {
    display: none;
  }
}



/********************/
/* com-mod-pctrack-c */
.com-mod-pctrack-c {
  display: table;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.com-mod-pctrack-c .com-mod-pctrack-c-item {
  display: table-row;
}

.com-mod-pctrack-c .com-mod-pctrack-c-item+.com-mod-pctrack-c-item {
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-mod-pctrack-c .com-mod-pctrack-c-item a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.com-mod-pctrack-c .com-mod-pctrack-c-item a:hover {
  opacity: 0.75;
}

.com-mod-pctrack-c .com-mod-pctrack-c-cell {
  display: table-cell;
  padding: 15px 0;
  padding-right: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.com-mod-pctrack-c .com-mod-pctrack-c-cell:last-child {
  padding-right: 0;
}

.com-mod-pctrack-c .com-mod-pctrack-c-item:first-child .com-mod-pctrack-c-cell {
  padding-top: 0;
}

.com-mod-pctrack-c .com-mod-pctrack-c-item:last-child .com-mod-pctrack-c-cell {
  padding-bottom: 0;
}

.com-mod-pctrack-c .com-mod-pctrack-c-cell[data-pctrack-c-role='tracking'] {
  width: auto;
  font-weight: bold;
}

.com-mod-pctrack-c .com-mod-pctrack-c-cell[data-pctrack-c-role='status'] {
  width: 110px;
  font-weight: bold;
}

.com-mod-pctrack-c .com-mod-pctrack-c-cell[data-pctrack-c-role='icon'] {
  width: 16px;
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-pctrack-c .com-mod-pctrack-c-cell[data-pctrack-c-role='status'] {
    display: none;
  }
}




/********************/
/* com-mod-refiner-prices */
.com-mod-refiner-prices {}

.com-mod-refiner-prices .com-mod-refiner-prices-fields {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.com-mod-refiner-prices .com-mod-refiner-prices-field {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 5px;
  width: 160px;
}

.com-mod-refiner-prices .com-mod-refiner-prices-actions {
  margin-top: 10px;
}

.com-mod-refiner-prices .com-mod-refiner-prices-submit button {
  min-width: 150px;
}


/********************/
/* com-mod-refiner-range */
.com-mod-refiner-range-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  margin: -5px;
}

.com-mod-refiner-range-form .com-mod-refiner-range-cell-inp,
.com-mod-refiner-range-form .com-mod-refiner-range-cell-btn {
  margin: 5px;
}

.com-mod-refiner-range-form .com-mod-refiner-range-cell-inp {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100px;
}

.com-mod-refiner-range-form .com-mod-refiner-range-cell-btn {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 48px;
}


.com-mod-refiner-range-form .com-mod-refiner-range-col-half {
  width: 50%;
  max-width: 150px;
}

.com-mod-refiner-range-form .com-mod-refiner-range-col-full {
  width: 100%;
  max-width: 305px;
}




/********************/
/* com-mod-spoiler-target-common */
.com-mod-spoiler-target-common {
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
}

.com-mod-spoiler-target-common .com-icon {}

.com-mod-spoiler-target-common .com-icon:before {
  content: '\2a';
}

.com-mod-spoiler-target-common.com-active .com-icon:before {
  content: '\28';
}

.com-mod-spoiler-target-common .com-text {}

.com-mod-spoiler-target-common .com-text-show {
  display: inline;
}

.com-mod-spoiler-target-common .com-text-hide {
  display: none;
}

.com-mod-spoiler-target-common.com-active .com-text-show {
  display: none;
}

.com-mod-spoiler-target-common.com-active .com-text-hide {
  display: inline;
}



/********************/
/* com-mod-pcrlcode-multifier */
.com-mod-pcrlcode-mulcreate {
  margin-top: 10px;
}

.com-mod-pcrlcode-multifier {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
}

.com-mod-pcrlcode-multifier+.com-mod-pcrlcode-multifier {
  margin-top: 10px;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-lt {
  -webkit-flex: 0 1 300px;
  -moz-flex: 0 1 300px;
  flex: 0 1 300px;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 10px;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove {
  margin: 0;
  padding: 0;
  border: 0 none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  background-color: transparent;
  color: #404040;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove:hover {
  opacity: 0.75;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove .com-text {
  margin-left: 0.5em;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove .com-icon {
  color: #0077a7;
}

.com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove .com-icon:before {
  font-size: 20px;
  content: '\e002';
}

/**********/
@media screen and (max-width: 480px) {
  .com-mod-pcrlcode-multifier .com-mod-pcrlcode-multifier-remove .com-text {
    display: none;
  }
}



/********************/
/* com-mod-calenda-list */
.com-mod-calenda-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.02040816%;
  margin-right: -1.02040816%;
  margin-bottom: -20px;
}

.com-mod-calenda-list .com-mod-calenda-item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 240px;
  max-width: 100%;
  /* ie fix */
  padding: 1%;
  margin-bottom: 20px;
}



/********************/
/* com-mod-opt-fieldset */
.com-mod-opt-fieldset {
  display: none;
  border: 2px solid #00a7b2;
  padding: 20px;
}




/********************/
/* com-mod-scenters-tbar */
.com-mod-scenters-tbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-scenters-tbar .com-mod-scenters-tbar-lt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.com-mod-scenters-tbar .com-mod-scenters-tbar-rt {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}

.com-mod-scenters-tbar .com-mod-notyitem {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}

.com-mod-scenters-tbar .com-mod-notyitem .com-mod-notyitem-rt {
  margin-left: 0;
  margin-right: 10px;
}

/**********/
@media screen and (max-width: 600px) {
  .com-mod-scenters-tbar {
    display: block;
  }

  .com-mod-scenters-tbar .com-mod-scenters-tbar-lt,
  .com-mod-scenters-tbar .com-mod-scenters-tbar-rt {
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .com-mod-scenters-tbar .com-mod-scenters-tbar-rt {
    margin-top: 30px;
  }

  /**********/
  .com-mod-scenters-tbar .com-mod-notyitem {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    text-align: left;
  }

  .com-mod-scenters-tbar .com-mod-notyitem .com-mod-notyitem-rt {
    margin-left: 10px;
    margin-right: 0;
  }
}



.com-mod-scenters-results {
  display: block;
  /* margin-bottom: 40px; */
  overflow: auto;
  position: relative;
  /* bottom: 0px; */
}

.com-mod-scenters-results .com-mod-scenters-results-map {
  display: none;
}

.com-mod-scenters-results .com-mod-scenters-results-lst {
  display: none;
  /* padding-bottom: 50px; */
}




/********************/
/* com-mod-scenters-map */
.com-mod-scenters-map {
  height: 720px;
  background-color: #a0a0a0;
}

/**********/
@media screen and (max-width: 1380px) {
  .com-mod-scenters-map {
    height: 0;
    padding-top: 52.17391304347826%;
  }
}

/**********/
@media screen and (max-width: 820px) {
  .com-mod-scenters-map {
    height: 428px;
    padding-top: 0;
  }
}



/********************/
/* com-mod-scenters-lst */
.com-mod-scenters-lst {
  background-color: #eef2f4;
}



/********************/
/* com-mod-scenters-map-infolist */
.com-mod-scenters-map-infolist {
  display: none;
}

.com-mod-scenters-map-infoitem {
  padding: 10px;
  text-align: left;
  font-size: 14px;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr-item+.com-mod-scenters-map-descr-item {
  margin-top: 10px;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr-item .com-mod-scenters-map-descr-item-head {
  font-weight: bold;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr-item .com-mod-scenters-map-descr-item-foot {}


.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr table td {
  vertical-align: top;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr table tr+tr td {
  padding-top: 0.8em;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr table td:first-child {
  font-weight: bold;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-descr table td:last-child {
  padding-left: 0.8em;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-elink {
  margin-top: 15px;
}

.com-mod-scenters-map-infoitem .com-mod-scenters-map-elink a {
  color: #00a7b2;
  font-weight: bold;
  text-decoration: none;
}

/**********/
@media screen and (max-width: 600px) {
  .com-mod-scenters-map-infoitem {
    padding: 0;
    font-size: 12px;
  }
}




/********************/
/* com-mod-xscenters */
.com-mod-xscenters {
  text-align: left;
}

.com-mod-xscenters .com-mod-xscenters-head,
.com-mod-xscenters .com-mod-xscenters-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.com-mod-xscenters .com-mod-xscenters-head {
  padding-top: 0;
  font-weight: bold;
  font-size: 16px;
}

.com-mod-xscenters .com-mod-xscenters-item {
  margin-top: 20px;
}

.com-mod-xscenters .com-mod-xscenters-item+.com-mod-xscenters-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid rgba(88, 129, 146, 0.10);
}

.com-mod-xscenters .com-mod-xscenters-wrap-a,
.com-mod-xscenters .com-mod-xscenters-wrap-b {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: top;
  -moz-align-items: top;
  align-items: top;
  -webkit-align-content: top;
  -moz-align-content: top;
  align-content: top;
}

.com-mod-xscenters .com-mod-xscenters-wrap-a {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40px;
  margin-right: 20px;
}

.com-mod-xscenters .com-mod-xscenters-wrap-b {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
}

.com-mod-xscenters .com-mod-xscenters-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.com-mod-xscenters a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-decoration: none;
  color: #404040;
}

.com-mod-xscenters a:hover {
  opacity: 0.75;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='icon'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='addr'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 35%;
  padding-left: 0px;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='code'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 20%;
  padding-left: 30px;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='work'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding-left: 30px;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='link'] {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 20%;
  padding-left: 30px;
}

.com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='icon'] img {
  display: block;
  max-width: 100%;
  max-height: 48px;
}

.com-mod-xscenters .com-xsctx-name {
  font-size: 16px;
  font-weight: bold;
}

.com-mod-xscenters .com-xsctx-addr {
  margin-top: 5px;
}

.com-mod-xscenters .com-xsctx-code-a {
  display: none;
  font-weight: bold;
}

.com-mod-xscenters .com-xsctx-code-b {}

.com-mod-xscenters .com-xsctx-work-a {
  display: none;
  font-weight: bold;
}

.com-mod-xscenters .com-xsctx-work-b {
  line-height: 1.5em;
}

.com-mod-xscenters .com-xsctx-link {
  text-align: right;
}

.com-mod-xscenters .com-xsctx-link a {
  font-weight: bold;
  color: #00a7b2;
}


/**********/
@media screen and (max-width: 1020px) {
  .com-mod-xscenters .com-mod-xscenters-head {
    display: none;
  }

  .com-mod-xscenters .com-mod-xscenters-item {
    margin-top: 0;
  }

  .com-mod-xscenters .com-mod-xscenters-wrap-b {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    width: auto;
  }

  .com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='icon'] {
    width: 100%;
  }

  .com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='addr'] {
    width: 100%;
    padding-left: 0px;
  }

  .com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='code'] {
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
  }

  .com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='work'] {
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
  }

  .com-mod-xscenters .com-mod-xscenters-cell[data-xscenters-role='link'] {
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
  }


  .com-mod-xscenters .com-xsctx-name {
    font-size: 20px;
    font-weight: bold;
  }

  .com-mod-xscenters .com-xsctx-addr {
    margin-top: 5px;
  }

  .com-mod-xscenters .com-xsctx-code-a {
    display: inline;
  }

  .com-mod-xscenters .com-xsctx-code-b {
    display: inline;
  }

  .com-mod-xscenters .com-xsctx-work-a {
    display: block;
  }

  .com-mod-xscenters .com-xsctx-work-b {}

  .com-mod-xscenters .com-xsctx-link {
    text-align: left;
  }

}

/**********/
@media screen and (max-width: 420px) {}





/******************************************/
/* WYSIWYG */

/********************************/
/* placed-content */
body.cke_editable {
  margin: 20px;
}

/********************************/
/* placed-content */
.cke_editable,
.com-placed-content {
  line-height: 1.666;
}

.cke_editable a.com-uline,
.com-placed-content a.com-uline {
  text-decoration: none;
  border-bottom: 0.15em;
  border-bottom-style: solid;
  padding-bottom: 0.2em;
}


/********************************/
/* tables */

table.com-table-collapse {
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

table.com-table-separate {
  border: 0 none;
  border-spacing: 5px;
  border-collapse: separate;
  margin: 0;
  padding: 0;
}

table.com-table-collapse th,
table.com-table-collapse td,
table.com-table-collapse caption {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

table.com-table-separate th,
table.com-table-separate td,
table.com-table-separate caption {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

table.com-table-collapse th,
table.com-table-separate th {
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #d5e3ef;
  background-color: transparent;
  color: #2b75ae;
}

table.com-table-collapse td,
table.com-table-separate td {
  text-align: left;
  font-weight: normal;
  border-bottom: 0px solid #d5e3ef;
  background-color: transparent;
  color: #202020;
}

table.com-table-collapse th,
table.com-table-collapse td,
table.com-table-collapse caption {
  padding: 4px 0;
}

table.com-table-collapse th+th,
table.com-table-collapse td+td {
  padding-left: 20px;
}

table.com-table-separate th,
table.com-table-separate td,
table.com-table-separate caption {
  padding: 4px 0;
}

/**
 * Swiper 6.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 9, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  /* scrollbar-width: none; */
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(27 * var(--swiper-navigation-size) / 44);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/******************************************/
/* SWIPER-EXTRA */

/********************/
.swiper-pagination {
  position: relative;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  z-index: 10;
  margin-top: 20px;
  min-height: 25px;
}

.swiper-pagination-bullet {
  outline: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  padding: 10px;
  border-radius: 0;
  background: transparent;
  opacity: 1;
}

.swiper-pagination-bullet:before {
  content: '';
  display: block;
  overflow: hidden;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 1.0);
}

.swiper-pagination-bullet:before {
  width: 6px;
  height: 6px;
  background-color: #588192;
}

.swiper-pagination-bullet:hover:before {
  width: 6px;
  height: 6px;
  background-color: #588192;
}

.swiper-pagination-bullet:focus:before {
  width: 6px;
  height: 6px;
  background-color: #588192;
}

.swiper-pagination-bullet-active:before {
  width: 20px;
  height: 6px;
  background-color: #00a7b2;
}

.swiper-pagination-bullet-active:hover:before {
  width: 20px;
  height: 6px;
  background-color: #00a7b2;
}

.swiper-pagination-bullet-active:focus:before {
  width: 20px;
  height: 6px;
  background-color: #00a7b2;
}

.swiper-theme-dark .swiper-pagination-bullet:before {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.75);
}

.swiper-theme-dark .swiper-pagination-bullet:hover:before {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 1.00);
}

.swiper-theme-dark .swiper-pagination-bullet:focus:before {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 1.00);
}

.swiper-theme-dark .swiper-pagination-bullet-active:before {
  width: 20px;
  height: 6px;
  background-color: rgba(226, 143, 93, 0.75);
}

.swiper-theme-dark .swiper-pagination-bullet-active:hover:before {
  width: 20px;
  height: 6px;
  background-color: rgba(226, 143, 93, 1.00);
}

.swiper-theme-dark .swiper-pagination-bullet-active:focus:before {
  width: 20px;
  height: 6px;
  background-color: rgba(226, 143, 93, 1.00);
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}


/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-show {}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-show {}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }

  75% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/******************************************/
/* tooltipster */

/********************/
/* tooltipster-theme-default */
.tooltipster-sidetip.tooltipster-theme-default .tooltipster-box {
  border: 0 none;
  margin-left: 3%;
  margin-right: 3%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #ffffff;
  background-color: #588192;
}

.tooltipster-sidetip.tooltipster-theme-default .tooltipster-content {
  padding: 15px;
  font-size: 12px;
}

.tooltipster-sidetip.tooltipster-theme-default .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-theme-default.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #588192;
}

.tooltipster-sidetip.tooltipster-theme-default.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #588192;
}

.tooltipster-sidetip.tooltipster-theme-default.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #588192;
}

.tooltipster-sidetip.tooltipster-theme-default.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #588192;
}



/********************/
/* hero */
.com-hero {}




/********************/
/* loading */
.com-hero .com-hotcon,
.com-hero .com-slider,
.com-hero .com-slides,
.com-hero .com-thumbs,
.com-hero .com-arrows,
.com-hero.com-loading .com-loader {
  visibility: visible;
}

.com-hero.com-loading .com-hotcon,
.com-hero.com-loading .com-slider,
.com-hero.com-loading .com-slides,
.com-hero.com-loading .com-thumbs,
.com-hero.com-loading .com-arrows,
.com-hero .com-loader {
  visibility: hidden;
}




/********************/
/* slider */
.com-hero .com-slider {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}




/********************/
/* slides */
.com-hero .com-slides {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  cursor: pointer;
}




/********************/
/* slide */
.com-hero .com-slide {
  overflow: hidden;
  position: relative;
  margin-right: -100%;
  width: 100%;
  height: 0%;
  padding-top: 420px;
  background-color: #ffffff;
}

.com-hero .com-slide:first-child {
  z-index: 1;
}

@media screen and (max-width: 1600px) {
  .com-hero .com-slide {
    padding-top: 415px;
    /* padding-top: 26%; */
    /* padding-top: 26vw; */
  }
}

@media screen and (max-width: 1400px) {
  .com-hero .com-slide {
    padding-top: 415px;
    /* padding-top: 26%; */
    /* padding-top: 26vw; */
  }
}

@media screen and (max-width: 1200px) {
  .com-hero .com-slide {
    padding-top: 415px;
  }
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide {
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding-top: 0;
  }
}




/********************/
/* media */
.com-hero .com-slide .com-media {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide .com-media {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 0;
    padding-top: 75%;
  }
}



/********************/
/* image */
.com-hero .com-slide .com-image {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.com-hero .com-slide .com-image-min,
.com-hero .com-slide .com-image-max {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.com-hero .com-slide .com-image-min {
  display: none;
}

.com-hero .com-slide .com-image-max {
  display: block;
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide .com-image-min {
    display: block;
  }

  .com-hero .com-slide .com-image-max {
    display: none;
  }
}




/********************/
/* video */
.com-hero .com-slide .com-video {
  z-index: 2;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.com-hero .com-slide .com-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.com-hero.com-support-object-fit .com-slide .com-video video {
  position: relative;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
}




/********************/
/* shade */
.com-hero .com-slide .com-shade {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.33);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.com-hero .com-slide.com-theme-01 .com-shade {
  display: none;
}

.com-hero .com-slide.com-theme-02 .com-shade {
  display: block;
}




/********************/
/* info */
.com-hero .com-slide .com-infos {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  width: 94%;
  max-width: 1440px;
  margin: 30px auto;
  text-align: left;
}

.com-hero .com-slide .com-infos-outer {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-height: 100%;
}

.com-hero .com-slide .com-infos-inner {
  max-height: 100%;
  max-width: 600px;
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide .com-infos {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    margin: 0;
    padding: 10px 3%;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #588192;
    color: #ffffff;
  }
}

.com-hero .com-slide .com-title {
  margin-top: 0em;
}

.com-hero .com-slide .com-intro {
  margin-top: 1em;
}

.com-hero .com-slide .com-extra {
  margin-top: 2em;
}

.com-hero .com-slide .com-title {
  color: #0077a7;
}

.com-hero .com-slide .com-intro {
  color: #404040;
}

.com-hero .com-slide .com-extra {
  color: #404040;
}

.com-hero .com-slide.com-theme-01 .com-title {
  color: #0077a7;
}

.com-hero .com-slide.com-theme-01 .com-intro {
  color: #404040;
}

.com-hero .com-slide.com-theme-01 .com-extra {
  color: #404040;
}

.com-hero .com-slide.com-theme-02 .com-title {
  color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.com-hero .com-slide.com-theme-02 .com-intro {
  color: #ffffff;
}

.com-hero .com-slide.com-theme-02 .com-extra {
  color: #ffffff;
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide .com-title {
    color: #ffffff;
  }

  .com-hero .com-slide .com-intro {
    color: #ffffff;
  }

  .com-hero .com-slide .com-extra {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-01 .com-title {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-01 .com-intro {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-01 .com-extra {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-02 .com-title {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-02 .com-intro {
    color: #ffffff;
  }

  .com-hero .com-slide.com-theme-02 .com-extra {
    color: #ffffff;
  }
}

.com-hero .com-slide .com-title {
  font-size: 52px;
  font-weight: bold;
}

.com-hero .com-slide .com-intro {
  font-size: 18px;
  font-weight: normal;
}

@media screen and (max-width: 1920px) {
  .com-hero .com-slide .com-title {
    font-size: calc(25.333px + 1.389vw);
  }

  .com-hero .com-slide .com-intro {
    font-size: calc(15.000px + 0.156vw);
  }
}

@media screen and (max-width: 640px) {
  .com-hero .com-slide .com-title {
    /* font-size: calc(25.333px + 1.389vw); */
    font-size: 25px;
  }

  .com-hero .com-slide .com-intro {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .com-hero .com-slide .com-title {
    font-size: 25px;
  }

  .com-hero .com-slide .com-intro {
    font-size: 16px;
  }
}




/********************/
/* hover */
.com-hero .com-slide .com-hover {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}




/********************/
/* thumbs */
.com-hero .com-thumbs {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-top: 15px;
}

.com-hero .com-thumb {
  display: block;
  margin: 0;
  padding: 10px;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
}

.com-hero .com-thumb:before {
  content: '';
  display: block;
  overflow: hidden;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 1.0);
}

.com-hero .com-thumb[data-thumb-active='0']:before {
  width: 6px;
  height: 6px;
  background-color: rgba(88, 129, 146, 1.00);
}

.com-hero .com-thumb[data-thumb-active='0']:hover:before {
  width: 6px;
  height: 6px;
  background-color: rgba(88, 129, 146, 1.00);
}

.com-hero .com-thumb[data-thumb-active='0']:focus:before {
  width: 6px;
  height: 6px;
  background-color: rgba(88, 129, 146, 1.00);
}

.com-hero .com-thumb[data-thumb-active='1']:before {
  width: 20px;
  height: 6px;
  background-color: rgba(0, 167, 178, 1.00);
}

.com-hero .com-thumb[data-thumb-active='1']:hover:before {
  width: 20px;
  height: 6px;
  background-color: rgba(0, 167, 178, 1.00);
}




/********************/
/* arrows */
.com-hero .com-arrows {
  z-index: 5;
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0%;
}

.com-hero.com-support-touch .com-arrows {
  display: none;
}

.com-hero .com-arrow-prev,
.com-hero .com-arrow-next {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 50px;
  height: 100px;
  margin-top: -50px;
  border-style: solid;
  -webkit-transition: margin 0.3s ease;
  -moz-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 1.0);
}

.com-hero .com-arrow-prev:before,
.com-hero .com-arrow-next:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 24px;
  margin: -12px;
}

.com-hero .com-arrow-prev {
  left: 0;
  border-width: 10px 10px 10px 0px;
  -webkit-border-top-right-radius: 100px;
  -moz-border-top-right-radius: 100px;
  border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-bottom-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.com-hero .com-arrow-next {
  right: 0;
  border-width: 10px 0px 10px 10px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-top-left-radius: 100px;
  border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-bottom-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

@media screen and (max-width: 640px) {
  .com-hero .com-arrows {
    display: none;
  }
}




/********************/
/* progress */
.com-hero .com-progress {
  z-index: 5;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
}

.com-hero .com-progress .com-mercury {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 119, 167, 1.0);
}

@media screen and (max-width: 640px) {
  .com-hero .com-progress {
    margin-bottom: 1px;
  }

  .com-hero .com-progress .com-mercury {
    background-color: rgba(255, 255, 255, 0.75);
  }
}

.com-hero .com-progress[data-progress-status='fill'] .com-mercury {
  -webkit-transition: right 7s ease;
  -moz-transition: right 7s ease;
  transition: right 7s ease;
  right: 0%;
}

.com-hero .com-progress[data-progress-status='none'] .com-mercury {
  -webkit-transition: right 1s ease;
  -moz-transition: right 1s ease;
  transition: right 1s ease;
  right: 100%;
}




/********************/
/* loader */
.com-hero .com-loader {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.com-hero .com-loader .com-loader-df {
  font-size: 64px;
  color: #0077a7;
}




/********************/
/* hotcon */
.com-hero .com-hotcon {
  z-index: 6;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 50%;
  left: 0;
  width: 94%;
  height: 0%;
  max-width: 1440px;
  margin: 0 auto;
}

.com-hero .com-hottray {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 320px;
  padding: 30px 20px;
  color: #ffffff;
  background-color: rgba(0, 119, 167, 0.90);
}

@media screen and (max-width: 1020px) {
  .com-hero .com-hotcon {
    display: none;
  }
}

/********************/
/* hero */

/****************************************/
/* slide */
.com-hero [data-hero-init='1'] {
  -webkit-animation: 1.0s cubic-bezier(0.75, 0, 0.25, 1) 0s 1 normal none;
  -moz-animation: 1.0s cubic-bezier(0.75, 0, 0.25, 1) 0s 1 normal none;
  animation: 1.0s cubic-bezier(0.75, 0, 0.25, 1) 0s 1 normal none;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 0;
}

.com-hero [data-hero-init='1']:first-child {
  z-index: 1;
}

.com-hero [data-hero-type='show-fore'] {
  -webkit-animation-name: com-hero-show-fore;
  -moz-animation-name: com-hero-show-fore;
  animation-name: com-hero-show-fore;
}

.com-hero [data-hero-type='hide-fore'] {
  -webkit-animation-name: com-hero-hide-fore;
  -moz-animation-name: com-hero-hide-fore;
  animation-name: com-hero-hide-fore;
}

.com-hero [data-hero-type='show-back'] {
  -webkit-animation-name: com-hero-show-back;
  -moz-animation-name: com-hero-show-back;
  animation-name: com-hero-show-back;
}

.com-hero [data-hero-type='hide-back'] {
  -webkit-animation-name: com-hero-hide-back;
  -moz-animation-name: com-hero-hide-back;
  animation-name: com-hero-hide-back;
}

/* com-hero-show-fore */
@-webkit-keyframes com-hero-show-fore {
  0% {
    -webkit-transform: translate3d(50%, 0%, 0);
    z-index: 2;
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

@-moz-keyframes com-hero-show-fore {
  0% {
    -moz-transform: translate3d(50%, 0%, 0);
    z-index: 2;
  }

  100% {
    -moz-transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

@keyframes com-hero-show-fore {
  0% {
    transform: translate3d(50%, 0%, 0);
    z-index: 2;
  }

  100% {
    transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

/* com-hero-hide-fore */
@-webkit-keyframes com-hero-hide-fore {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    z-index: 3;
  }
}

@-moz-keyframes com-hero-hide-fore {
  0% {
    -moz-transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    -moz-transform: translate3d(-100%, 0%, 0);
    z-index: 3;
  }
}

@keyframes com-hero-hide-fore {
  0% {
    transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    transform: translate3d(-100%, 0%, 0);
    z-index: 3;
  }
}

/* com-hero-show-back */
@-webkit-keyframes com-hero-show-back {
  0% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    z-index: 2;
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

@-moz-keyframes com-hero-show-back {
  0% {
    -moz-transform: translate3d(-50%, 0%, 0);
    z-index: 2;
  }

  100% {
    -moz-transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

@keyframes com-hero-show-back {
  0% {
    transform: translate3d(-50%, 0%, 0);
    z-index: 2;
  }

  100% {
    transform: translate3d(0%, 0%, 0);
    z-index: 2;
  }
}

/* com-hero-hide-back */
@-webkit-keyframes com-hero-hide-back {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    -webkit-transform: translate3d(100%, 0%, 0);
    z-index: 3;
  }
}

@-moz-keyframes com-hero-hide-back {
  0% {
    -moz-transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    -moz-transform: translate3d(100%, 0%, 0);
    z-index: 3;
  }
}

@keyframes com-hero-hide-back {
  0% {
    transform: translate3d(0%, 0%, 0);
    z-index: 3;
  }

  100% {
    transform: translate3d(100%, 0%, 0);
    z-index: 3;
  }
}

/********************/
/* hero */

/****************************************/
/* media */
.com-hero [data-hero-init='1'] .com-image {
  -webkit-animation: 9s ease 0s 1 normal none;
  -moz-animation: 9s ease 0s 1 normal none;
  animation: 9s linear 0s 1 normal none;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.com-hero [data-hero-anim='1'] .com-image,
.com-hero [data-hero-wait='1'] .com-image {
  -webkit-animation-name: com-hero-image-fall;
  -moz-animation-name: com-hero-image-fall;
  animation-name: com-hero-image-fall;
}

/* animation */
@-webkit-keyframes com-hero-image-fall {
  0% {
    -webkit-transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1.00);
  }
}

@-moz-keyframes com-hero-image-fall {
  0% {
    -moz-transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1.00);
  }
}

@keyframes com-hero-image-fall {
  0% {
    transform: scale(1.05) rotate(0.00001deg);
    /* iefix */
  }

  100% {
    transform: scale(1.00) rotate(0.00001deg);
    /* iefix */
  }
}



/****************************************/
/* intro */
.com-hero [data-hero-init='1'] .com-title,
.com-hero [data-hero-init='1'] .com-intro,
.com-hero [data-hero-init='1'] .com-extra {
  -webkit-animation: 1.0s ease 0s 1 normal none;
  -moz-animation: 1.0s ease 0s 1 normal none;
  animation: 1.0s ease 0s 1 normal none;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.com-hero [data-hero-init='1'] .com-title {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.com-hero [data-hero-init='1'] .com-intro {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.com-hero [data-hero-init='1'] .com-extra {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.com-hero [data-hero-wait='1'] .com-title,
.com-hero [data-hero-wait='1'] .com-intro,
.com-hero [data-hero-wait='1'] .com-extra {
  -webkit-animation-name: com-hero-content-anima;
  -moz-animation-name: com-hero-content-anima;
  animation-name: com-hero-content-anima;
}

/* animation */
@-webkit-keyframes com-hero-content-anima {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes com-hero-content-anima {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes com-hero-content-anima {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

  .com-hero [data-hero-init='1'] .com-title,
  .com-hero [data-hero-init='1'] .com-intro,
  .com-hero [data-hero-init='1'] .com-extra,
  .com-hero [data-hero-wait='1'] .com-title,
  .com-hero [data-hero-wait='1'] .com-intro,
  .com-hero [data-hero-wait='1'] .com-extra {
    opacity: 1;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    animation-duration: 0s;
  }
}

/******************************************/
/* WRAPPER */

/********************/
/* section */
.sec-wrapper {
  padding-bottom: 400px;
  min-height: 100vh;
  position: relative;
}

/********************/
/* section */
.sec-wrapper-dummy {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

/******************************************/
/* SUPER */

/********************/
/* section */
.sec-super {
  color: #404040;
  background-color: #eef2f4;
  position: relative;
  z-index: 2000;
}

/**********/
@media screen and (max-width: 1260px) {
  .sec-super {
    display: none;
  }
}




/********************/
/* lays */
.sec-super .com-lay-main {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.sec-super .com-lay-site {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
}

.sec-super .com-lay-push {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
}

.sec-super .com-lay-navi {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  margin-left: 20px;
}

.sec-super .com-lay-lang {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  margin-left: 60px;
}




/********************/
/* menu-site */
.sec-super .com-menu-site {
  font-weight: bold;
}

.sec-super .com-menu-site ul,
.sec-super .com-menu-site li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-super .com-menu-site a,
.sec-super .com-menu-site a:hover {
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sec-super .com-menu-site>ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sec-super .com-menu-site>ul>li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sec-super .com-menu-site>ul>li>a {
  display: block;
  padding: 0 30px;
}

.sec-super .com-menu-site>ul>li>a.com-chosen>span {
  padding-bottom: 0.25em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.sec-super .com-menu-site>ul>li>a {
  background-color: rgba(255, 255, 255, 0.00);
  color: rgba(64, 64, 64, 0.50);
}

.sec-super .com-menu-site>ul>li>a:hover {
  background-color: rgba(255, 255, 255, 0.00);
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-site>ul>li>a.com-chosen {
  background-color: rgba(255, 255, 255, 1.00);
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-site>ul>li>a.com-chosen:hover {
  background-color: rgba(255, 255, 255, 1.00);
  color: rgba(64, 64, 64, 1.00);
}




/********************/
/* menu-navi */
.sec-super .com-menu-navi {
  font-weight: bold;
}

.sec-super .com-menu-navi ul,
.sec-super .com-menu-navi li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-super .com-menu-navi a,
.sec-super .com-menu-navi a:hover {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-super .com-menu-navi>ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sec-super .com-menu-navi>ul>li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sec-super .com-menu-navi>ul>li+li {
  margin-left: 40px;
}

.sec-super .com-menu-navi>ul>li>a.com-chosen>span {
  padding-bottom: 0.25em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.sec-super .com-menu-navi>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-navi>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-super .com-menu-navi>ul>li>a.com-chosen {
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-navi>ul>li>a.com-chosen:hover {
  color: rgba(64, 64, 64, 1.00);
}





/********************/
/* menu-lang */
.sec-super .com-menu-lang {
  font-weight: bold;
}

.sec-super .com-menu-lang ul,
.sec-super .com-menu-lang li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-super .com-menu-lang a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-super .com-menu-lang>ul {
  text-align: left;
  white-space: nowrap;
}

.sec-super .com-menu-lang>ul>li+li {
  margin-top: 16px;
}

.sec-super .com-menu-lang>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-lang>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-super .com-menu-lang>ul>li>a.com-chosen {
  color: rgba(64, 64, 64, 1.00);
}

.sec-super .com-menu-lang>ul>li>a.com-chosen:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-super .com-menu-lang>ul>li>a>.com-flag {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 25px;
  height: 15px;
  bottom: 0.09130859375em;
  margin-right: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 5px 0;
}




/********************/
/* lang */
.sec-super .com-lang {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

.sec-super .com-lang .com-flag {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 25px;
  height: 15px;
  bottom: 0.09130859375em;
}

/********************/
.sec-super .com-lang .com-selector {
  display: block;
  cursor: pointer;
  outline: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sec-super .com-lang .com-selector .com-button {
  display: block;
  border: 0 none;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
}

.sec-super .com-lang .com-selector .com-button .com-text {
  margin-left: 0.33em;
  min-width: 2em;
}

.sec-super .com-lang .com-selector .com-button .com-icon {
  margin-left: 0.33em;
}

.sec-super .com-lang .com-selector .com-button .com-icon:before {
  content: '\02a';
  font-size: 20px;
}

.sec-super .com-lang.com-dropped .com-selector .com-button .com-icon:before {
  content: '\028';
}

/********************/
.sec-super .com-lang .com-optionor {
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0%;
  padding: 30px;
  -webkit-transition: -webkit-transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px;
  visibility: hidden;
  opacity: 0;
  color: #404040;
  background-color: #ffffff;
}

.sec-super .com-lang.com-dropped .com-optionor {
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 20px 5px;
  visibility: visible;
  opacity: 1;
}




/********************/
/* padding tune */
.sec-super .com-menu-site>ul>li>a,
.sec-super .com-menu-navi>ul>li>a,
.sec-super .com-lang .com-selector .com-button {
  display: block;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}

/******************************************/
/* HEADER */

/********************/
/* section */
.sec-header {
  position: relative;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 1000;
}

/**********/
@media screen and (max-width: 1260px) {
  .sec-header {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 70px;
    height: calc(2.08333333vw + 40px);
  }
}

/**********/
@media screen and (max-width: 480px) {
  .sec-header {
    height: 50px;
  }
}




/********************/
/* lays */
.sec-header .com-lay-wrap {
  position: relative;
}

.sec-header .com-lay-main {
  z-index: 2;
  position: relative;
  color: #404040;
  background-color: #ffffff;
}

.sec-header .com-lay-main:after {
  content: '';
  display: block;
  overflow: hidden;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  border-top: 2px solid #eef2f4;
}

.sec-header .com-lay-tray {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
  height: 0;
}

.sec-header.com-has-tray .com-lay-tray {
  visibility: visible;
}

.sec-header .com-lay-navi {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.sec-header .com-lay-logo {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
}

.sec-header .com-lay-menu {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  margin-left: 40px;
}

.sec-header .com-lay-push {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
}

.sec-header .com-lay-side {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  margin-left: 40px;
}

/**********/
@media screen and (max-width: 1260px) {
  .sec-header .com-lay-wrap {
    z-index: 1000;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
  }

  .sec-header.com-has-modal .com-lay-wrap {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-y: scroll;
  }

  .sec-header .com-lay-menu {
    display: none;
  }
}




/********************/
/* logo */
.sec-header .com-logo {
  overflow: hidden;
}

.sec-header .com-logo .com-logo-sizer {
  width: 240px;
  max-width: 100%;
}

.sec-header .com-logo a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.sec-header .com-logo .com-logo-aspect {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  width: 100%;
  height: 0%;
  padding-top: 16.129032258%;
  background: transparent url('../images/logos/logo-en.svg') no-repeat center center;
}

.sec-header .com-logo a {
  margin-right: 22.5%;
}

html[lang='en'] .sec-header .com-logo a {
  margin-right: 22.5%;
}

/* 186 x 30 (620 x 100) */
html[lang='ka'] .sec-header .com-logo a {
  margin-right: 0%;
}

/* 240 x 30 (800 x 100) */

.sec-header .com-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='en'] .sec-header .com-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='ka'] .sec-header .com-logo .com-logo-aspect {
  padding-top: 12.500000000%;
  background-image: url('../images/logos/logo-ka.svg');
}

/**********/
@media screen and (max-width: 1260px) {
  .sec-header .com-logo .com-logo-sizer {
    width: 192px;
    width: calc(6.15384615vw + 162.46153846px);
  }
}

/**********/
@media screen and (max-width: 480px) {
  .sec-header .com-logo {
    width: 52px;
  }

  /*  52 x 24 (116 x 100) */
  .sec-header .com-logo .com-logo-sizer {
    width: 192px;
    max-width: none;
  }

  /* 192 x 24 (800 x 100) */
}



/********************/
/* menu-main */
.sec-header .com-menu-main {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 1920px) {
  .sec-header .com-menu-main {
    font-size: 18px;
    font-size: calc(0.60606061vw + 6.36363636px);
  }
}

@media screen and (max-width: 1580px) {
  .sec-header .com-menu-main {
    font-size: 16px;
    font-size: calc(0.60606061vw + 6.36363636px);
  }
}

@media screen and (max-width: 1260px) {
  .sec-header .com-menu-main {
    font-size: 14px;
  }
}

.sec-header .com-menu-main ul,
.sec-header .com-menu-main li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-menu-main a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-header .com-menu-main>ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.sec-header .com-menu-main>ul>li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sec-header .com-menu-main>ul>li>a {
  display: block;
  padding: 0 20px;
  white-space: nowrap;
}

@media screen and (max-width: 1920px) {
  .sec-header .com-menu-main>ul>li>a {
    padding: 0 20px;
    padding: 0 calc(0.75757576vw + 5.45454545px);
  }
}

@media screen and (max-width: 1580px) {
  .sec-header .com-menu-main>ul>li>a {
    padding: 0 15px;
    padding: 0 calc(0.75757576vw + 5.45454545px);
  }
}

@media screen and (max-width: 1260px) {
  .sec-header .com-menu-main>ul>li>a {
    padding: 0 15px;
  }
}

.sec-header .com-menu-main>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-main>ul>li>a:hover {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-main>ul>li>a.com-chosen {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-main>ul>li>a.com-chosen:hover {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-main>ul>li>a>span {
  display: block;
  position: relative;
}

.sec-header .com-menu-main>ul>li>a>span:after {
  content: '';
  z-index: 1;
  display: block;
  overflow: hidden;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto 0 0;
  width: 0;
  height: 0;
  border-top: 2px solid transparent;
  -webkit-transition: width 0.3s ease, border-color 0.3s ease;
  -moz-transition: width 0.3s ease, border-color 0.3s ease;
  transition: width 0.3s ease, border-color 0.3s ease;
}

.sec-header .com-menu-main>ul>li>a>span:after {
  width: 0%;
  border-color: rgba(0, 119, 167, 0.0);
}

.sec-header .com-menu-main>ul>li>a:hover>span:after {
  width: 100%;
  border-color: rgba(0, 119, 167, 1.0);
}

.sec-header .com-menu-main>ul>li>a.com-chosen>span:after {
  width: 100%;
  border-color: rgba(0, 119, 167, 1.0);
}

.sec-header[data-tray-state] .com-menu-main>ul>li>a>span:after {
  width: 0%;
  border-color: rgba(0, 119, 167, 0.0);
}

.sec-header[data-tray-state] .com-menu-main>ul>li>a.com-active>span:after {
  width: 100%;
  border-color: rgba(0, 119, 167, 1.0);
}





/********************/
/* menu-side */
.sec-header .com-menu-side {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.sec-header .com-menu-side .com-item-side {
  border-left: 2px solid #eef2f4;
}

.sec-header .com-menu-side .com-item-side .com-button {
  position: relative;
  border: 0 none;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  color: #404040;
  background-color: transparent;
}

.sec-header .com-menu-side .com-item-side .com-button:after {
  content: '';
  z-index: 1;
  display: block;
  overflow: hidden;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 2px solid transparent;
  -webkit-transition: width 0.3s ease, border-color 0.3s ease;
  -moz-transition: width 0.3s ease, border-color 0.3s ease;
  transition: width 0.3s ease, border-color 0.3s ease;
}

.sec-header .com-menu-side .com-item-side .com-button:after {
  width: 0%;
  border-color: rgba(0, 119, 167, 0.0);
}

.sec-header .com-menu-side .com-item-side .com-button:hover:after {
  width: 100%;
  border-color: rgba(0, 119, 167, 1.0);
}

.sec-header .com-menu-side .com-item-side .com-button.com-active:after {
  width: 100%;
  border-color: rgba(0, 119, 167, 1.0);
}

.sec-header .com-menu-side .com-item-side .com-button .com-text {
  font-weight: bold;
  margin-right: 0.8em;
}

.sec-header .com-menu-side .com-item-side .com-button .com-icon {
  position: relative;
}

.sec-header .com-menu-side .com-item-side .com-button .com-icon:before {
  font-size: 24px;
}

.sec-header .com-menu-side .com-item-side .com-button .com-icon .com-count {
  display: block;
  position: absolute;
  top: -20px;
  right: -8px;
  padding: 4px;
  min-width: 16px;
  min-height: 16px;
  font-size: 8px;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #ffffff;
  background-color: #00a7b2;
}




/********************/
/* menu-sign */
.sec-header .com-menu-sign {
  font-weight: bold;
}

.sec-header .com-menu-sign ul,
.sec-header .com-menu-sign li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-menu-sign a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-header .com-menu-sign>ul>li {}

.sec-header .com-menu-sign>ul>li+li {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 2px solid #eef2f4;
}

.sec-header .com-menu-sign>ul>li>a {
  white-space: nowrap;
}

.sec-header .com-menu-sign>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-sign>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}




/********************/
/* nav-dropper */
.sec-header .com-nav-dropper {
  position: relative;
}

/********************/
.sec-header .com-nav-dropper .com-selector {
  display: block;
  cursor: pointer;
  outline: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/********************/
.sec-header .com-nav-dropper .com-optionor {
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0%;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px;
  -webkit-transition: -webkit-transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  color: #404040;
  background-color: #ffffff;
}

.sec-header .com-nav-dropper.com-dropped .com-optionor {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 20px 5px;
}

@media screen and (max-width: 1260px) {
  .sec-header .com-nav-dropper .com-optionor {
    display: none;
  }
}




/********************/
/* nav-mobile */
.sec-header .com-nav-mobile {
  display: none;
}

.sec-header .com-nav-mobile .com-button .com-text {
  display: none;
}

.sec-header .com-nav-mobile .com-button .com-icon:before {
  content: '\50';
}

.sec-header .com-nav-mobile .com-button.com-active .com-icon:before {
  content: '\53';
}

@media screen and (max-width: 1260px) {
  .sec-header .com-nav-mobile {
    display: block;
  }
}




/********************/
/* nav-search */
.sec-header .com-nav-search {}

.sec-header .com-nav-search .com-button .com-text {
  display: none;
}

.sec-header .com-nav-search .com-button .com-icon:before {
  content: '\52';
}

.sec-header .com-nav-search .com-button.com-active .com-icon:before {
  content: '\53';
}




/********************/
/* nav-prolog */
.sec-header .com-nav-prolog {}

.sec-header .com-nav-prolog .com-button .com-text {
  display: inline;
}

.sec-header .com-nav-prolog .com-button .com-icon:before {
  content: '\55';
}

.sec-header .com-nav-prolog .com-button.com-active .com-icon:before {
  content: '\55';
}

.sec-header .com-nav-prolog .com-optionor {
  min-width: 240px;
}

@media screen and (max-width: 1560px) {
  .sec-header .com-nav-prolog .com-button .com-text {
    display: none;
  }
}

@media screen and (max-width: 1260px) {
  .sec-header .com-nav-prolog {
    display: none;
  }
}




/********************/
/* nav-basket */
.sec-header .com-nav-basket {}

.sec-header .com-nav-basket .com-button .com-text {
  display: inline;
}

.sec-header .com-nav-basket .com-button .com-icon:before {
  content: '\54';
}

.sec-header .com-nav-basket .com-button.com-active .com-icon:before {
  content: '\54';
}

.sec-header .com-nav-basket .com-optionor {
  min-width: 400px;
}

@media screen and (max-width: 1560px) {
  .sec-header .com-nav-basket .com-button .com-text {
    display: none;
  }
}




/********************/
/* padding tune */
.sec-header .com-logo a,
.sec-header .com-menu-main>ul>li>a>span,
.sec-header .com-menu-side .com-item-side .com-button {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 50px;
}

/**********/
@media screen and (max-width: 1920px) {

  .sec-header .com-logo a,
  .sec-header .com-menu-main>ul>li>a>span,
  .sec-header .com-menu-side .com-item-side .com-button {
    padding-top: 15px;
    padding-top: calc(1.04166666vw - 5px);
    padding-bottom: 15px;
    padding-bottom: calc(1.04166666vw - 5px);
  }
}

/**********/
@media screen and (max-width: 1260px) {

  .sec-header .com-logo a,
  .sec-header .com-menu-main>ul>li>a>span,
  .sec-header .com-menu-side .com-item-side .com-button {
    padding-top: 10px;
    padding-top: calc(1.04166666vw - 5px);
    padding-bottom: 10px;
    padding-bottom: calc(1.04166666vw - 5px);
  }
}

/**********/
@media screen and (max-width: 480px) {

  .sec-header .com-logo a,
  .sec-header .com-menu-main>ul>li>a>span,
  .sec-header .com-menu-side .com-item-side .com-button {
    padding-top: 0;
    padding-bottom: 0;
  }
}



.com-sticky-to-head {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 120px;
}

/**********/
@media screen and (max-width: 1920px) {
  .com-sticky-to-head {
    top: 110px;
    top: calc(2.08333333vw - 10px + 50px + 20px);
  }
}

@media screen and (max-width: 1260px) {
  .com-sticky-to-head {
    top: 90px;
    top: calc(2.08333333vw - 10px + 50px + 20px);
  }
}

@media screen and (max-width: 480px) {
  .com-sticky-to-head {
    top: 70px;
  }
}




/********************/
/* tray */
.sec-header .com-tray {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px;
  color: #404040;
  background-color: #ffffff;
}

.sec-header[data-tray-state] .com-tray {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 20px 5px;
}

.sec-header .com-tray .com-tray-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  overflow: auto;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  visibility: hidden;
  opacity: 0;
}

.sec-header .com-tray .com-tray-block.com-active {
  z-index: 1;
  position: relative;
  visibility: visible;
  opacity: 1;
}

/**********/
@media screen and (max-width: 1260px) {
  .sec-header .com-tray .com-tray-block {
    max-height: none;
    overflow-y: scroll;
    height: calc(100vh - 2.08333333vw + 10px - 50px);
  }
}

/**********/
.sec-header .com-tray .com-tray-layout {
  padding: 40px 0;
}

/**********/
@media screen and (max-width: 1920px) {
  .sec-header .com-tray .com-tray-layout {
    padding-top: 40px;
    padding-top: calc(1.38888889vw + 13.33333333px);
  }
}

/**********/
@media screen and (max-width: 480px) {
  .sec-header .com-tray .com-tray-layout {
    padding-top: 20px;
  }
}



/********************/
/* menu-mobile */
.sec-header .com-menu-mobi {}

.sec-header .com-menu-mobi ul,
.sec-header .com-menu-mobi li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-menu-mobi a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.sec-header .com-menu-mobi a:hover {
  opacity: 0.75;
}




/********************/
/* menu-mobile level-01 */
.sec-header .com-menu-mobi .com-menu-01 {
  font-size: 20px;
  font-weight: bold;
}

.sec-header .com-menu-mobi .com-menu-01>ul {}

.sec-header .com-menu-mobi .com-menu-01>ul>li+li {
  margin-top: 1em;
}

.sec-header .com-menu-mobi .com-menu-01>ul>li>div {
  position: relative;
}

.sec-header .com-menu-mobi .com-menu-01>ul>li>div>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-mobi .com-menu-01>ul>li.com-has-profile>div>a {
  color: rgba(88, 129, 146, 1.00);
}

.sec-header .com-menu-mobi .com-menu-01>ul>li>div>a:before {
  content: '\29';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-align: center;
  color: #0077a7;
}

.sec-header .com-menu-mobi .com-menu-01>ul>li.com-has-submenu>div>a:before {
  content: '\35';
  display: block;
}

.sec-header .com-menu-mobi .com-menu-01>ul>li.com-has-submenu.com-active>div>a:before {
  content: '\34';
  display: block;
}




/********************/
/* menu-mobile level-02 */
.sec-header .com-menu-mobi .com-menu-02 {
  font-size: 16px;
  font-weight: bold;
  display: none;
}

.sec-header .com-menu-mobi .com-menu-02>ul {
  padding: 1em 0em 0.5em 2em;
}

.sec-header .com-menu-mobi .com-menu-02>ul>li {
  position: relative;
}

.sec-header .com-menu-mobi .com-menu-02>ul>li+li {
  margin-top: 1em;
}

.sec-header .com-menu-mobi .com-menu-02>ul>li a {
  color: rgba(64, 64, 64, 1.00);
}




/********************/
/* menu-navi */
.sec-header .com-menu-navi {
  font-size: 16px;
  font-weight: bold;
  margin-left: -3.19148936%;
  margin-right: -3.19148936%;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #eef2f4;
  color: #404040;
}

.sec-header .com-menu-navi ul,
.sec-header .com-menu-navi li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-menu-navi a,
.sec-header .com-menu-navi a:hover {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-header .com-menu-navi>ul {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
}

.sec-header .com-menu-navi>ul>li {}

.sec-header .com-menu-navi>ul>li+li {
  margin-top: 0.8em;
  padding-top: 0.8em;
  border-top: 2px solid rgba(0, 0, 0, 0.05);
}

.sec-header .com-menu-navi>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-navi>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-header .com-menu-navi>ul>li>a.com-chosen {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-navi>ul>li>a.com-chosen:hover {
  color: rgba(64, 64, 64, 1.00);
}




/********************/
/* menu-lang */
.sec-header .com-menu-lang {
  font-weight: bold;
}

.sec-header .com-menu-lang ul,
.sec-header .com-menu-lang li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-menu-lang a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-header .com-menu-lang>ul {
  text-align: left;
  white-space: nowrap;
}

.sec-header .com-menu-lang>ul>li+li {
  margin-top: 16px;
}

.sec-header .com-menu-lang>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-lang>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-header .com-menu-lang>ul>li>a.com-chosen {
  color: rgba(64, 64, 64, 1.00);
}

.sec-header .com-menu-lang>ul>li>a.com-chosen:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-header .com-menu-lang>ul>li>a>.com-flag {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 25px;
  height: 15px;
  bottom: 0.09130859375em;
  margin-right: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 5px 0;
}




/********************/
/* submenu */
.sec-header .com-submenu {}

.sec-header .com-submenu ul,
.sec-header .com-submenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-header .com-submenu a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.sec-header .com-submenu a:hover {
  opacity: 0.75;
}




/********************/
/* sublinks */
.sec-header .com-submenu .com-sublink-01 a {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
}

@media screen and (max-width: 1920px) {
  .sec-header .com-submenu .com-sublink-01 a {
    font-size: 18px;
    font-size: calc(0.30303030vw + 12.18181818px);
  }
}

@media screen and (max-width: 1260px) {
  .sec-header .com-submenu .com-sublink-01 a {
    font-size: 16px;
  }
}

/**********/
.sec-header .com-submenu .com-sublink-02 a {
  font-weight: bold;
  color: #0077a7;
}

/**********/
.sec-header .com-submenu .com-sublink-03 a {
  font-weight: bold;
  color: #404040;
}




/********************/
/* submenu-01 */
.sec-header .com-submenu .com-submenu-01 {}

.sec-header .com-submenu .com-submenu-01>ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -2em;
  margin-left: -2.08333333%;
  margin-right: -2.08333333%;
}

.sec-header .com-submenu .com-submenu-01>ul>li {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 2em;
  padding-left: 2.0%;
  padding-right: 2.0%;
  width: 25%;
}




/********************/
/* submenu-02 */
.sec-header .com-submenu .com-submenu-02 {}

.sec-header .com-submenu .com-submenu-02>ul>li+li {
  margin-top: 0.5em;
}

/**********/
.sec-header .com-submenu .com-sublink-01+.com-submenu-02 {
  margin-top: 1em;
}




/********************/
/* submenu-03 */
.sec-header .com-submenu .com-submenu-03 {}

.sec-header .com-submenu .com-submenu-03>ul>li+li {
  margin-top: 0.5em;
}

/**********/
.sec-header .com-submenu .com-sublink-02+.com-submenu-03 {
  margin-top: 1em;
}




/********************/
/* submenu custom subitem a */
.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-a {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
}

.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-a>.com-subitem-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -4.34782608%;
  margin-right: -4.34782608%;
}

.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-a>.com-subitem-grid>.com-subitem-cell {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
  padding-left: 4.0%;
  padding-right: 4.0%;
}

.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-a>.com-subitem-grid>.com-subitem-cell:nth-child(n+3) {
  margin-top: 2.5em;
}



/********************/
/* submenu custom subitem b */
.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-b {}

.sec-header .com-submenu .com-submenu-01>ul>li.com-subitem-b .com-sublink-01+.com-sublink-01 {
  margin-top: 0.75em;
  padding-top: 0.75em;
  border-top: 2px solid #eef2f4;
}



/********************/
/* mini-basket */
.sec-header .com-mini-basket {}

.sec-header .com-mini-basket-list {}

.sec-header .com-mini-basket-item+.com-mini-basket-item {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 2px solid #eef2f4;
}

.sec-header .com-mini-basket .com-mini-basket-summary {
  margin-top: 2em;
}

.sec-header .com-mini-basket .com-mini-basket-extras {
  margin-top: 2em;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #588192;
}

.sec-header .com-mini-basket .com-mini-basket-empty {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #588192;
}

.sec-header .com-mini-basket .com-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  text-decoration: none;
  color: #404040;
  font-weight: bold;
}

.sec-header .com-mini-basket .com-item>.com-item-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 120px;
}

.sec-header .com-mini-basket .com-item>.com-item-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 20px;
}

.sec-header .com-mini-basket .com-image {
  position: relative;
  text-align: center;
}

.sec-header .com-mini-basket .com-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  -moz-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.sec-header .com-mini-basket .com-title {}

.sec-header .com-mini-basket .com-quant {
  color: #c0c0c0;
  margin-top: 10px;
}

.sec-header .com-mini-basket .com-price {
  color: #0077a7;
  margin-top: 10px;
}

.sec-header .com-mini-basket .com-summary {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

.sec-header .com-mini-basket .com-summary>.com-summary-lt {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sec-header .com-mini-basket .com-summary>.com-summary-rt {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 20px;
  text-align: right;
}



/********************/
/* search */
.sec-header .com-global-search {}

/* result */
.sec-header .com-global-search .com-global-search-result {
  position: relative;
  opacity: 1.0;
}

.sec-header .com-global-search .com-global-search-result:before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sec-header .com-global-search .com-global-search-result.com-loading {
  position: relative;
  -webkit-transition: opacity 1.0s ease 0.5s;
  -moz-transition: opacity 1.0s ease 0.5s;
  transition: opacity 1.0s ease 0.5s;
  opacity: 0.25;
}

.sec-header .com-global-search .com-global-search-result.com-loading:before {
  display: block;
}

/* search-result-bar */
.sec-header .com-global-search .com-global-search-result-bar {
  margin-top: 20px;
  font-weight: bold;
}

.sec-header .com-global-search .com-global-search-result-bar b {
  color: #0077a7;
}

/* search-result-list */
.sec-header .com-global-search .com-global-search-result-list {
  margin-top: 30px;
  font-size: 16px;
}

.sec-header .com-global-search .com-global-search-result-item {
  margin-top: 1em;
}

.sec-header .com-global-search .com-global-search-result-item a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
  color: #0077a7;
}

.sec-header .com-global-search .com-global-search-result-item a:hover {
  color: #0077a7;
}

/* search-result-more */
.sec-header .com-global-search .com-global-search-result-more {
  margin-top: 30px;
  font-weight: bold;
}

.sec-header .com-global-search .com-global-search-result-more a {
  color: #0077a7;
  text-decoration: none;
}




/******************************************/
/* FOOTER */

/********************/
/* section */
.sec-footer {
  padding: 32px 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 1920px) {
  .sec-footer {
    /* padding: calc(40px + 1.25%) 0; */
  }
}




/********************/
/* lays */
.sec-footer .com-lay-main {}

.sec-footer .com-lay-goup {}

.sec-footer .com-lay-hotx {}

/**********/
@media screen and (max-width: 1480px) {
  .sec-footer .com-lay-goup {
    margin-top: 0px;
  }

  .sec-footer .com-lay-hotx {
    margin-top: 40px;
  }
}

/**********/
@media screen and (max-width: 800px) {
  .sec-footer .com-lay-goup {
    margin-top: 20px;
  }

  .sec-footer .com-lay-hotx {
    margin-top: 40px;
  }
}




/********************/
/* elements */
.com-local-container {
  margin-bottom: 30px;
}

.com-local-title {
  font-weight: bold;
  margin-bottom: 15px;
}




/********************/
/* com-menu-foot */
.sec-footer .com-menu-foot {
  font-size: 14px;
}

.sec-footer .com-menu-foot ul,
.sec-footer .com-menu-foot li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sec-footer .com-menu-foot a,
.sec-footer .com-menu-foot a:hover {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sec-footer .com-menu-foot>ul {
  display: block;
}

.sec-footer .com-menu-foot>ul>li {
  display: block;
}

.sec-footer .com-menu-foot>ul>li+li {
  margin-top: 8px;
}

.sec-footer .com-menu-foot>ul>li>a {
  color: rgba(64, 64, 64, 1.00);
}

.sec-footer .com-menu-foot>ul>li>a:hover {
  color: rgba(64, 64, 64, 0.75);
}

.sec-footer .com-menu-foot>ul>li>a.com-active {
  color: rgba(64, 64, 64, 0.50);
}

.sec-footer .com-menu-foot>ul>li>a.com-active:hover {
  color: rgba(64, 64, 64, 0.75);
}




/********************/
/* phone */
.sec-footer .com-phone a {
  text-decoration: none;
}




/********************/
/* logo */
.sec-footer .com-logo {
  width: 240px;
  max-width: 100%;
}

.sec-footer .com-logo a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.sec-footer .com-logo .com-logo-aspect {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  width: 100%;
  height: 0%;
  padding-top: 16.129032258%;
  background: transparent url('../images/logos/logo-en.svg') no-repeat center center;
}

.sec-footer .com-logo a {
  margin-right: 22.5%;
}

html[lang='en'] .sec-footer .com-logo a {
  margin-right: 22.5%;
}

html[lang='ka'] .sec-footer .com-logo a {
  margin-right: 0%;
}

.sec-footer .com-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='en'] .sec-footer .com-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='ka'] .sec-footer .com-logo .com-logo-aspect {
  padding-top: 12.500000000%;
  background-image: url('../images/logos/logo-ka.svg');
}




/********************/
/* copyright */
.sec-footer .com-copyright {
  margin-top: 10px;
}




/********************/
/* credits */
.sec-footer .com-credits {
  margin-top: 20px;
  color: #808080;
}

.sec-footer .com-credits a {
  color: #808080;
  text-decoration: none;
}

.sec-footer .com-credits a:hover {
  text-decoration: underline;
}




/********************/
/* policy */
.sec-footer .com-policy {
  margin-top: 42px;
}

.sec-footer .com-policy a {
  text-decoration: none;
  color: #404040;
}

@media screen and (max-width: 800px) {
  .sec-footer .com-policy {
    margin-top: 0;
  }
}




/********************/
/* com-goup-fix */
.sec-footer .com-goup-fix {
  z-index: 900;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: auto;
  height: 0;
}

/**********/
@media screen and (max-width: 1480px) {
  .sec-footer .com-goup-fix {
    right: 0;
    bottom: 70px;
    left: 0;
    width: 94%;
    height: 0;
    margin: 0 auto;
  }
}

/**********/
@media screen and (max-width: 800px) {
  .sec-footer .com-goup-fix {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
}




/********************/
/* com-goup */
.sec-footer .com-goup {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  outline: none;
  cursor: pointer;
  font-size: 48px;
  vertical-align: top;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  background-color: transparent;
  color: #00a7b2;
}

.sec-footer .com-goup[data-show-on-load] {
  display: none;
}

.sec-footer .com-goup[data-icon]:before {
  display: block;
}

/**********/
.sec-footer .com-goup[data-goup-actual] {
  display: inline-block;
}

/**********/
.sec-footer .com-goup[data-goup-actual='no'] {
  opacity: 0.00;
  visibility: hidden;
}

.sec-footer .com-goup[data-goup-actual='no']:hover {
  opacity: 0.00;
  visibility: hidden;
}

.sec-footer .com-goup[data-goup-actual='yes'] {
  opacity: 1.00;
  visibility: visible;
}

.sec-footer .com-goup[data-goup-actual='yes']:hover {
  opacity: 0.50;
  visibility: visible;
}

/**********/
@media screen and (max-width: 800px) {
  .sec-footer .com-goup {
    position: static;
  }

  .sec-footer .com-goup[data-goup-actual] {
    opacity: 1.00;
    visibility: visible;
  }

  .sec-footer .com-goup[data-goup-actual]:hover {
    opacity: 0.75;
    visibility: visible;
  }
}




/********************/
/* subscribe */
.sec-footer .com-subs-bar {
  max-width: 320px;
  width: 100%;
}




/********************/
/* com-hotx-fix */
.sec-footer .com-hotx-fix {
  z-index: 900;
  position: fixed;
  -webkit-backface-visibility: hidden;
  /* android prior v4.4.4 fixed positioning */
  bottom: 0;
  right: 0;
  left: 0;
}

.sec-footer .com-hotx-pad {
  position: relative;
  width: 94%;
  height: 0;
  margin: 0 auto;
}

/**********/
@media screen and (max-width: 400px) {
  .sec-footer .com-hotx-fix {
    width: auto;
    margin: 0;
  }

  .sec-footer .com-hotx-pad {
    width: auto;
    margin: 0;
  }
}




/********************/
/* hotline */
.sec-footer .com-hotline {
  position: absolute;
  bottom: 0;
  right: 340px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #588192;
}

.sec-footer .com-hotline[data-show-on-load] {
  display: none;
}

.sec-footer .com-hotline a {
  display: block;
  padding: 10px;
  padding-right: 60px;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

.sec-footer .com-hotline .com-text {}

.sec-footer .com-hotline .com-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
}

.sec-footer .com-hotline .com-icon:before {
  display: block;
}

/**********/
@media screen and (max-width: 800px) {
  .sec-footer .com-hotline {
    display: none;
  }
}

/**********/
/* !!! MAX-HEIGHT-FIX !!! */
@media screen and (max-height: 800px) {
  .sec-footer .com-hotline a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-top: calc(-20.000px + 5.000vh);
    padding-bottom: calc(-20.000px + 5.000vh);
  }
}

/**********/
/* !!! MAX-HEIGHT-FIX !!! */
@media screen and (max-height: 600px) {
  .sec-footer .com-hotline a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}




/********************/
/* hottray */
.sec-footer .com-hottray {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0, 1);
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  width: 320px;
  max-width: 100%;
  opacity: 1;
  visibility: visible;
}

.sec-footer .com-hottray.com-dropped {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.sec-footer .com-hottray.com-hidden {
  opacity: 0;
  visibility: hidden;
}

.sec-footer .com-hottray[data-show-on-load] {
  display: none;
}

/**********/
.sec-footer .com-hottray .com-hottray-head {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 10px;
  padding-right: 60px;
  font-weight: bold;
  color: #ffffff;
  background-color: #2088B2;
}

.sec-footer .com-hottray .com-hottray-head .com-text {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  opacity: 1.0;
}

.sec-footer .com-hottray.com-dropped .com-hottray-head .com-text {
  opacity: 0.5;
}

.sec-footer .com-hottray .com-hottray-head .com-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
}

.sec-footer .com-hottray .com-hottray-head .com-icon:before {
  content: '\28';
  display: block;
}

.sec-footer .com-hottray.com-dropped .com-hottray-head .com-icon:before {
  content: '\2a';
}

/**********/
.sec-footer .com-hottray .com-hottray-foot {
  margin-top: -1px;
  padding: 12px 20px 30px 20px;
  color: #ffffff;
  background-color: #2088B2;
}

/**********/
/* !!! MAX-HEIGHT-FIX !!! */
@media screen and (max-height: 800px) {
  .sec-footer .com-hottray .com-hottray-head {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-top: calc(-20.000px + 5.000vh);
    padding-bottom: calc(-20.000px + 5.000vh);
  }

  .sec-footer .com-hottray .com-hottray-foot {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}

/**********/
/* !!! MAX-HEIGHT-FIX !!! */
@media screen and (max-height: 600px) {
  .sec-footer .com-hottray .com-hottray-head {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sec-footer .com-hottray .com-hottray-foot {
    padding-top: 12px;
    padding-bottom: 20px;
  }
}

/**********/
@media screen and (max-width: 400px) {
  .sec-footer .com-hottray {
    left: 0;
    width: auto;
  }

  .sec-footer .com-hottray .com-hottray-head {
    padding-left: 3%;
    padding-right: 48px;
    padding-right: calc(6% + 20px);
  }

  .sec-footer .com-hottray .com-hottray-head .com-icon {
    right: 3%;
  }

  .sec-footer .com-hottray .com-hottray-foot {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 3%;
    padding-bottom: 6%;
  }
}



/******************************************/
/* MAIN */

/********************/
/* section */
.sec-main {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 70vh;
  position: relative;
}

.with-decor {
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
}


/******************************************/
/* ERROR */

/********************/
/* section */
.sec-error {
  margin: 64px 0;
}

@media screen and (max-width: 1920px) {
  .sec-error {
    margin: calc(40px + 1.25%) 0;
    margin: calc(40px + 1.25vw) 0;
  }
}




/********************/
/* com-errorpage-logo */
.com-errorpage-logo {
  width: 240px;
  max-width: 100%;
}

.com-errorpage-logo a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.com-errorpage-logo .com-logo-aspect {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  width: 100%;
  height: 0%;
  padding-top: 16.129032258%;
  background: transparent url('../images/logos/logo-en.svg') no-repeat center center;
}

.com-errorpage-logo a {
  margin-right: 22.5%;
}

html[lang='en'] .com-errorpage-logo a {
  margin-right: 22.5%;
}

html[lang='ka'] .com-errorpage-logo a {
  margin-right: 0%;
}

.com-errorpage-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='en'] .com-errorpage-logo .com-logo-aspect {
  padding-top: 16.129032258%;
  background-image: url('../images/logos/logo-en.svg');
}

html[lang='ka'] .com-errorpage-logo .com-logo-aspect {
  padding-top: 12.500000000%;
  background-image: url('../images/logos/logo-ka.svg');
}




/********************/
/* com-errorpage-desc */
.com-errorpage-desc {
  max-width: 480px;
}

/******************************************/
/* GENERIC */

/********************/
/* section */
.sec-generic {
  /* margin: 10px 0; */
  background-color: #ffffff;
}

@media screen and (max-width: 1920px) {
  .sec-generic {
    /* margin: calc(40px + 1.25%)  0; */
    /* margin: calc(40px + 1.25vw) 0; */
    /* margin: 15px 0; */
    /* margin-bottom: 30px; */
    padding: 10px 0;
    /* padding-bottom: 50px; */
  }

}

/********************/
/* section-tune */
.sec-main>.sec-generic:first-child {
  margin-top: 10px;
}

@media screen and (max-width: 1920px) {
  .sec-main>.sec-generic:first-child {
    /* margin-top: calc(20px + 1.25%); */
    /* margin-top: calc(20px + 1.25vw); */
  }
}


/********************/
/* section-tune */
.sec-generic.sec-tune-spt-less {
  margin-top: 0;
}

.sec-generic.sec-tune-spb-less {
  margin-bottom: 0;
}





/******************************************/
/* BOXERIC */

/********************/
/* section */
.sec-boxeric {
  padding: 64px 0;
  /* background-color: #ffffff; */
}

@media screen and (max-width: 1920px) {
  .sec-boxeric {
    /* padding: calc(40px + 1.25%)  0; */
    /* padding: calc(40px + 1.25vw) 0; */
    padding: 10px 0;
  }

}




/********************/
/* section-tune */
.sec-main>.sec-boxeric:first-child {
  padding-top: 44px;
}

@media screen and (max-width: 1920px) {
  .sec-main>.sec-boxeric:first-child {
    padding-top: calc(20px + 1.25%);
    padding-top: calc(20px + 1.25vw);
  }
}




/********************/
/* themes */
.sec-boxeric.sec-theme-01 {
  background-color: rgba(88, 129, 146, 0.10);
  color: #404040;
  /* background-color: #ffffff; */
  /* background-color: rgba(255,255,255,0.10); */
}

.sec-boxeric.stretch-to-fill {
  flex: auto;
  display: flex;
}


.sec-boxeric.sec-theme-02 {
  background-color: #0077a7;
  color: #ffffff;
  margin: 15px 0;
}



.sec-boxeric.sec-theme-03 {
  background-color: #588192;
  color: #ffffff;
}





/******************************************/
/* GENERIC */

/********************/
/* section */
.sec-refiner {}




/********************/
/* section */
.sec-generic+.sec-refiner {
  /* margin-top: -24px; */
}

@media screen and (max-width: 1920px) {
  .sec-generic+.sec-refiner {
    /* margin-top: -1.25%; */
    /* margin-top: -1.25vw; */
  }
}


/******************************************/
/* HERO */

/********************/
/* section */
.sec-hero {
  /* margin-bottom: 15px; */
  background-color: #ffffff;
}

/******************************************/
/* DECOR */

/********************/
/* section */
.sec-decor {}




.sec-decor.sec-theme-01 {
  height: 50px;
  background: #588192 url('../images/elements/deco-bg.png') repeat center 18%;
  color: #ffffff;
  bottom: 0;
  /* position: absolute; */
  width: 100%;
  position: absolute;
  /* top: 0; */
  /* margin-top: 40px; */
}





/******************************************/
/* ABOUT */

/********************/
/* sec-about-a */
.sec-about-a {
  margin: 64px 0;
}

.sec-main .sec-about-a:first-child {
  margin-top: 44px;
}

@media screen and (max-width: 1920px) {
  .sec-about-a {
    margin: calc(40px + 1.25%) 0;
    margin: calc(40px + 1.25vw) 0;
  }

  .sec-main .sec-about-a:first-child {
    margin-top: calc(20px + 1.25%);
    margin-top: calc(20px + 1.25vw);
  }
}




/********************/
/* sec-about-b */
.sec-about-b {}

.sec-main .sec-about-b:first-child {
  margin-top: 44px;
}

.sec-about-a+.sec-about-b {
  margin-top: -34px;
}

@media screen and (max-width: 1920px) {
  .sec-main .sec-about-b:first-child {
    margin-top: calc(20px + 1.25%);
    margin-top: calc(20px + 1.25vw);
  }

  .sec-about-a+.sec-about-b {
    margin-top: calc(-10px - 1.25%);
    margin-top: calc(-10px - 1.25vw);
  }
}




/********************/
/* sec-about-c */
.sec-about-c {
  padding: 64px 0;
  background-color: rgba(88, 129, 146, 0.10);
  color: #404040;
}

@media screen and (max-width: 1920px) {
  .sec-about-c {
    padding: calc(40px + 1.25%) 0;
    padding: calc(40px + 1.25vw) 0;
  }
}



/********************/
/* sec-about-d */
.sec-about-d {}

.sec-main .sec-about-d:first-child {
  margin-top: 44px;
}

@media screen and (max-width: 1920px) {
  .sec-main .sec-about-d:first-child {
    margin-top: calc(20px + 1.25%);
    margin-top: calc(20px + 1.25vw);
  }
}



/********************/
/* sec-about-e */
.sec-about-e {
  padding: 64px 0;
  background-color: rgba(88, 129, 146, 0.10);
  color: #404040;
}

@media screen and (max-width: 1920px) {
  .sec-about-e {
    padding: calc(40px + 1.25%) 0;
    padding: calc(40px + 1.25vw) 0;
  }
}






/******************************************/
/* CONTACTS */

/********************/
/* sec-contacts */
.sec-contacts {
  margin-top: 64px;
}

.sec-main .sec-contacts:first-child {
  margin-top: 44px;
}

@media screen and (max-width: 1920px) {
  .sec-contacts {
    margin-top: calc(40px + 1.25%);
    margin-top: calc(40px + 1.25vw);
  }

  .sec-main .sec-contacts:first-child {
    margin-top: calc(20px + 1.25%);
    margin-top: calc(20px + 1.25vw);
  }
}

@media screen and (max-width: 800px) {
  .sec-contacts {
    margin: calc(40px + 1.25%) 0;
    margin: calc(40px + 1.25vw) 0;
  }

  .sec-main .sec-contacts:first-child {
    margin-top: calc(20px + 1.25%);
    margin-top: calc(20px + 1.25vw);
  }
}

/******************************************/
/* ALERT */

/********************/
/* section */
.sec-alert {
  z-index: 9999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px;
  background-color: #00a7b2;
  color: #ffffff;
}

.sec-alert.com-active {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 20px 5px;
}

.sec-alert[data-sec-theme='00'] {
  background-color: #ffffff;
  color: #404040;
}

.sec-alert[data-sec-theme='01'] {
  background-color: #404040;
  color: #ffffff;
}

.sec-alert[data-sec-theme='02'] {
  background-color: #0077a7;
  color: #ffffff;
}

.sec-alert[data-sec-theme='03'] {
  background-color: #00a7b2;
  color: #ffffff;
}

.sec-alert[data-sec-theme='04'] {
  background-color: #588192;
  color: #ffffff;
}

.sec-alert[data-sec-theme='05'] {
  background-color: #eef2f4;
  color: #404040;
}

.sec-alert[data-sec-theme='06'] {
  background-color: #cdd9de;
  color: #404040;
}

.sec-alert[data-sec-theme='07'] {
  background-color: #a0a0a0;
  color: #ffffff;
}

.sec-alert[data-sec-theme='08'] {
  background-color: #fa5464;
  color: #ffffff;
}


/******************************************/
/* ANNOUNCE */

/********************/
/* section */
.sec-announce {
  overflow: hidden;
}

.sec-announce.sec-theme-00 {
  background-color: #ffffff;
}

.sec-announce.sec-theme-01 {
  background-color: #404040;
}

.sec-announce.sec-theme-02 {
  background-color: #0077a7;
}

.sec-announce.sec-theme-03 {
  background-color: #00a7b2;
}

.sec-announce.sec-theme-04 {
  background-color: #588192;
}

.sec-announce.sec-theme-05 {
  background-color: #eef2f4;
}

.sec-announce.sec-theme-06 {
  background-color: #cdd9de;
}

.sec-announce.sec-theme-07 {
  background-color: #a0a0a0;
}

.sec-announce.sec-theme-08 {
  background-color: #fa5464;
}

.sec-announce.sec-theme-00,
.sec-announce.sec-theme-00 a {
  color: #0077a7;
}

.sec-announce.sec-theme-01,
.sec-announce.sec-theme-01 a {
  color: #ffffff;
}

.sec-announce.sec-theme-02,
.sec-announce.sec-theme-02 a {
  color: #ffffff;
}

.sec-announce.sec-theme-03,
.sec-announce.sec-theme-03 a {
  color: #ffffff;
}

.sec-announce.sec-theme-04,
.sec-announce.sec-theme-04 a {
  color: #ffffff;
}

.sec-announce.sec-theme-05,
.sec-announce.sec-theme-05 a {
  color: #0077a7;
}

.sec-announce.sec-theme-06,
.sec-announce.sec-theme-06 a {
  color: #0077a7;
}

.sec-announce.sec-theme-07,
.sec-announce.sec-theme-07 a {
  color: #ffffff;
}

.sec-announce.sec-theme-08,
.sec-announce.sec-theme-08 a {
  color: #ffffff;
}


/******************************************/
/* PROFINFO */

/********************/
/* section */
.sec-profinfo {
  margin: 44px 0;
}

@media screen and (max-width: 1920px) {
  .sec-profinfo {
    /* margin: calc(20px + 1.25%)  0; */
    /* margin: calc(20px + 1.25vw) 0; */
    margin-top: 20px;
    margin-bottom: 10px;
  }
}



.input-validation-error {
  border-color: #ff8080 !important;
}




.chat_container {
  position: absolute;
  width: 400px;
  height: 600px;
  top: 0;
  right: 0;
  border: solid;
  border-color: #2088B2;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  background-color: #2088B2;
  transform: translateY(0%);
  transition: transform 0.3s cubic-bezier(0, 0, 0, 1);
}

.chat_inner_container {
  width: 100%;
  position: absolute;
  top: 40px;
  bottom: 0;
  background-color: white;
  border-bottom: solid;
  border-color: #0078a7;
}

.chat_header {
  color: #ffffff;
  padding: 10px;
  position: absolute;
  height: 40px;
  width: 100%;
  top: 0;
}

.chat_close_window {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0;
  width: 50px;
  height: 100%;
  z-index: 1000;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
}


.chat_empty_conteiner {
  top: 40px;
  position: absolute; 
  width: 100%;
  height: 100%; 
  background-color: white; 
}












@media screen and (max-width: 400px) {
  .chat_container {
    left: 0;
    width: auto;
  }
}

@media screen and (max-width: 375px) {
  .chat_container {
    left: 0;
    width: auto;
  }

  /*.chat_send_button {
    font-size: 40px;
    padding-left: 7px;
  }*/
}

@media screen and (max-width: 305px) {
  .chat_container {
    left: 0;
    width: auto;
  }

  /*.chat_send_button {
    font-size: 30px;
    padding-left: 10px;
  }*/
}

@media print {
  #printInvoiceBtn {
    display: none !important;
  }
}

.shop-cart {
  padding: 64px 0;
}

.com-parcels-list-cont {
  padding-bottom: 70px;
  position: relative;
  flex: auto;
}

.com-position-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.com-display-contents {
  display: contents;
}

.com-display-center {
  display: flex;
  justify-content: center;
}

.com-padding-bottom {
  padding-bottom: 24px;
}

.com-message-box-text {
  font-weight: bold;
  color: #404040;
  text-align: center;
  padding-bottom: 15px;
}

.img-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.img-loader::after {
    content: "";
    width: 40px;
    height: 40px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}