/* Main SCSS Document
 * @version: 1.0
 * @author:  gani@stenik.bg
 */
/* Deafult slider nav */
/* RESETS
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  outline: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse; }

/* Stenik default style helpers */
a {
  outline: none; }

a img {
  border: 0; }

.clear {
  clear: both; }

.clearH {
  clear: both;
  height: 10px; }

.clearH2 {
  clear: both;
  height: 20px; }

.clearH3 {
  clear: both;
  height: 30px; }

.clearH4 {
  clear: both;
  height: 40px; }

.clearH5 {
  clear: both;
  height: 50px; }

.clearH6 {
  clear: both;
  height: 60px; }

.clearH7 {
  clear: both;
  height: 70px; }

.clearH8 {
  clear: both;
  height: 80px; }

.radiusL {
  border-radius: 0px 0px 0px 5px; }

.radiusR {
  border-radius: 0px 0px 5px 0px; }

.decNone {
  text-decoration: none; }

.noBgr {
  background: none !important; }

.left {
  float: left; }

.right {
  float: right; }

.noBorder {
  border: none !important; }

.noBorderB {
  border-bottom: none !important; }

.noBorderT {
  border-top: none !important; }

.noBorderL {
  border-left: none !important; }

.noBorderR {
  border-right: none !important; }

.noMarginR {
  margin-right: 0 !important; }

.noMarginL {
  margin-left: 0 !important; }

.noMarginB {
  margin-bottom: 0 !important; }

.noMarginT {
  margin-top: 0 !important; }

.noMargin {
  margin: 0 !important; }

.noPadding {
  padding: 0 !important; }

.noPaddingL {
  padding-left: 0 !important; }

.noPaddingR {
  padding-right: 0 !important; }

.noPaddingB {
  padding-bottom: 0 !important; }

.noPaddingT {
  padding-top: 0 !important; }

.noOverflow {
  overflow: hidden; }

.noOverflowX {
  overflow-x: hidden; }

.center {
  margin: 0 auto;
  text-align: center; }

.vTop {
  vertical-align: top !important; }

.vBottom {
  vertical-align: bottom !important; }

.vMiddle {
  vertical-align: middle !important; }

canvas {
  outline: 0; }

input[type="file"] {
  outline: 0;
  border: 0; }

sup, sub {
  font-size: 11px;
  line-height: 17px; }

sub {
  vertical-align: bottom; }

sup {
  vertical-align: top; }

blockquote:before, blockquote:after,
cite:before, cite:after, q:before, q:after {
  display: none; }

iframe[id^="oauth2relay"] {
  position: fixed !important; }

/* FONTS
------------------------------------------------------------------- */
/* ---- PT Sans Regular ---- */
@font-face {
  font-family: 'PT Sans';
  src: url("../../fonts/ptsans-regular/ptsans-regular.eot");
  src: url("../../fonts/ptsans-regular/ptsans-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/ptsans-regular/ptsans-regular.woff") format("woff"), url("../../fonts/ptsans-regular/ptsans-regular.ttf") format("truetype"), url("../../fonts/ptsans-regular/ptsans-regular.svg#pt_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ---- PT Sans Italic ---- */
@font-face {
  font-family: 'PT Sans';
  src: url("../../fonts/ptsans-italic/ptsans-italic.eot");
  src: url("../../fonts/ptsans-italic/ptsans-italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/ptsans-italic/ptsans-italic.woff") format("woff"), url("../../fonts/ptsans-italic/ptsans-italic.ttf") format("truetype"), url("../../fonts/ptsans-italic/ptsans-italic.svg#pt_sansitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* ---- PT Sans Bold ---- */
@font-face {
  font-family: 'PT Sans';
  src: url("../../fonts/ptsans-bold/ptsans-bold.eot");
  src: url("../../fonts/ptsans-bold/ptsans-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/ptsans-bold/ptsans-bold.woff") format("woff"), url("../../fonts/ptsans-bold/ptsans-bold.ttf") format("truetype"), url("../../fonts/ptsans-bold/ptsans-bold.svg#pt_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* ---- PT Sans Bold Italic ---- */
@font-face {
  font-family: 'PT Sans';
  src: url("../../fonts/ptsans-bolditalic/ptsans-bolditalic.eot");
  src: url("../../fonts/ptsans-bolditalic/ptsans-bolditalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/ptsans-bolditalic/ptsans-bolditalic.woff") format("woff"), url("../../fonts/ptsans-bolditalic/ptsans-bolditalic.ttf") format("truetype"), url("../../fonts/ptsans-bolditalic/ptsans-bolditalic.svg#pt_sansbolditalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* ---- Avanti Regular ---- */
@font-face {
  font-family: 'Avanti';
  src: url("../../fonts/avanti/avanti.eot");
  src: url("../../fonts/avanti/avanti.eot") format("embedded-opentype"), url("../../fonts/avanti/avanti.woff2") format("woff2"), url("../../fonts/avanti/avanti.woff") format("woff"), url("../../fonts/avanti/avanti.ttf") format("truetype"), url("../../fonts/avanti/avanti.svg#6141799") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ---- Avanti Bold ---- */
@font-face {
  font-family: 'Avanti';
  src: url("../../fonts/avanti-bold/avanti-bold.eot");
  src: url("../../fonts/avanti-bold/avanti-bold.eot") format("embedded-opentype"), url("../../fonts/avanti-bold/avanti-bold.woff2") format("woff2"), url("../../fonts/avanti-bold/avanti-bold.woff") format("woff"), url("../../fonts/avanti-bold/avanti-bold.ttf") format("truetype"), url("../../fonts/avanti-bold/avanti-bold.svg#1126911") format("svg");
  font-weight: bold;
  font-style: normal; }
/* ---- Palatino Roman ---- */
@font-face {
  font-family: 'Palatino';
  src: url("../../fonts/palatino/palatino.eot?#iefix") format("embedded-opentype"), url("../../fonts/palatino/palatino.woff") format("woff"), url("../../fonts/palatino/palatino.ttf") format("truetype"), url("../../fonts/palatino/palatino.svg#PalatinoLinotype-Roman") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ---- Stylo font ---- */
@font-face {
  font-family: 'Stylo';
  src: url("../../fonts/stylo/stylo.eot");
  src: url("../../fonts/stylo/stylo.eot?#iefix") format("embedded-opentype"), url("../../fonts/stylo/stylo.woff2") format("woff2"), url("../../fonts/stylo/stylo.woff") format("woff"), url("../../fonts/stylo/stylo.ttf") format("truetype"), url("../../fonts/stylo/stylo.svg#Stylo") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ---- Helen font ---- */
@font-face {
  font-family: 'helen';
  src: url("../../fonts/helen/helen.eot");
  src: url("../../fonts/helen/helen.eot") format("embedded-opentype"), url("../../fonts/helen/helen.woff2") format("woff2"), url("../../fonts/helen/helen.woff") format("woff"), url("../../fonts/helen/helen.ttf") format("truetype"), url("../../fonts/helen/helen.svg#helen") format("svg"); }
/* GENERAL
------------------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  background: #fff;
  min-width: 980px;
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  height: auto; }

body {
  background-attachment: fixed !important;
  background-position: center 62px !important; }

.mce-content-body {
  width: 725px;
  min-width: 0;
  padding: 20px; }
  .mce-content-body .youtubeBanner {
    cursor: pointer;
    border: 1px solid #ff6342; }
    .mce-content-body .youtubeBanner .hoverContent {
      pointer-events: none; }

.wrapper {
  display: block;
  margin: 0 auto;
  width: 980px; }

.smallWrapper {
  display: block;
  margin: 0 auto;
  width: 900px; }

/* headings */
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 10px 0;
  font-weight: bold;
  font-family: "Avanti", Arial, Helvetica, sans-serif; }

h1, .h1, .pageTitle .borderTitle {
  font-size: 30px;
  line-height: 32px; }

h2, .h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: normal; }

h3, .h3 {
  font-size: 26px;
  line-height: 28px; }

h4, .h4 {
  font-size: 22px;
  line-height: 24px; }

h5, .h5 {
  font-size: 18px;
  line-height: 22px; }

h6, .h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal; }

h1:first-child, .h1:first-child, .pageTitle .borderTitle:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child {
  margin-top: 0px; }

h1:last-child, .h1:last-child, .pageTitle .borderTitle:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child {
  margin-bottom: 0px; }

/* others */
a {
  color: #0d91bc;
  text-decoration: underline;
  -webkit-transition: opacity 0.3s, transform 0.3s, color 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s, color 0.3s;
  transition: opacity 0.3s, transform 0.3s, color 0.3s; }
  a:hover {
    text-decoration: none; }
  a:active {
    color: #005f8c;
    -webkit-transition: opacity 0.15s, transform 0.15s, color 0.15s;
    -o-transition: opacity 0.15s, transform 0.15s, color 0.15s;
    transition: opacity 0.15s, transform 0.15s, color 0.15s; }
  a img {
    text-decoration: none;
    -webkit-transition: opacity 0.3s, transform 0.3s, color 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s, color 0.3s;
    transition: opacity 0.3s, transform 0.3s, color 0.3s; }

.pointer {
  cursor: pointer; }

.uppercase {
  text-transform: uppercase !important; }

.lowercase {
  text-transform: lowercase !important; }

em {
  font-style: italic; }

p {
  margin: 5px 0; }

img.alignleft, img.left {
  float: left;
  margin: 0 20px 10px 0; }
img.alignright, img.right {
  float: right;
  margin: 0 0 10px 20px; }

hr,
.hLine {
  content: "";
  border: 0;
  outline: 0;
  padding: 0;
  margin: 15px 0;
  height: 1px;
  clear: both;
  background: #ddd; }

/* lists */
ol, ul {
  margin: 5px 0;
  padding: 0 0 0 18px; }
  ol li, ul li {
    position: relative;
    margin-bottom: 2px; }

ol {
  margin-left: 21px; }
  ol li {
    padding-left: 2px; }

ul li {
  padding-left: 23px; }
  ul li:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 6px;
    top: 6px;
    width: 5px;
    height: 5px;
    background: #0d91bc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
ul ul {
  padding-left: 0;
  margin-left: 0; }

/* blockquote */
blockquote {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: relative;
  z-index: 0;
  outline: 0;
  min-height: 40px;
  font-style: italic;
  padding: 0 0 0 40px;
  margin: 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  blockquote:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 45px;
    background: url("../../images/frontend/mainSprite.png") no-repeat 0 0; }

/* tables */
table {
  margin: 10px 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left; }
  table th {
    padding: 8px 15px;
    color: #005f8c;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #0d91bc; }
  table td {
    padding: 6px 15px;
    border-bottom: 1px solid #0d91bc; }
  table tr:last-child td {
    border-bottom: 0; }
  table.noFormat, .roundedBox .boxContent table, .footerAccents table {
    margin: auto; }
    table.noFormat td, .roundedBox .boxContent table td, .footerAccents table td, table.noFormat th, .roundedBox .boxContent table th, .footerAccents table th {
      padding: 0;
      border: 0;
      background: none; }

/* custom text selection */
::selection {
  color: #fff;
  background: #ff6342; }

::-moz-selection {
  color: #fff;
  background: #ff6342; }

/* No script tag styles */
noscript {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #000 !important;
  background: rgba(0, 0, 0, 0.8) !important; }
  noscript .noscript {
    position: fixed;
    z-index: 999999;
    left: 50%;
    top: 50%;
    display: block;
    width: 500px;
    margin: -170px 0 0 -250px;
    padding: 20px 20px 30px;
    color: #0d91bc;
    font-size: 14px;
    background: #fff;
    text-align: center; }
    noscript .noscript .logoWrapper {
      padding: 0;
      text-align: center; }
  noscript .button {
    margin-top: 15px; }

i, .brand .icon:before, .brand .icon:after {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/frontend/mainSprite.png") no-repeat 0 0; }

i.flagEn {
  width: 19px;
  height: 13px;
  background-position: 0px -56px; }
i.flagBg {
  width: 19px;
  height: 14px;
  background-position: 0px -79px; }
i.search {
  width: 13px;
  height: 12px;
  background-position: -174px 0px; }
  i.search.color {
    background-position: -174px -19px; }
i.info, .brand .icon:before, .brand .icon:after {
  width: 25px;
  height: 25px;
  background-position: -170px -92px; }
  i.info.white, .brand .white.icon:before, .brand .icon:after {
    background-position: -170px -127px; }
i.reload {
  width: 22px;
  height: 18px;
  background-position: -37px -111px; }
i.facebook, i.twitter, i.google, i.youtube, i.linkedin {
  position: relative;
  -webkit-transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
  transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  i.facebook:after, i.twitter:after, i.google:after, i.youtube:after, i.linkedin:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #666;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: opacity 0.3s, -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  a:hover i.facebook, a:hover i.twitter, a:hover i.google, a:hover i.youtube, a:hover i.linkedin, i[href].facebook:hover, i[href].twitter:hover, i[href].google:hover, i[href].youtube:hover, i[href].linkedin:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px); }
    a:hover i.facebook:after, a:hover i.twitter:after, a:hover i.google:after, a:hover i.youtube:after, a:hover i.linkedin:after, i[href].facebook:hover:after, i[href].twitter:hover:after, i[href].google:hover:after, i[href].youtube:hover:after, i[href].linkedin:hover:after {
      -moz-opacity: 0.2;
      -khtml-opacity: 0.2;
      opacity: 0.2;
      -webkit-transform: translateY(4px);
      -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
      -o-transform: translateY(4px);
      transform: translateY(4px); }
  a:active i.facebook, a:active i.twitter, a:active i.google, a:active i.youtube, a:active i.linkedin, i[href].facebook:active, i[href].twitter:active, i[href].google:active, i[href].youtube:active, i[href].linkedin:active {
    -webkit-filter: brightness(1.4);
    -moz-filter: brightness(1.4);
    filter: brightness(1.4); }
i.facebook {
  width: 9px;
  height: 17px;
  background-position: -48px 0px; }
  i.facebook.big {
    width: 9px;
    height: 19px;
    background-position: -48px -26px; }
i.twitter {
  width: 19px;
  height: 15px;
  background-position: -86px 0px; }
  i.twitter.big {
    width: 22px;
    height: 19px;
    background-position: -86px -26px; }
i.google {
  width: 19px;
  height: 16px;
  background-position: -62px 0px; }
  i.google.big {
    width: 22px;
    height: 19px;
    background-position: -61px -26px; }
i.youtube {
  width: 38px;
  height: 16px;
  background-position: -110px 1px; }
  i.youtube.big {
    width: 40px;
    height: 17px;
    background-position: -110px -25px; }
i.linkedin {
  width: 17px;
  height: 16px;
  background-position: -152px 0px; }
  i.linkedin.big {
    width: 18px;
    height: 19px;
    background-position: -152px -26px; }
i.play {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 62px;
  height: 45px;
  background: #ff6342;
  background: -moz-linear-gradient(top, #fe6c4d 0%, #e72b04 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe6c4d), color-stop(100%, #e72b04));
  background: -webkit-linear-gradient(top, #fe6c4d 0%, #e72b04 100%);
  background: -o-linear-gradient(top, #fe6c4d 0%, #e72b04 100%);
  background: -ms-linear-gradient(top, #fe6c4d 0%, #e72b04 100%);
  background: linear-gradient(to bottom, #fe6c4d 0%, #e72b04 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, -webkit-filter 0.3s, filter 0.3s;
  -o-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, -webkit-filter 0.3s, filter 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, -webkit-filter 0.3s, filter 0.3s; }
  i.play:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: 10px solid transparent;
    border-right: 0;
    border-left: 17px solid #fff;
    margin: -10px 0 0 -7px; }
  a:hover i.play, i.play[href]:hover {
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    filter: brightness(1.3); }
  a:active i.play, i.play[href]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s, color 0.1s, -webkit-filter 0.1s, filter 0.1s;
    -o-transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s, color 0.1s, -webkit-filter 0.1s, filter 0.1s;
    transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s, color 0.1s, -webkit-filter 0.1s, filter 0.1s; }
i.scrollToTop {
  width: 38px;
  height: 46px;
  background-position: -29px -56px; }

/* ---- Placeholders ---- */
.checkItem.customStyle label, .intro .content, .brandsSlider, .officesList, #cboxOverlay, #colorbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

hr,
.hLine, .title,
.content,
.contentWrapper,
.block,
.listing,
.buttonSet,
.blockHeader,
.borderHeader,
.blockContainer,
.sliderWrapper, .borderTitle, .topBanner, .topBanner a, .toTopButton .txt, .formItem, .formItem label, .requiredInfo, .captchaBox, .captchaBox .captchaWrapper, .inlineForm, .inlineForm .formItem, .message, #header, #header .topBar,
#header .bottomBar, #header .searchForm form,
#header .searchForm .formItem, .mainMenu .subMenu ul, .mainMenu .subMenu .stenik-row, #main, .sidebar .widget, .sidebar .widget .title, .sidebar .widget ul, .sidebar .widget ul li, .sitemapGroup, .sitemapGroup ul, .sitemapGroup ul li, .paging, .pageMeta, .post .featured, .postDetail .featured,
.post .title,
.postDetail .title,
.post .content,
.postDetail .content,
.post .contentWrapper,
.postDetail .contentWrapper, .post .date .day, .postDetail .date .day,
.post .date .month,
.postDetail .date .month,
.post .date .year,
.postDetail .date .year, .topSlider, .topSlider .slideItem, .colorContainersWrapper, .colorContainers, .intro .title, .summaryBox, .highlightContainer, .latestNews, .greyContainer, .brandsSlider, .brandsSlider .owl-dots, .filterHeader, .filterHeader .filters .row, .stenikFilter, .roundedBox, .roundedBox .boxHeader, .roundedBox .boxContent, .tabularNav, .searchSummary, .searchSummary dl, .searchResults, .searchResults .result, .searchResults .result .title, .catalogsSlider .slideItem, .catalogsSlider .slideItem .title, .productContent, .viewMoreBox, .postGallery .slideItem, .postGallery .slideItem a,
.postGallery .slideItem img, .postDetail .meta, .offer .featured, .offer .header, .offer .meta, .offer .meta .item, .office, .office .vAlign, .officesList, .gMapContainer, .gMapContainer .map, .gMapContainer .map #map_canvas, .gMapContainer .chooseAddress, .footerAccents, #footer, .errorBox, .errorBox .errorImg {
  float: left;
  width: 100%; }

.brand:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%; }

.vAlign {
  vertical-align: middle;
  display: table-cell; }

.animCounter, .summaryBox th {
  color: #0d91bc;
  font-size: 40px;
  line-height: 40px;
  font-weight: normal;
  font-family: "Avanti", Arial, Helvetica, sans-serif; }

/* ---- Base items ---- */
.title > :first-child,
.content > :first-child,
.contentWrapper > :first-child {
  margin-top: 0; }
.title > :last-child,
.content > :last-child,
.contentWrapper > :last-child {
  margin-bottom: 0; }

.title a {
  float: left;
  text-decoration: none; }
  .title a:hover {
    color: #666; }

.featured {
  position: relative;
  z-index: 0; }
  .featured img {
    vertical-align: top; }

.buttonSet {
  position: relative;
  text-align: center; }

/* Banner */
.banner {
  display: inline-block;
  vertical-align: top;
  text-decoration: none; }
  .banner img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto; }
  .banner a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    transition: none; }
    .banner a img {
      -webkit-transition: color 0.3s, -webkit-filter 0.3s, -webkit-filter 0.3s, filter 0.3s, transform 0.3s;
      -o-transition: color 0.3s, -webkit-filter 0.3s, -webkit-filter 0.3s, filter 0.3s, transform 0.3s;
      transition: color 0.3s, -webkit-filter 0.3s, -webkit-filter 0.3s, filter 0.3s, transform 0.3s; }
    .banner a:hover img {
      -webkit-filter: brightness(1.05);
      -moz-filter: brightness(1.05);
      filter: brightness(1.05); }

/* Next link */
.nextLink:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 10px;
  margin-bottom: 2px;
  margin-left: 4px;
  background: url("../../images/frontend/mainSprite.png") no-repeat -35px -138px;
  -webkit-transition: -webkit-transform 0.3s, transform 0.3s;
  -o-transition: -webkit-transform 0.3s, transform 0.3s;
  transition: -webkit-transform 0.3s, transform 0.3s; }
.nextLink:hover:after {
  -webkit-transform: translateX(3px);
  -moz-transform: translateX(3px);
  -ms-transform: translateX(3px);
  -o-transform: translateX(3px);
  transform: translateX(3px); }

/* Prev link */
.prevLink:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 10px;
  margin-bottom: 2px;
  margin-right: 5px;
  background: url("../../images/frontend/mainSprite.png") no-repeat -50px -138px;
  -webkit-transition: -webkit-transform 0.3s, transform 0.3s;
  -o-transition: -webkit-transform 0.3s, transform 0.3s;
  transition: -webkit-transform 0.3s, transform 0.3s; }
.prevLink:hover:before {
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  -o-transform: translateX(-3px);
  transform: translateX(-3px); }

/* Border title */
.borderTitle {
  position: relative;
  text-align: center;
  font-size: 26px;
  overflow: hidden;
  margin: 0 0 24px;
  padding: 0 50px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .borderTitle > .txt {
    float: none;
    display: inline-block;
    position: relative; }
    .borderTitle > .txt:before, .borderTitle > .txt:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 100%;
      margin-right: 15px;
      width: 1500px;
      height: 1px;
      background: #666; }
    .borderTitle > .txt:after {
      right: auto;
      left: 100%;
      margin-right: 0;
      margin-left: 15px; }

/* Block header */
.blockHeader {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 30px 0; }
  .blockHeader .title,
  .blockHeader .subtitle {
    position: relative;
    width: auto;
    float: none;
    display: block;
    vertical-align: top;
    margin: 0; }
  .blockHeader .title,
  .blockHeader .borderTitle {
    font-weight: bold;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .blockHeader .subtitle {
    font-size: 15px;
    font-weight: normal;
    font-family: "Avanti", Arial, Helvetica, sans-serif; }

/* animCounter */
.animCounter {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: -webkit-transform 0.4s, transform 0.4s;
  -o-transition: -webkit-transform 0.4s, transform 0.4s;
  transition: -webkit-transform 0.4s, transform 0.4s; }
  .animCounter.scrollReached {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

/* Top banner */
.topBanner {
  margin: 0 0 30px; }
  .topBanner a {
    -webkit-transition: -webkit-filter 0.3s, filter 0.3s;
    -o-transition: -webkit-filter 0.3s, filter 0.3s;
    transition: -webkit-filter 0.3s, filter 0.3s; }
    .topBanner a:hover {
      -webkit-filter: brightness(1.05);
      -moz-filter: brightness(1.05);
      filter: brightness(1.05); }
  .topBanner img {
    display: inline-block;
    vertical-align: top;
    float: left;
    height: auto;
    max-width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }

/* Hover content */
.hoverContent.sidesOrnament, .post .hoverContent, .postDetail .hoverContent {
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s, background 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, background 0.4s, visibility 0.4s;
  transition: opacity 0.4s, background 0.4s, visibility 0.4s; }
  .hoverContent.sidesOrnament:before, .post .hoverContent:before, .postDetail .hoverContent:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 0;
    left: -50%;
    top: -58%;
    width: 150%;
    height: 150%;
    background: rgba(13, 145, 188, 0.75);
    -webkit-transform: rotate(0deg) translateY(-150px);
    -moz-transform: rotate(0deg) translateY(-150px);
    -ms-transform: rotate(0deg) translateY(-150px);
    -o-transform: rotate(0deg) translateY(-150px);
    transform: rotate(0deg) translateY(-150px);
    -webkit-transition: -webkit-transform 0.4s, transform 0.4s;
    -o-transition: -webkit-transform 0.4s, transform 0.4s;
    transition: -webkit-transform 0.4s, transform 0.4s; }
  .hoverContent.sidesOrnament:after, .post .hoverContent:after, .postDetail .hoverContent:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: auto;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: -43px;
    border: 28px solid transparent;
    border-top: 0;
    border-bottom: 28px solid #fff;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: -webkit-transform 0.4s, transform 0.4s;
    -o-transition: -webkit-transform 0.4s, transform 0.4s;
    transition: -webkit-transform 0.4s, transform 0.4s; }
  .hoverContent.sidesOrnament .txt, .post .hoverContent .txt, .postDetail .hoverContent .txt {
    position: absolute;
    left: 22px;
    bottom: 22px;
    color: #fff;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: -webkit-transform 0.4s, transform 0.4s;
    -o-transition: -webkit-transform 0.4s, transform 0.4s;
    transition: -webkit-transform 0.4s, transform 0.4s; }
  .hover .hoverContent.sidesOrnament, .hover .post .hoverContent, .post .hover .hoverContent, .hover .postDetail .hoverContent, .postDetail .hover .hoverContent, a:hover .hoverContent.sidesOrnament, a:hover .post .hoverContent, .post a:hover .hoverContent, a:hover .postDetail .hoverContent, .postDetail a:hover .hoverContent, .hoverContent.sidesOrnament:hover, .post .hoverContent:hover, .postDetail .hoverContent:hover {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
    .hover .hoverContent.sidesOrnament:before, .hover .post .hoverContent:before, .post .hover .hoverContent:before, .hover .postDetail .hoverContent:before, .postDetail .hover .hoverContent:before, a:hover .hoverContent.sidesOrnament:before, a:hover .post .hoverContent:before, .post a:hover .hoverContent:before, a:hover .postDetail .hoverContent:before, .postDetail a:hover .hoverContent:before, .hoverContent.sidesOrnament:hover:before, .post .hoverContent:hover:before, .postDetail .hoverContent:hover:before {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .hover .hoverContent.sidesOrnament:after, .hover .post .hoverContent:after, .post .hover .hoverContent:after, .hover .postDetail .hoverContent:after, .postDetail .hover .hoverContent:after, a:hover .hoverContent.sidesOrnament:after, a:hover .post .hoverContent:after, .post a:hover .hoverContent:after, a:hover .postDetail .hoverContent:after, .postDetail a:hover .hoverContent:after, .hoverContent.sidesOrnament:hover:after, .post .hoverContent:hover:after, .postDetail .hoverContent:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .hover .hoverContent.sidesOrnament .txt, .hover .post .hoverContent .txt, .post .hover .hoverContent .txt, .hover .postDetail .hoverContent .txt, .postDetail .hover .hoverContent .txt, a:hover .hoverContent.sidesOrnament .txt, a:hover .post .hoverContent .txt, .post a:hover .hoverContent .txt, a:hover .postDetail .hoverContent .txt, .postDetail a:hover .hoverContent .txt, .hoverContent.sidesOrnament:hover .txt, .post .hoverContent:hover .txt, .postDetail .hoverContent:hover .txt {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .hoverContent.sidesOrnament:active .txt, .post .hoverContent:active .txt, .postDetail .hoverContent:active .txt {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.1s, transform 0.1s;
    -o-transition: -webkit-transform 0.1s, transform 0.1s;
    transition: -webkit-transform 0.1s, transform 0.1s; }

/* Cols generator */
.col {
  float: none;
  display: table-cell;
  vertical-align: top;
  position: relative;
  z-index: 0;
  height: 100%; }

[data-cols="1"] .col {
  width: 100%; }

[data-cols="2"] .col {
  width: 50%; }

[data-cols="3"] .col {
  width: 33.33333%; }

[data-cols="4"] .col {
  width: 25%; }

[data-cols="5"] .col {
  width: 20%; }

[data-cols="6"] .col {
  width: 16.66667%; }

[data-cols="7"] .col {
  width: 14.28571%; }

[data-cols="8"] .col {
  width: 12.5%; }

[data-cols="9"] .col {
  width: 11.11111%; }

[data-cols="10"] .col {
  width: 10%; }

.col2 {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col2 + .col2 {
    float: right; }
  .col2.padding {
    padding: 0 22px; }

/* Floating button */
.floatingButton {
  position: fixed;
  z-index: 9999999;
  top: 190px;
  left: 50%;
  margin: 0 0 0 500px;
  padding: 20px;
  width: 100px;
  height: 100px;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-shadow: 0px 0.2px 0px #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .floatingButton .linkTrigger {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    background: #f06d56;
    text-decoration: none; }
    .no-csstransforms3d .floatingButton .linkTrigger {
      width: 100px;
      height: 100px;
      margin: -50px 0 0 -50px;
      background: url("../../images/frontend/fallback-floating-button.png") no-repeat 0 0; }
    .csstransforms3d .floatingButton .linkTrigger {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s; }
      .csstransforms3d .floatingButton .linkTrigger:before {
        content: "";
        position: absolute;
        z-index: 1;
        right: -1px;
        bottom: -1px;
        width: 24px;
        height: 24px;
        background: #fff;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
        -o-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; }
      .csstransforms3d .floatingButton .linkTrigger:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 8px;
        bottom: 7px;
        width: 6px;
        height: 12px;
        background: url("../../images/frontend/mainSprite.png") no-repeat -35px -137px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
        -o-transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; }
      .csstransforms3d .floatingButton .linkTrigger:hover {
        background: #ff6342;
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px); }
        .csstransforms3d .floatingButton .linkTrigger:hover:before {
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px); }
        .csstransforms3d .floatingButton .linkTrigger:hover:after {
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0; }
      .csstransforms3d .floatingButton .linkTrigger:active {
        background: #e34e33;
        -webkit-transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s;
        -o-transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s;
        transition: background 0.1s, -webkit-transform 0.1s, transform 0.1s; }
  .floatingButton .txt {
    word-spacing: 999px;
    /* each word on new line */
    position: relative;
    z-index: 2;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0;
    margin: -15px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none; }

/* To top button */
.toTopButton {
  position: fixed;
  z-index: 400;
  bottom: 75px;
  right: 50%;
  cursor: pointer;
  text-align: center;
  width: 42px;
  margin-right: -600px; }
  .toTopButton i {
    float: left;
    margin-left: 3px;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .toTopButton .txt {
    clear: both;
    color: #0d91bc;
    font-size: 13px;
    margin-top: 3px;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .toTopButton:hover i {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px); }
  .toTopButton:active i {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }

.leftZone {
  width: 300px;
  height: 100%;
  position: fixed;
  left: 50%;
  display: block;
  z-index: 10;
  overflow: hidden;
  margin-left: -800px; }

.rightZone {
  height: 100%;
  width: 300px;
  display: block;
  position: fixed;
  right: 50%;
  margin-right: -800px;
  overflow: hidden; }

/* FORM ITEMS (input, select, customStyle, button, checkItem, requiredInfo, captchaBox, inlineForm, reloadButton, etc.)
------------------------------------------------------------------- */
/* ---- Button ---- */
button,
.button {
  outline: 0;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 10px 40px;
  color: #fff;
  cursor: pointer;
  font-family: "Avanti", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background: #ff6342;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 0px 0px #e62800;
  -moz-box-shadow: 0px 3px 0px 0px #e62800;
  box-shadow: 0px 3px 0px 0px #e62800;
  -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, transform 0.3s;
  -o-transition: background 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, transform 0.3s;
  transition: background 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  button:hover, button:active,
  .button:hover,
  .button:active {
    color: #fff;
    background: #ff390f; }
  button:active, .touch button:focus,
  .button:active, .touch
  .button:focus {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-box-shadow: 0px 0px 0px 0px #e62800;
    -moz-box-shadow: 0px 0px 0px 0px #e62800;
    box-shadow: 0px 0px 0px 0px #e62800;
    -webkit-transition: background 0.1s, -webkit-box-shadow 0.1s, box-shadow 0.1s, -webkit-transform 0.1s, transform 0.1s;
    -o-transition: background 0.1s, -webkit-box-shadow 0.1s, box-shadow 0.1s, -webkit-transform 0.1s, transform 0.1s;
    transition: background 0.1s, -webkit-box-shadow 0.1s, box-shadow 0.1s, -webkit-transform 0.1s, transform 0.1s; }
  button.next:after,
  .button.next:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    margin: 0 0 0 10px;
    background: url("../../images/frontend/mainSprite.png") no-repeat -155px -56px;
    -webkit-transition: -webkit-transform 0.3s, transform 0.3s;
    -o-transition: -webkit-transform 0.3s, transform 0.3s;
    transition: -webkit-transform 0.3s, transform 0.3s; }
  button.next:hover:after,
  .button.next:hover:after {
    -webkit-transform: translateX(3px) rotate(0.001deg);
    -moz-transform: translateX(3px) rotate(0.001deg);
    -ms-transform: translateX(3px) rotate(0.001deg);
    -o-transform: translateX(3px) rotate(0.001deg);
    transform: translateX(3px) rotate(0.001deg); }

/* ---- Inputs, labels etc... ---- */
::-webkit-input-placeholder {
  color: #999; }

::-moz-placeholder {
  color: #999; }

:-ms-input-placeholder {
  color: #999; }

:-moz-placeholder {
  color: #999; }

input[type="text"], input[type="number"],
input[type="date"], input[type="mail"],
input[type="password"], input[type="file"],
input[type="email"], input[type="color"],
input[type="range"], input[type="month"],
input[type="url"], input[type="week"],
input[type="tel"], input[type="search"],
select,
textarea {
  outline: 0;
  margin: 0;
  width: 210px;
  display: inline-block;
  vertical-align: top;
  padding: 10px 12px;
  color: #666;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  border: 1px solid #dadada;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s;
  -o-transition: color 0.3s, background 0.3s, border 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s; }
  input[type="text"]:focus, input[type="number"]:focus,
  input[type="date"]:focus, input[type="mail"]:focus,
  input[type="password"]:focus, input[type="file"]:focus,
  input[type="email"]:focus, input[type="color"]:focus,
  input[type="range"]:focus, input[type="month"]:focus,
  input[type="url"]:focus, input[type="week"]:focus,
  input[type="tel"]:focus, input[type="search"]:focus,
  select:focus,
  textarea:focus {
    border-color: #0d91bc; }

input[type="checkbox"],
input[type="radio"] {
  margin: 3px 7px 3px 0;
  padding: 0; }

select {
  padding-top: 9px;
  padding-bottom: 9px; }

textarea {
  height: 90px;
  resize: vertical; }

label {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  font-family: "PT Sans", Arial, Helvetica, sans-serif; }
  label.required:after, label.required .vAlign:after {
    content: '*';
    color: #ff6342;
    margin-left: 2px; }

/* ---- Base form items ---- */
.formItem {
  position: relative;
  margin: 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .formItem input,
  .formItem select,
  .formItem textarea {
    width: 100%; }
  .formItem select,
  .formItem textarea {
    position: relative;
    z-index: 1; }
  .formItem label {
    margin: 0 0 5px; }
  .formItem.error input,
  .formItem.error select,
  .formItem.error textarea {
    border-color: #ff6342; }
  .formItem.error label {
    color: #ff6342; }
  .formItem.error:after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 10px;
    top: 50%;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    pointer-events: none;
    background: url("../../images/frontend/mainSprite.png") no-repeat 0px -144px; }
  .formItem.error input {
    padding-right: 40px; }
  select + .formItem.error:after {
    display: none; }
  .formItem.small input,
  .formItem.small select,
  .formItem.small textarea {
    width: 50%; }
  .formItem.small.error input {
    padding-right: 12px; }
  .formItem.small.error:after {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 5px; }

.captcha {
  float: right; }

/* check items */
.checkItem {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .checkItem.error:after {
    display: none;
    content: none; }
  .checkItem input,
  .checkItem label {
    width: auto;
    float: left;
    clear: none; }
  .checkItem.customStyle input {
    position: absolute;
    left: -6000px;
    /* sth. very big */ }
  .checkItem.customStyle label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    margin: 0 !important; }
    .checkItem.customStyle label .vAlign {
      margin: 0 !important; }
    .checkItem.customStyle label:before {
      content: "" !important;
      position: absolute;
      display: block !important;
      z-index: 0;
      left: 0;
      top: 0;
      width: 16px;
      height: 16px;
      background: #fff;
      border: 1px solid #dadada;
      -webkit-transition: background 0.2s, -webkit-transform 0.2s, transform 0.2s;
      -o-transition: background 0.2s, -webkit-transform 0.2s, transform 0.2s;
      transition: background 0.2s, -webkit-transform 0.2s, transform 0.2s; }
    .checkItem.customStyle label:after {
      content: "" !important;
      position: absolute;
      display: block !important;
      z-index: 1;
      top: 5px;
      left: 3px;
      width: 10px;
      height: 8px;
      background: url("../../images/frontend/mainSprite.png") no-repeat -177px -38px;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transform: scale(0.7) rotate(-50deg);
      -moz-transform: scale(0.7) rotate(-50deg);
      -ms-transform: scale(0.7) rotate(-50deg);
      -o-transform: scale(0.7) rotate(-50deg);
      transform: scale(0.7) rotate(-50deg);
      -webkit-transition: opacity 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s;
      -o-transition: opacity 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s;
      transition: opacity 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s; }
    .checkItem.customStyle label:hover:before {
      background: #f5f5f5; }
  .checkItem.customStyle input[type="radio"] + label:before {
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .checkItem.customStyle input[type="radio"] + label:after {
    left: 6px;
    top: 5.5px;
    width: 7px;
    height: 7px;
    background: #0d91bc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .checkItem.customStyle input:checked + label:before {
    background: #fff; }
  .checkItem.customStyle input:checked + label:after {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important; }

/* ---- Required info ---- */
.requiredInfo {
  position: relative;
  margin: 20px 0;
  padding-left: 42px;
  /* needed for the warning icon */
  color: #f16349;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .requiredInfo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: url("../../images/frontend/mainSprite.png") no-repeat 0 -102px; }

/* ---- Captcha box ---- */
.captchaBox {
  position: relative; }
  .captchaBox .captcha {
    position: absolute;
    left: 0;
    top: 0;
    width: 162px;
    float: left; }
    .captchaBox .captcha img,
    .captchaBox .captcha .reloadButton {
      float: left;
      margin: 0 10px 0 0; }
  .captchaBox .reloadButton {
    cursor: pointer;
    line-height: 40px;
    text-decoration: none; }
  .captchaBox .captchaWrapper {
    position: relative;
    height: 40px;
    padding-left: 162px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .captchaBox .captchaWrapper input {
      float: left;
      width: 100%; }

/* relaod button */
.reloadButton i {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s; }
.reloadButton:active {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85); }
.reloadButton.spinning i {
  opacity: 0.5;
  -webkit-animation: rotate 0.6s forwards;
  -moz-animation: rotate 0.6s forwards;
  -o-animation: rotate 0.6s forwards;
  animation: rotate 0.6s forwards; }

/* ---- Inline form ---- */
.inlineForm {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .inlineForm .formItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .inlineForm label {
    position: relative;
    float: left;
    margin: 0;
    width: 33%;
    height: 40px;
    text-align: right;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .inlineForm label .vAlign {
      position: absolute;
      display: block;
      left: 0;
      top: 49%;
      width: 100%;
      margin-top: -12px;
      padding-right: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .csstransforms3d .inlineForm label .vAlign {
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .inlineForm label.required:after {
      display: none;
      content: none; }
  .inlineForm input,
  .inlineForm select,
  .inlineForm textarea {
    width: 67%; }
  .inlineForm .buttonSet {
    width: 67%;
    margin: 10px 0 0 33%; }
    .inlineForm .buttonSet button {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 5px; }
  .inlineForm .checkItem {
    padding-left: 33%; }
    .inlineForm .checkItem label {
      width: 100%;
      height: auto;
      text-align: left;
      line-height: normal;
      margin: 10px 0; }
      .inlineForm .checkItem label .vAlign {
        float: left;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
  .inlineForm .captchaWrapper {
    float: right;
    width: 67%; }

/* ---- Messages ---- */
.message {
  position: relative;
  z-index: 0;
  margin: 0 0 15px;
  padding: 10px;
  color: #fff;
  background: #0d91bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .message > :first-child {
    margin-top: 0; }
  .message > :last-child {
    margin-bottom: 0; }
  .message.error {
    background: #ff6342; }
  .message.success {
    background: #6aa437; }

/* HEADER (header, logo, slogan, orderButton, mainMenu, subMenu, etc.)
------------------------------------------------------------------- */
/* ---- Logo ---- */
/* slogan */
.uvi-slogan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  text-decoration: none; }
  .uvi-slogan .hoverOff, .uvi-slogan .hoverOn {
    text-decoration: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s; }
  .uvi-slogan .hoverOff {
    content: attr(data-hover-off);
    font-size: 15px;
    font-weight: bold;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    margin: 5px 0 0;
    line-height: 20px; }
  .uvi-slogan .hoverOn {
    content: attr(data-hover-on);
    margin: 5px;
    font-size: 18px;
    font-weight: normal;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    font-family: "Helen", Helen, Arial, Helvetica, sans-serif; }
    .uvi-slogan .hoverOn::first-letter {
      font-family: "Stylo", Stylo, Arial, Helvetica, sans-serif; }
  .hover .uvi-slogan .hoverOff {
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  .hover .uvi-slogan .hoverOn {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

/* logogram */
.uvi-logo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  width: 100px;
  height: 83px;
  line-height: 83px;
  color: #fff;
  font-size: 33px;
  text-align: center;
  text-decoration: none;
  font-family: "Palatino", Palatino Linotype, Arial, Helvetica, sans-serif;
  text-shadow: 0px 2px 0px #0b77a8;
  -webkit-transition: text-shadow 0.3s, transform 0.3s, background 0.3s;
  -o-transition: text-shadow 0.3s, transform 0.3s, background 0.3s;
  transition: text-shadow 0.3s, transform 0.3s, background 0.3s; }
  .no-csstransforms3d .uvi-logo:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 105px;
    margin: -52px 0 0 -50px;
    background: url("../../images/frontend/fallback-logo.png") no-repeat 0 0; }
  .csstransforms3d .uvi-logo:before, .csstransforms3d .uvi-logo:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    margin-top: -33.5px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    background: #0d91bc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: transform 0.3s, background 0.3s;
    -o-transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s; }
  .csstransforms3d .uvi-logo:after {
    z-index: -2;
    background: #0b77a8;
    -webkit-transform: rotate(45deg) translate3d(3px, 3px, 0);
    -moz-transform: rotate(45deg) translate3d(3px, 3px, 0);
    -ms-transform: rotate(45deg) translate3d(3px, 3px, 0);
    -o-transform: rotate(45deg) translate3d(3px, 3px, 0);
    transform: rotate(45deg) translate3d(3px, 3px, 0); }
  .csstransforms3d .hover .uvi-logo, .csstransforms3d .uvi-logo:hover {
    text-shadow: 0px 2px 0px #064460; }
    .csstransforms3d .hover .uvi-logo:before, .csstransforms3d .uvi-logo:hover:before {
      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
      -moz-transform: rotate(45deg) translate3d(0, 0, 0);
      -ms-transform: rotate(45deg) translate3d(0, 0, 0);
      -o-transform: rotate(45deg) translate3d(0, 0, 0);
      transform: rotate(45deg) translate3d(0, 0, 0); }
    .csstransforms3d .hover .uvi-logo:after, .csstransforms3d .uvi-logo:hover:after {
      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
      -moz-transform: rotate(45deg) translate3d(0, 0, 0);
      -ms-transform: rotate(45deg) translate3d(0, 0, 0);
      -o-transform: rotate(45deg) translate3d(0, 0, 0);
      transform: rotate(45deg) translate3d(0, 0, 0); }

/* logo wrapper */
.logo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 310px;
  height: 83px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  .logo .uvi-logo,
  .logo .uvi-slogan {
    float: left;
    display: block; }
  .logo .uvi-slogan {
    height: 100%;
    padding-left: 10px;
    font-family: "Palatino", Palatino Linotype, Arial, Helvetica, sans-serif;
    width: 210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
    .logo .uvi-slogan .hoverOff,
    .logo .uvi-slogan .hoverOn {
      position: absolute;
      top: 50%;
      margin: -9px 0 0; }

/* ---- Order button ---- */
.orderButton {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  color: #ff6342;
  min-width: 45px;
  font-size: 18px;
  line-height: 57px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Avanti", Arial, Helvetica, sans-serif;
  -webkit-transition: color 0.3s, transform 0.3s;
  -o-transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s; }
  .orderButton:before, .orderButton:after {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    left: 50%;
    top: 0;
    width: 42px;
    height: 57px;
    margin-left: -21px;
    background: url("../../images/frontend/mainSprite.png") no-repeat -67px -98px;
    -webkit-transition: -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    -o-transition: -webkit-transform 0.4s, transform 0.4s, opacity 0.4s;
    transition: -webkit-transform 0.4s, transform 0.4s, opacity 0.4s; }
  .orderButton:after {
    background-position: -117px -99px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(1.4) rotate(0.001deg);
    -moz-transform: scale(1.4) rotate(0.001deg);
    -ms-transform: scale(1.4) rotate(0.001deg);
    -o-transform: scale(1.4) rotate(0.001deg);
    transform: scale(1.4) rotate(0.001deg); }
  .orderButton:hover, .orderButton:active {
    color: #ff6342; }
    .orderButton:hover:after, .orderButton:active:after {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transform: scale(1) rotate(0.001deg);
      -moz-transform: scale(1) rotate(0.001deg);
      -ms-transform: scale(1) rotate(0.001deg);
      -o-transform: scale(1) rotate(0.001deg);
      transform: scale(1) rotate(0.001deg); }

/* ---- Header ---- */
#header {
  position: relative;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid #e9e9e9; }
  #header:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff; }
  #header a {
    text-decoration: none; }
  #header .topBar,
  #header .bottomBar {
    position: relative; }
  #header .topBar {
    background: #f5f5f5;
    height: 33px;
    line-height: 33px; }
    #header .topBar .wrapper {
      height: 33px; }
    #header .topBar .selected {
      background: #fff; }
      #header .topBar .selected a {
        color: #0d91bc; }
  #header .langBox {
    float: left;
    height: 100%;
    margin-left: 100px; }
    #header .langBox ul {
      padding: 0;
      margin: 0;
      float: left;
      height: 100%; }
      #header .langBox ul li {
        padding: 0;
        margin: 0; }
        #header .langBox ul li:before {
          content: none;
          display: none; }
      #header .langBox ul li {
        float: left;
        height: 100%;
        margin-right: 0px; }
    #header .langBox a {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 6px;
      padding: 0 9px;
      line-height: normal;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -webkit-transition: -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: -webkit-filter 0.3s, filter 0.3s, -webkit-transform 0.3s, transform 0.3s; }
      #header .langBox a:hover {
        -webkit-filter: brightness(1.15);
        -moz-filter: brightness(1.15);
        filter: brightness(1.15); }
      #header .langBox a:active {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transition: -webkit-filter 0.1s, filter 0.1s, -webkit-transform 0.1s, transform 0.1s;
        -o-transition: -webkit-filter 0.1s, filter 0.1s, -webkit-transform 0.1s, transform 0.1s;
        transition: -webkit-filter 0.1s, filter 0.1s, -webkit-transform 0.1s, transform 0.1s; }
  #header .secondaryMenu {
    float: right;
    height: 100%; }
    #header .secondaryMenu ul {
      padding: 0;
      margin: 0;
      float: left;
      height: 100%; }
      #header .secondaryMenu ul li {
        padding: 0;
        margin: 0; }
        #header .secondaryMenu ul li:before {
          content: none;
          display: none; }
      #header .secondaryMenu ul li {
        float: left; }
    #header .secondaryMenu a {
      display: inline-block;
      vertical-align: top;
      color: #666;
      padding: 0 12px; }
      #header .secondaryMenu a:hover {
        color: #ff6342; }
      #header .secondaryMenu a:active {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85); }
  #header .searchForm {
    position: relative;
    float: right;
    width: 210px;
    height: 100%;
    margin-left: 20px; }
    #header .searchForm ::-webkit-input-placeholder {
      color: #666; }
    #header .searchForm ::-moz-placeholder {
      color: #666; }
    #header .searchForm :-ms-input-placeholder {
      color: #666; }
    #header .searchForm :-moz-placeholder {
      color: #666; }
    #header .searchForm form,
    #header .searchForm .formItem {
      height: 100%; }
    #header .searchForm input {
      border: 0;
      /* reset */
      background: none;
      height: 100%;
      padding: 4px 30px 3px 0;
      border-bottom: 2px solid #ddd;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      #header .searchForm input:focus {
        color: #0d91bc;
        border-bottom: 2px solid #0d91bc; }
        #header .searchForm input:focus::-webkit-input-placeholder {
          color: #0d91bc; }
        #header .searchForm input:focus::-moz-placeholder {
          color: #0d91bc; }
        #header .searchForm input:focus:-ms-input-placeholder {
          color: #0d91bc; }
        #header .searchForm input:focus:-moz-placeholder {
          color: #0d91bc; }
    #header .searchForm .searchButton {
      position: absolute;
      z-index: 9;
      right: 0;
      top: 0;
      height: 100%;
      padding: 0 10px;
      margin: 0;
      background: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      #header .searchForm .searchButton i.search {
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s; }
    #header .searchForm.focus i.search, #header .searchForm.focus:active {
      background-position: -174px -19px; }
  #header .bottomBar {
    height: 83px;
    position: relative; }
    #header .bottomBar .logo {
      float: left; }
    #header .bottomBar .wrapper {
      position: relative;
      height: 83px; }
  #header .mainMenu > ul {
    float: right; }
  #header .orderButton {
    float: right;
    margin-left: 20px;
    margin-top: 13px; }

/* ---- Fixed header position ---- */
.csstransforms3d .fixedHeader {
  padding-top: 117px; }
  .csstransforms3d .fixedHeader #header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    -webkit-animation: showFromTop 0.4s forwards;
    -moz-animation: showFromTop 0.4s forwards;
    -o-animation: showFromTop 0.4s forwards;
    animation: showFromTop 0.4s forwards; }
    .csstransforms3d .fixedHeader #header .topBar {
      display: none; }
    .csstransforms3d .fixedHeader #header .bottomBar {
      height: 60px; }
      .csstransforms3d .fixedHeader #header .bottomBar .wrapper {
        max-height: 100%; }
    .csstransforms3d .fixedHeader #header .logo {
      top: -6px;
      -ms-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
    .csstransforms3d .fixedHeader #header .orderButton {
      margin-top: 1px; }
    .csstransforms3d .fixedHeader #header .mainMenu .hasChild > a:after {
      margin-top: 1px; }

.mainMenu {
  float: right;
  height: 100%;
  max-width: 547px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Avanti", Arial, Helvetica, sans-serif;
  text-transform: uppercase; }
  .mainMenu a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    color: #005f8c;
    padding: 0 17px;
    height: 30px;
    line-height: 30px; }
    .mainMenu a:hover, .mainMenu a:active {
      color: #0d91bc; }
    .mainMenu a:active {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .mainMenu ul {
    padding: 0;
    margin: 0;
    float: right;
    margin: 0;
    height: 100%; }
    .mainMenu ul li {
      padding: 0;
      margin: 0; }
      .mainMenu ul li:before {
        content: none;
        display: none; }
    .mainMenu ul li {
      position: static;
      float: left;
      height: 100%;
      margin: 0; }
      .mainMenu ul li:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: static;
        height: 100%;
        width: 0;
        top: auto;
        left: auto;
        background: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
  .mainMenu .bgLayer {
    position: absolute;
    z-index: -1;
    left: 0%;
    top: 0;
    width: 100%;
    height: 34px;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.9) rotateY(45deg);
    -moz-transform: scale(0.9) rotateY(45deg);
    -ms-transform: scale(0.9) rotateY(45deg);
    -o-transform: scale(0.9) rotateY(45deg);
    transform: scale(0.9) rotateY(45deg);
    -webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s; }
    .mainMenu .bgLayer:before, .mainMenu .bgLayer:after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0;
      width: 39px;
      height: 100%;
      background: url("../../images/frontend/hover-bg/sides.png") no-repeat 0px -125px; }
    .mainMenu .bgLayer:after {
      left: auto;
      right: 0px;
      background-position: -49px -125px; }
    .mainMenu .bgLayer.violet {
      background: url("../../images/frontend/hover-bg/violet-repeat.png") repeat-x left top; }
      .mainMenu .bgLayer.violet:before {
        background-position: 0 -125px; }
      .mainMenu .bgLayer.violet:after {
        background-position: -49px -125px; }
    .mainMenu .bgLayer.orange {
      background: url("../../images/frontend/hover-bg/orange-repeat.png") repeat-x left top; }
      .mainMenu .bgLayer.orange:before {
        background-position: 0 -1px; }
      .mainMenu .bgLayer.orange:after {
        background-position: -49px -1px; }
    .mainMenu .bgLayer.green {
      background: url("../../images/frontend/hover-bg/green-repeat.png") repeat-x left top; }
      .mainMenu .bgLayer.green:before {
        background-position: 0 -42px; }
      .mainMenu .bgLayer.green:after {
        background-position: -49px -42px; }
    .mainMenu .bgLayer.pink {
      background: url("../../images/frontend/hover-bg/pink-repeat.png") repeat-x left top; }
      .mainMenu .bgLayer.pink:before {
        background-position: 0 -83px; }
      .mainMenu .bgLayer.pink:after {
        background-position: -49px -83px; }
    .mainMenu .bgLayer.blue {
      background: url("../../images/frontend/hover-bg/blue-repeat.png") repeat-x left top; }
      .mainMenu .bgLayer.blue:before {
        background-position: 0 -166px; }
      .mainMenu .bgLayer.blue:after {
        background-position: -49px -166px; }
  .mainMenu > ul > li.selected > a, .mainMenu > ul > li:hover > a,
  .mainMenu > ul > li a:hover {
    color: #fff; }
  .mainMenu > ul > li.selected .bgLayer,
  .mainMenu > ul > li a:hover .bgLayer, .mainMenu > ul > li:hover .bgLayer {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0); }
  .mainMenu > ul > li a:active .bgLayer {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: transform 0.15s, opacity 0.15s, visibility 0.15s;
    -o-transition: transform 0.15s, opacity 0.15s, visibility 0.15s;
    transition: transform 0.15s, opacity 0.15s, visibility 0.15s; }
  .mainMenu .subMenu {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 100%;
    height: auto;
    width: 980px;
    max-width: 100%;
    background: #fff;
    line-height: 20px;
    text-transform: none;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    border: 2px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mainMenu .subMenu.hasFeatured {
      min-height: 320px; }
    .mainMenu .subMenu a {
      color: #0d91bc;
      float: left;
      clear: both;
      height: auto;
      padding: 0; }
      .mainMenu .subMenu a:hover {
        color: #005f8c; }
    .mainMenu .subMenu ul {
      padding: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .mainMenu .subMenu ul ul {
        padding: 0; }
    .mainMenu .subMenu .stenik-row {
      margin: 0;
      padding: 0;
      overflow: hidden;
      /* design specification */ }
      .mainMenu .subMenu .stenik-row ul {
        margin: 0; }
      .mainMenu .subMenu .stenik-row li {
        position: relative;
        float: left;
        width: 214px;
        padding: 40px 0 0;
        margin: 0 20px 0 0;
        font-size: 14px;
        letter-spacing: -0.5px;
        text-transform: uppercase;
        font-family: "Avanti", Arial, Helvetica, sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .mainMenu .subMenu .stenik-row li:after {
          content: "";
          position: absolute;
          top: 0;
          left: -20px;
          width: 1px;
          height: 999px;
          /* sth very big */
          background: #dfdfdf; }
        .mainMenu .subMenu .stenik-row li li {
          padding: 0 !important;
          margin: 2px 0;
          width: 100%;
          font-size: 13px;
          font-weight: normal;
          text-transform: none;
          font-family: "PT Sans", Arial, Helvetica, sans-serif; }
          .mainMenu .subMenu .stenik-row li li:after {
            content: none;
            display: none; }
          .mainMenu .subMenu .stenik-row li li a {
            color: #666; }
            .mainMenu .subMenu .stenik-row li li a:hover {
              color: #0d91bc; }
        .mainMenu .subMenu .stenik-row li:first-child:after {
          content: none;
          display: none; }
      .mainMenu .subMenu .stenik-row:first-child li {
        padding-top: 0; }
    .mainMenu .subMenu .featured {
      position: absolute;
      right: 0;
      top: 0;
      float: right;
      width: 275px; }
      .mainMenu .subMenu .featured p {
        margin: 0; }
      .mainMenu .subMenu .featured img {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        max-height: 100%; }
      .mainMenu .subMenu .featured ~ ul {
        width: 700px; }
        .mainMenu .subMenu .featured ~ ul .stenik-row li {
          width: 200px; }
  .mainMenu li.hasChild .subMenu {
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s; }
    .mainMenu li.hasChild .subMenu a {
      line-height: 20px; }
  .mainMenu li.hasChild > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    background: none;
    margin: 14px 0 0 -15px;
    border: 15px solid transparent;
    border-top: 0;
    border-bottom: 0 solid #dfdfdf;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(13px);
    -moz-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
    transform: translateY(13px);
    -webkit-transition: border 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: border 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: border 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .mainMenu li.hasChild:hover .subMenu {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.mainMenu > ul > li.hasChild:hover > a:after {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border-bottom: 15px solid #dfdfdf; }

/* MAIN
------------------------------------------------------------------- */
#main {
  position: relative;
  z-index: 1; }
  #main.twoCols .mainContent {
    float: left;
    width: 725px; }

/* ---- Sidebar ---- */
.sidebar {
  float: left;
  width: 225px;
  margin-left: 30px; }
  .sidebar .widget {
    position: relative;
    z-index: 0;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 27px 30px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    background: #fff;
    border: 1px solid #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .sidebar .widget:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -7px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top: 0 solid #dedede;
      border-right: 208px solid #dedede; }
    .sidebar .widget .title {
      position: relative;
      z-index: 0;
      margin-bottom: 13px;
      padding: 0 0 12px;
      font-size: 20px;
      line-height: 22px;
      font-weight: bold;
      font-family: "PT Sans", Arial, Helvetica, sans-serif; }
      .sidebar .widget .title:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 1px;
        background: #666; }
    .sidebar .widget ul {
      font-weight: bold;
      padding: 0;
      margin: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .sidebar .widget ul li {
        padding: 0;
        margin: 0; }
        .sidebar .widget ul li:before {
          content: none;
          display: none; }
      .sidebar .widget ul li {
        margin: 0 0 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .sidebar .widget ul a {
        color: #0d91bc;
        text-decoration: none; }
        .sidebar .widget ul a:hover {
          color: #666; }
        .sidebar .widget ul a:active {
          color: #c4e4ef; }
    .sidebar .widget .selected a {
      color: #666;
      font-weight: normal; }
    .sidebar .widget.grey {
      background: #f5f5f5;
      border-color: #f5f5f5; }
  .sidebar.right {
    float: right;
    margin-right: 0;
    margin-left: 30px; }

.sidebar ~ .mainContent {
  float: left;
  width: 725px; }
.sidebar.right .mainContent {
  float: right; }

/* ---- Sitemap ---- */
.sitemapGroup a {
  display: inline-block;
  vertical-align: top;
  color: #0d91bc;
  text-decoration: none;
  -webkit-transition: color 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s;
  -o-transition: color 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s;
  transition: color 0.2s, background 0.2s, -webkit-transform 0.2s, transform 0.2s; }
  .sitemapGroup a:hover, .sitemapGroup a:active, .touch .sitemapGroup a:focus {
    color: #ff6342; }
  .sitemapGroup a:active {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: color 0.1s, background 0.1s, -webkit-transform 0.1s, transform 0.1s;
    -o-transition: color 0.1s, background 0.1s, -webkit-transform 0.1s, transform 0.1s;
    transition: color 0.1s, background 0.1s, -webkit-transform 0.1s, transform 0.1s; }
.sitemapGroup ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .sitemapGroup ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold; }
    .sitemapGroup ul li:before {
      -webkit-transition: background 0.2s, transform 0.2s;
      -o-transition: background 0.2s, transform 0.2s;
      transition: background 0.2s, transform 0.2s; }
    .sitemapGroup ul li.hover:before {
      background: #ff6342;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sitemapGroup ul li li {
      font-size: 13px;
      font-weight: normal; }

/* ---- Paging */
.paging {
  padding: 0;
  margin: 0;
  text-align: center;
  color: #666; }
  .paging li {
    padding: 0;
    margin: 0; }
    .paging li:before {
      content: none;
      display: none; }
  .paging a {
    color: #666;
    text-decoration: none; }
  .paging ul {
    display: inline-block;
    vertical-align: top; }
  .paging li {
    position: relative;
    float: left;
    margin: 0 5px;
    height: 25px;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    line-height: 25px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif; }
    .paging li a {
      float: left;
      width: 100%;
      height: 100%;
      padding: 0 9px;
      background: #f5f5f5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: color 0.3s, background 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: color 0.3s, background 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: color 0.3s, background 0.3s, -webkit-transform 0.3s, transform 0.3s; }
      .paging li a:hover, .paging li a:active {
        background: #c4e4ef; }
      .paging li a:active {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: color 0.15s, background 0.15s, -webkit-transform 0.15s, transform 0.15s;
        -o-transition: color 0.15s, background 0.15s, -webkit-transform 0.15s, transform 0.15s;
        transition: color 0.15s, background 0.15s, -webkit-transform 0.15s, transform 0.15s; }
    .paging li.selected a {
      color: #fff;
      background: #ff6342; }
  .paging .prevPage, .paging .nextPage {
    font-size: 13px; }
    .paging .prevPage a:before, .paging .nextPage a:before,
    .paging .prevPage a:after,
    .paging .nextPage a:after {
      content: "";
      left: auto;
      top: auto;
      display: inline-block;
      vertical-align: middle;
      width: 8px;
      height: 11px;
      margin: 0 5px 2px 0;
      background: url("../../images/frontend/mainSprite.png") no-repeat -49px -153px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    .paging .prevPage a:after, .paging .nextPage a:after {
      margin: 0 0 2px 5px;
      background-position: -34px -152px; }
  .paging .prevPage a:after {
    display: none; }
  .paging .nextPage a:before {
    display: none; }

/* ---- Page desc (breadcrumb, sharebox, page description) ---- */
/* ---- Breadcrumb ---- */
.breadcrumb {
  float: left;
  position: relative;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
  -webkit-box-sizing: borderBox;
  -moz-box-sizing: borderBox;
  box-sizing: borderBox; }
  .breadcrumb a {
    text-decoration: none; }
    .breadcrumb a:hover {
      color: #999; }
    .breadcrumb a:active {
      color: #c4e4ef; }
  .breadcrumb ul {
    padding: 0;
    margin: 0; }
    .breadcrumb ul li {
      padding: 0;
      margin: 0; }
      .breadcrumb ul li:before {
        content: none;
        display: none; }
  .breadcrumb li {
    display: inline;
    width: auto; }
    .breadcrumb li:after {
      content: "/";
      color: #b7b7b7;
      display: inline-block;
      vertical-align: top;
      margin: 0 6px 0 10px; }
    .breadcrumb li:last-child:after {
      content: none;
      display: none; }

/* ----- Share box ---- */
.shareBox {
  position: relative;
  z-index: 0;
  float: left;
  height: 34px;
  padding: 0 10px 0 0;
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 14px;
  background: #f5f5f5;
  line-height: 31px; }
  .shareBox .item,
  .shareBox .label {
    float: left;
    margin: 0 8px; }
  .shareBox:before {
    content: "";
    position: absolute;
    left: auto;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-right: 17px solid #f5f5f5;
    border-bottom: 17px solid #f5f5f5; }

/* ---- Page meta ---- */
.pageMeta {
  position: relative;
  margin: 0 0 5px; }
  .pageMeta .breadcrumb {
    float: left;
    margin-left: 110px;
    margin-bottom: 20px; }
  .pageMeta .shareBox {
    float: right; }
    .pageMeta .shareBox ~ .breadcrumb {
      width: 620px; }

.pageTitle .borderTitle {
  margin: 0 0 22px !important;
  clear: both; }
  .pageTitle .borderTitle .txt:before,
  .pageTitle .borderTitle .txt:after {
    bottom: auto;
    top: 25px; }

/* ---- Post (base) ---- */
.post, .postDetail {
  position: relative;
  z-index: 0;
  float: left;
  margin: 0;
  width: 230px;
  height: 245px;
  margin: 0 20px 0 0;
  font-size: 14px;
  line-height: 16px; }
  .post .contentWrapper, .postDetail .contentWrapper {
    height: 100%;
    position: relative;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .post .featured, .postDetail .featured {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 10px;
    text-decoration: none; }
    .post .featured img, .postDetail .featured img {
      float: left;
      height: auto;
      max-width: 100%; }
  .post .title, .postDetail .title {
    margin: 0 0 10px;
    color: #0d91bc;
    font-size: 18px;
    line-height: 20px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif; }
    .post .title a, .postDetail .title a {
      color: #0d91bc;
      -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
      .post .title a:hover, .postDetail .title a:hover, .post .title a:active, .postDetail .title a:active {
        color: #666; }
      .post .title a:active, .postDetail .title a:active {
        -webkit-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
        -o-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
        transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95); }
  .post .hoverContent:after, .postDetail .hoverContent:after {
    margin-left: -24px;
    border: 14px solid transparent;
    border-top: 0;
    border-bottom: 14px solid #FFF; }
  .post .readMore, .postDetail .readMore {
    position: absolute;
    left: 0;
    bottom: 0;
    float: left;
    clear: both;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
    .post .readMore:hover, .postDetail .readMore:hover, .post .readMore:active, .postDetail .readMore:active {
      color: #0d91bc; }
    .post .readMore:active, .postDetail .readMore:active {
      -webkit-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
      -o-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
      transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); }
  .post .date, .postDetail .date {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 42px;
    height: 100%;
    border-right: 1px solid #666;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding-right: 10px;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .post .date .day, .postDetail .date .day {
      font-size: 30px;
      line-height: 29px;
      margin-bottom: -1px;
      letter-spacing: -1px; }
    .post .date ~ .contentWrapper, .postDetail .date ~ .contentWrapper {
      float: right;
      padding-left: 62px; }
      .post .date ~ .contentWrapper .readMore, .postDetail .date ~ .contentWrapper .readMore {
        margin-left: 62px; }

/* ---- OwlCarousel slider ---- */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0, 0); }

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.no-js .owl-carousel {
  display: block; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/* ---- Top slider ---- */
/* ---- Index top slider ---- */
.topSlider .wrapper {
  height: 390px;
  position: relative; }
.topSlider .slideItem {
  position: relative;
  z-index: 1;
  text-decoration: none;
  overflow: hidden;
  height: 390px; }
.topSlider .featured {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5000px;
  /* for crossbrowser center purposes */
  margin-left: -2500px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center; }
  .topSlider .featured img {
    float: none;
    display: inline-block;
    vertical-align: top; }
.topSlider .vAlign {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
.topSlider .slideLink {
  position: absolute;
  display: block;
  width: 750px;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 3; }
.topSlider .contentWrapper {
  position: absolute;
  display: table;
  float: none;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  width: 390px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
  .topSlider .contentWrapper a {
    color: #fff; }
.topSlider .content {
  margin-bottom: 35px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
.topSlider .title {
  margin: 0 0 15px;
  font-size: 28px;
  line-height: 30px;
  font-weight: normal;
  font-family: "Avanti", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
  .topSlider .title a {
    color: #fff; }
  .topSlider .title:hover a {
    color: #ddd; }
.topSlider .title,
.topSlider .content,
.topSlider .button {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
.topSlider .button:active {
  top: 2px; }
.topSlider .slick-prev,
.topSlider .owl-prev, .topSlider .slick-next,
.topSlider .owl-next {
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 50%;
  padding: 0;
  font-size: 0;
  width: 50px;
  height: 90px;
  margin-top: -45px;
  margin-left: -600px;
  background: none;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s;
  -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s; }
  .topSlider .slick-prev:before,
  .topSlider .owl-prev:before, .topSlider .slick-next:before,
  .topSlider .owl-next:before, .topSlider .slick-prev:after,
  .topSlider .owl-prev:after, .topSlider .slick-next:after,
  .topSlider .owl-next:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 1px;
    width: 2px;
    height: 58%;
    background: #fff;
    margin-left: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s;
    -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, color 0.3s, background 0.3s; }
  .topSlider .slick-prev:after,
  .topSlider .owl-prev:after, .topSlider .slick-next:after,
  .topSlider .owl-next:after {
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .topSlider .slick-prev:hover,
  .topSlider .owl-prev:hover, .topSlider .slick-next:hover,
  .topSlider .owl-next:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
    .topSlider .slick-prev:hover:before,
    .topSlider .owl-prev:hover:before, .topSlider .slick-next:hover:before,
    .topSlider .owl-next:hover:before {
      -webkit-transform: translateY(1.5px) rotate(50deg);
      -moz-transform: translateY(1.5px) rotate(50deg);
      -ms-transform: translateY(1.5px) rotate(50deg);
      -o-transform: translateY(1.5px) rotate(50deg);
      transform: translateY(1.5px) rotate(50deg); }
    .topSlider .slick-prev:hover:after,
    .topSlider .owl-prev:hover:after, .topSlider .slick-next:hover:after,
    .topSlider .owl-next:hover:after {
      -webkit-transform: translateY(-1.5px) rotate(-50deg);
      -moz-transform: translateY(-1.5px) rotate(-50deg);
      -ms-transform: translateY(-1.5px) rotate(-50deg);
      -o-transform: translateY(-1.5px) rotate(-50deg);
      transform: translateY(-1.5px) rotate(-50deg); }
  .topSlider .slick-prev:active,
  .topSlider .owl-prev:active, .topSlider .slick-next:active,
  .topSlider .owl-next:active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(0.8) !important;
    -moz-transform: scale(0.8) !important;
    -ms-transform: scale(0.8) !important;
    -o-transform: scale(0.8) !important;
    transform: scale(0.8) !important; }
.topSlider .slick-prev,
.topSlider .owl-prev {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px); }
  .no-csstransforms3d .topSlider .slick-prev, .no-csstransforms3d
  .topSlider .owl-prev {
    width: 35px;
    height: 76px;
    background: url("../../images/frontend/fallback-slider-nav.png") no-repeat 0px 0px; }
    .no-csstransforms3d .topSlider .slick-prev:before, .no-csstransforms3d .topSlider .slick-prev:after, .no-csstransforms3d
    .topSlider .owl-prev:before, .no-csstransforms3d
    .topSlider .owl-prev:after {
      display: none; }
.topSlider .slick-next,
.topSlider .owl-next {
  margin-left: 550px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px); }
  .topSlider .slick-next:before,
  .topSlider .owl-next:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .topSlider .slick-next:after,
  .topSlider .owl-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .topSlider .slick-next:hover:before,
  .topSlider .owl-next:hover:before {
    -webkit-transform: translateY(1.5px) rotate(-50deg);
    -moz-transform: translateY(1.5px) rotate(-50deg);
    -ms-transform: translateY(1.5px) rotate(-50deg);
    -o-transform: translateY(1.5px) rotate(-50deg);
    transform: translateY(1.5px) rotate(-50deg); }
  .topSlider .slick-next:hover:after,
  .topSlider .owl-next:hover:after {
    -webkit-transform: translateY(-1.5px) rotate(50deg);
    -moz-transform: translateY(-1.5px) rotate(50deg);
    -ms-transform: translateY(-1.5px) rotate(50deg);
    -o-transform: translateY(-1.5px) rotate(50deg);
    transform: translateY(-1.5px) rotate(50deg); }
  .topSlider .slick-next:active,
  .topSlider .owl-next:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  .no-csstransforms3d .topSlider .slick-next, .no-csstransforms3d
  .topSlider .owl-next {
    width: 35px;
    height: 76px;
    background: url("../../images/frontend/fallback-slider-nav.png") no-repeat -45px 0px; }
    .no-csstransforms3d .topSlider .slick-next:before, .no-csstransforms3d .topSlider .slick-next:after, .no-csstransforms3d
    .topSlider .owl-next:before, .no-csstransforms3d
    .topSlider .owl-next:after {
      display: none; }
.topSlider .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 0;
  z-index: 999;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .topSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #FFF;
    display: inline-block;
    margin: 0 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .topSlider .owl-dots .owl-dot.active {
      background: #FF6342; }
.topSlider:hover .slick-prev,
.topSlider:hover .owl-prev,
.topSlider:hover .slick-next,
.topSlider:hover .owl-next,
.topSlider:hover .owl-dots {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

/* ---- Color container ---- */
/* ---- Color container ---- */
.colorContainer {
  position: relative;
  z-index: 0;
  float: left;
  width: 196px;
  margin: 0 0 20px 0px;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s; }
  .colorContainer .linkTrigger {
    float: left;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: 185px;
    height: 185px;
    margin-left: -92.5px;
    margin-top: -92.5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand');
    -webkit-transform: translateZ(0) rotate(45deg);
    -moz-transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -o-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg);
    -webkit-transition: opacity 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
    .colorContainer .linkTrigger.pink {
      background: url("../../images/frontend/pink-bg.png") no-repeat 0 0; }
    .colorContainer .linkTrigger.blue {
      background: url("../../images/frontend/blue-bg.png") no-repeat 0 0; }
    .colorContainer .linkTrigger.violet {
      background: url("../../images/frontend/violet-bg.png") no-repeat 0 0; }
    .colorContainer .linkTrigger.orange {
      background: url("../../images/frontend/orange-bg.png") no-repeat 0 0; }
    .colorContainer .linkTrigger.green {
      background: url("../../images/frontend/green-bg.png") no-repeat 0 0; }
  .colorContainer .featured {
    position: relative;
    z-index: 0;
    float: left;
    width: 255px;
    height: 255px;
    margin-left: -29.5px; }
    .colorContainer .featured img {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin-left: -90px;
      margin-top: -90px;
      pointer-events: none; }
  .colorContainer .title {
    position: relative;
    z-index: 1;
    font-size: 17px;
    line-height: 22px;
    font-weight: normal;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    padding: 30px 0 0;
    margin: -20px 0 0;
    /* hover require */
    color: #666;
    text-align: center;
    height: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .colorContainer .title a {
      color: #666;
      float: none;
      display: inline-block;
      vertical-align: top;
      -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .colorContainer.hover {
    z-index: 99; }
    .colorContainer.hover .linkTrigger {
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.00000000, M12=0.00000000, M21=0.00000000, M22=1.00000000,sizingMethod='auto expand')";
      filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.00000000, M12=0.00000000, M21=0.00000000, M22=1.00000000,sizingMethod='auto expand');
      -webkit-transform: rotate(0) scale(1.2);
      -moz-transform: rotate(0) scale(1.2);
      -ms-transform: rotate(0) scale(1.2);
      -o-transform: rotate(0) scale(1.2);
      transform: rotate(0) scale(1.2); }
    .colorContainer.hover .title a {
      color: #0d91bc; }
    .colorContainer.hover:active .title a {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
      -o-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
      transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s; }

/* ---- Containers wrapper ---- */
.colorContainers {
  position: relative;
  z-index: 0; }
  .colorContainers:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 1040px;
    margin-left: -30px;
    background: #fff;
    pointer-events: none;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: visibility 0.8s, opacity 0.8s;
    -o-transition: visibility 0.8s, opacity 0.8s;
    transition: visibility 0.8s, opacity 0.8s; }
  .colorContainers.fadeContainers:before {
    visibility: visible;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }

/* ---- Homepage blocks ---- */
/* (intro, summaryBox, highlightContainer, latestNews, greyContainer) */
/* ---- Intro ---- */
.intro {
  position: relative;
  float: left;
  width: 340px;
  height: 290px;
  color: #fff;
  padding: 28px;
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 16px;
  background: #3da7c9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .intro a {
    color: #fff;
    text-decoration: underline; }
    .intro a:hover {
      color: #fff;
      text-decoration: none; }
  .intro:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 50%;
    width: 0;
    height: 0;
    margin: 0 -25px 0 0;
    background: none;
    border: 25px solid transparent;
    border-right: 0;
    border-left: 25px solid #c4e4ef; }
  .intro:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin: 0 0 0 -25px;
    background: none;
    border: 25px solid transparent;
    border-bottom: 0;
    border-top: 25px solid #c4e4ef; }
  .intro .title {
    margin: 0 0 16px;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    font-family: "Avanti", Arial, Helvetica, sans-serif;
    letter-spacing: -0.5px; }
    .intro .title a {
      text-decoration: none; }
      .intro .title a:hover {
        color: #c4e4ef; }
  .intro .content {
    margin: 0;
    width: 100%; }
  .intro .readMore {
    margin: 0;
    float: left;
    clear: both;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Avanti", Arial, Helvetica, sans-serif; }

/* ---- Summary box ---- */
.summaryBox {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  border-collapse: collapse;
  text-align: center; }
  .summaryBox table {
    width: 100%;
    border: 0;
    text-align: center; }
  .summaryBox td,
  .summaryBox th {
    position: relative;
    padding: 7px;
    border: 0;
    background: none;
    vertical-align: top; }
  .summaryBox th {
    padding-top: 10px;
    padding-bottom: 0;
    border-right: 1px solid #666; }
    .summaryBox th:before, .summaryBox th:after {
      content: "";
      position: absolute;
      left: -1px;
      bottom: 100%;
      width: 1px;
      height: 15%;
      background: #666; }
    .summaryBox th:after {
      bottom: auto;
      top: 100%;
      height: 40%; }
    .summaryBox th:first-child {
      border-left: 0; }
      .summaryBox th:first-child:before, .summaryBox th:first-child:after {
        content: none;
        display: none; }
    .summaryBox th:last-child {
      border-right: 0; }
    .summaryBox th strong {
      font-weight: normal; }

/* ---- Highlight box ---- */
.highlightContainer {
  position: relative;
  margin: 30px 0 0;
  padding: 50px 0 30px;
  background: #ebeaef;
  background: -moz-linear-gradient(top, #ebeaef 0%, #ffffff 23%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebeaef), color-stop(23%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ebeaef 0%, #ffffff 23%, #ffffff 100%);
  background: -o-linear-gradient(top, #ebeaef 0%, #ffffff 23%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ebeaef 0%, #ffffff 23%, #ffffff 100%);
  background: linear-gradient(to bottom, #ebeaef 0%, #ffffff 23%, #ffffff 100%); }
  .no-cssgradients .highlightContainer {
    background: url("../../images/frontend/fallback-highlight-gradient.png") repeat-x left top; }
  .highlightContainer .intro {
    margin-top: -70px;
    margin-bottom: 50px; }
    .highlightContainer .intro ~ .summaryBox {
      float: right;
      width: 612px; }

/* ---- Latest news slider ---- */
.latestNews {
  position: relative; }
  .latestNews > .title {
    font-size: 22px;
    margin: 0 0 20px;
    padding-right: 100px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .latestNews .sliderWrapper {
    margin-bottom: 30px; }
  .latestNews .post, .latestNews .postDetail {
    height: 182px;
    width: 200px; }
  .latestNews .slick-prev,
  .latestNews .owl-prev, .latestNews .slick-next,
  .latestNews .owl-next {
    position: absolute;
    bottom: 100%;
    font-size: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 30px;
    height: 39px;
    margin-bottom: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url("../../images/frontend/mainSprite.png") no-repeat 0 0; }
    .latestNews .slick-prev:hover,
    .latestNews .owl-prev:hover, .latestNews .slick-next:hover,
    .latestNews .owl-next:hover {
      -webkit-filter: brightness(1.2);
      -moz-filter: brightness(1.2);
      filter: brightness(1.2);
      -webkit-transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
      -o-transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
      transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s; }
    .latestNews .slick-prev:active,
    .latestNews .owl-prev:active, .latestNews .slick-next:active,
    .latestNews .owl-next:active {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s;
      -o-transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s;
      transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s; }
  .latestNews .slick-prev,
  .latestNews .owl-prev {
    background-position: -77px -55px; }
  .latestNews .slick-next,
  .latestNews .owl-next {
    background-position: -115px -55px; }
  .latestNews .slick-prev,
  .latestNews .owl-prev {
    right: 28px; }
  .latestNews .slick-next,
  .latestNews .owl-next {
    right: 0; }

/* ---- Grey container ---- */
.greyContainer {
  position: relative;
  z-index: 0;
  padding: 40px 0;
  background: #e9e9e9 url("../../images/frontend/grey-pattern.jpg") repeat left top; }
  .greyContainer .banner {
    float: right;
    width: 310px; }
    .greyContainer .banner img {
      float: left;
      max-width: 100%;
      height: auto; }
    .greyContainer .banner ~ .latestNews {
      width: 670px; }

/* ---- Brand (base) ---- */
.brand {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 139px;
  height: 139px;
  text-align: center;
  font-size: 0;
  /* fix inline-bloack gaps */
  padding: 2px;
  margin: 20px 10px;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .brand:after {
    content: "";
    position: absolute;
    z-index: -1;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    color: #aad6e4;
    -webkit-transition: -webkit-transform 0.3s, transform 0.3s, box-shadow 0.3s;
    -o-transition: -webkit-transform 0.3s, transform 0.3s, box-shadow 0.3s;
    transition: -webkit-transform 0.3s, transform 0.3s, box-shadow 0.3s;
    -webkit-box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), -5px -15px 0px 0px rgba(170, 214, 228, 0.55), 10px -10px 0px 0px rgba(105, 183, 210, 0.2);
    -moz-box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), -5px -15px 0px 0px rgba(170, 214, 228, 0.55), 10px -10px 0px 0px rgba(105, 183, 210, 0.2);
    box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), -5px -15px 0px 0px rgba(170, 214, 228, 0.55), 10px -10px 0px 0px rgba(105, 183, 210, 0.2); }
  .no-borderradius .brand:after {
    border: 1px solid #0d91bc; }
  .brand:hover:after {
    -webkit-box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), 5px -15px 0px 0px rgba(170, 214, 228, 0.55), -10px -10px 0px 0px rgba(105, 183, 210, 0.2);
    -moz-box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), 5px -15px 0px 0px rgba(170, 214, 228, 0.55), -10px -10px 0px 0px rgba(105, 183, 210, 0.2);
    box-shadow: -3px 3px 0px 0px rgba(105, 183, 210, 0.5), 5px -15px 0px 0px rgba(170, 214, 228, 0.55), -10px -10px 0px 0px rgba(105, 183, 210, 0.2); }
  .brand .featured {
    position: relative;
    z-index: 5; }
  .brand img {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px; }
  .brand a {
    color: #fff; }
    .brand a:hover {
      text-decoration: none; }
  .brand .icon {
    position: absolute;
    z-index: 9;
    right: 0;
    top: -10px;
    cursor: pointer; }
    .brand .icon:before {
      content: "";
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s; }
    .brand .icon:after {
      content: "";
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transform: scale(0.2);
      -moz-transform: scale(0.2);
      -ms-transform: scale(0.2);
      -o-transform: scale(0.2);
      transform: scale(0.2); }
  .brand .hoverContent {
    position: absolute;
    float: left;
    z-index: 0;
    left: 50%;
    top: 0;
    width: 235px;
    padding: 20px;
    padding-top: 199px;
    margin-top: -40px;
    margin-left: -117.5px;
    color: #fff;
    font-size: 13px;
    text-align: left;
    background: #3da7c9 url("../../images/frontend/swirl-pattern.png") repeat 0 0;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-10px) scale(0.9);
    -moz-transform: translateY(-10px) scale(0.9);
    -ms-transform: translateY(-10px) scale(0.9);
    -o-transform: translateY(-10px) scale(0.9);
    transform: translateY(-10px) scale(0.9);
    -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .brand.hover {
    z-index: 2; }
    .brand.hover:after {
      -webkit-box-shadow: 0px 0px 0px 0px rgba(105, 183, 210, 0.5), 0px 0px 0px 0px rgba(170, 214, 228, 0.55), 0px 0px 0px 0px rgba(105, 183, 210, 0.2);
      -moz-box-shadow: 0px 0px 0px 0px rgba(105, 183, 210, 0.5), 0px 0px 0px 0px rgba(170, 214, 228, 0.55), 0px 0px 0px 0px rgba(105, 183, 210, 0.2);
      box-shadow: 0px 0px 0px 0px rgba(105, 183, 210, 0.5), 0px 0px 0px 0px rgba(170, 214, 228, 0.55), 0px 0px 0px 0px rgba(105, 183, 210, 0.2); }
    .brand.hover .icon:before {
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transform: scale(0.2);
      -moz-transform: scale(0.2);
      -ms-transform: scale(0.2);
      -o-transform: scale(0.2);
      transform: scale(0.2); }
    .brand.hover .icon:after {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .brand.hover .hoverContent {
      visibility: visible;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .brand.white:after {
    -webkit-box-shadow: -4px 4px 0px 5px rgba(255, 255, 255, 0.5), 6px -4px 0px 5px rgba(255, 255, 255, 0.25), -7px 7px 0px 5px rgba(255, 255, 255, 0.25), -7px -8px 0px 5px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: -4px 4px 0px 5px rgba(255, 255, 255, 0.5), 6px -4px 0px 5px rgba(255, 255, 255, 0.25), -7px 7px 0px 5px rgba(255, 255, 255, 0.25), -7px -8px 0px 5px rgba(255, 255, 255, 0.4);
    box-shadow: -4px 4px 0px 5px rgba(255, 255, 255, 0.5), 6px -4px 0px 5px rgba(255, 255, 255, 0.25), -7px 7px 0px 5px rgba(255, 255, 255, 0.25), -7px -8px 0px 5px rgba(255, 255, 255, 0.4); }
  .brand.white:hover:after {
    -webkit-box-shadow: 1px -4px 0px 5px rgba(255, 255, 255, 0.5), -7px -4px 0px 5px rgba(255, 255, 255, 0.25), 7px 7px 0px 5px rgba(255, 255, 255, 0.25), 5px -8px 0px 5px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px -4px 0px 5px rgba(255, 255, 255, 0.5), -7px -4px 0px 5px rgba(255, 255, 255, 0.25), 7px 7px 0px 5px rgba(255, 255, 255, 0.25), 5px -8px 0px 5px rgba(255, 255, 255, 0.4);
    box-shadow: 1px -4px 0px 5px rgba(255, 255, 255, 0.5), -7px -4px 0px 5px rgba(255, 255, 255, 0.25), 7px 7px 0px 5px rgba(255, 255, 255, 0.25), 5px -8px 0px 5px rgba(255, 255, 255, 0.4); }

/* ---- Brands slider ---- */
.brandsSlider {
  position: relative;
  z-index: 0;
  padding: 40px 0;
  background: #3da7c9 url("../../images/frontend/swirl-pattern.png") repeat 0 0; }
  .brandsSlider .wrapper {
    width: 1000px; }
  .brandsSlider .slideItem {
    float: left;
    padding: 0 2.5px; }
  .brandsSlider img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
  .brandsSlider .owl-dots {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style-type: none;
    line-height: 12px; }
    .brandsSlider .owl-dots li {
      padding: 0;
      margin: 0; }
      .brandsSlider .owl-dots li:before {
        content: none;
        display: none; }
    .brandsSlider .owl-dots .owl-dot {
      float: none;
      font-size: 0;
      display: inline-block;
      vertical-align: top;
      width: 12px;
      height: 12px;
      margin: 0 4px;
      background: #e5e5e5;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: background 0.3s, opacity 0.3s, transform 0.3s;
      -o-transition: background 0.3s, opacity 0.3s, transform 0.3s;
      transition: background 0.3s, opacity 0.3s, transform 0.3s; }
      .brandsSlider .owl-dots .owl-dot.active {
        background: #ff6342; }
      .brandsSlider .owl-dots .owl-dot:hover, .brandsSlider .owl-dots .owl-dot:active {
        background: #e34e33; }
      .brandsSlider .owl-dots .owl-dot:active {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: background 0.15s, opacity 0.15s, transform 0.15s;
        -o-transition: background 0.15s, opacity 0.15s, transform 0.15s;
        transition: background 0.15s, opacity 0.15s, transform 0.15s; }

/* ---- Brands filter ---- */
/* ---- Filter's header ---- */
.filterHeader {
  position: relative;
  padding: 10px 0; }
  .filterHeader .label {
    float: left;
    width: 170px;
    color: #666;
    font-size: 13px;
    line-height: 18px;
    font-style: italic; }
  .filterHeader .filters {
    float: right;
    margin: -13px 0 0;
    max-width: 790px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .csscalc .filterHeader .filters {
      max-width: calc(100% - 190px); }
    .filterHeader .filters .row {
      text-align: center;
      clear: both; }
  .filterHeader .filter {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #666;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
    margin: 5px 12px; }
    .filterHeader .filter:after {
      content: "/";
      position: absolute;
      right: -18px;
      top: 10px;
      display: block;
      color: #b7b7b7;
      font-size: 15px;
      line-height: 15px; }
    .filterHeader .filter.selected:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 3px;
      background: #6aa437; }
    .filterHeader .filter:last-child:after {
      content: none;
      display: none; }
    .filterHeader .filter:hover {
      color: #0d91bc; }
    .filterHeader .filter:active {
      color: #ff6342; }

/* ---- Filter's item ---- */
.filterItem {
  float: left;
  position: relative;
  margin-right: 17px;
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: left 0.4s, top 0.4s, transform 0.4s, visibility 0.4s, opacity 0.4s;
  -o-transition: left 0.4s, top 0.4s, transform 0.4s, visibility 0.4s, opacity 0.4s;
  transition: left 0.4s, top 0.4s, transform 0.4s, visibility 0.4s, opacity 0.4s; }
  .filterItem.selected {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

/* ---- Filter's content ---- */
.filterContent {
  float: left;
  position: relative;
  z-index: 0;
  height: auto;
  width: 1000px;
  /* dirty last item's margin fix */ }
  .filterContent.csscalc {
    width: calc(100% + 20px); }

/* ---- Filter's wrapper ---- */
.stenikFilter {
  position: relative; }

/* ---- Rounded box (base styles) ----*/
.roundedBox {
  position: relative;
  z-index: 0;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
  .roundedBox .boxHeader, .roundedBox .boxContent {
    position: relative;
    padding: 11px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .roundedBox .boxHeader {
    background: #0d91bc;
    margin-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
    .roundedBox .boxHeader .title {
      text-align: center;
      color: #fff;
      font-size: 22px;
      line-height: 26px;
      font-weight: bold;
      font-family: "Avanti", Arial, Helvetica, sans-serif; }
      .roundedBox .boxHeader .title a {
        float: none;
        display: inline-block;
        vertical-align: top;
        color: #fff;
        text-decoration: none; }
        .roundedBox .boxHeader .title a:hover {
          color: #c4e4ef; }
    .roundedBox .boxHeader.phoneBadge:before, .roundedBox .boxHeader.mailBadge:before {
      position: absolute;
      left: 0;
      top: 0;
      display: block; }
    .roundedBox .boxHeader.phoneBadge {
      padding-left: 40px;
      padding-right: 40px; }
      .roundedBox .boxHeader.phoneBadge .title {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis; }
      .roundedBox .boxHeader.phoneBadge:before {
        content: "";
        width: 46px;
        height: 48px;
        background: url("../../images/frontend/phone-badge.png") no-repeat 0 0; }
    .roundedBox .boxHeader.mailBadge {
      padding-left: 70px;
      padding-right: 70px; }
      .roundedBox .boxHeader.mailBadge .title {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis; }
      .roundedBox .boxHeader.mailBadge:before {
        content: "";
        width: 81px;
        height: 48px;
        background: url("../../images/frontend/mail-badge.png") no-repeat 0 0; }
  .roundedBox .boxContent {
    background: #f5f5f5;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

/* ---- Tabular nav ---- */
.tabularNav {
  position: relative;
  border-bottom: 2px solid #3da7c9;
  margin: 0 0 20px;
  color: #666;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  font-family: "Avanti", Arial, Helvetica, sans-serif; }
  .tabularNav a {
    color: #666;
    text-decoration: none; }
  .tabularNav .item {
    position: relative;
    float: left;
    padding: 10px 20px;
    text-decoration: none;
    background: #f5f5f5;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s; }
    .tabularNav .item:after {
      content: "";
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 100%;
      width: 0;
      height: 0;
      margin: 2px 0 0 -17px;
      background: none;
      border: 17px solid transparent;
      border-bottom: 0;
      border-top: 17px solid #c4e4ef;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transform: translateY(-6px) rotateX(85deg);
      -moz-transform: translateY(-6px) rotateX(85deg);
      -ms-transform: translateY(-6px) rotateX(85deg);
      -o-transform: translateY(-6px) rotateX(85deg);
      transform: translateY(-6px) rotateX(85deg);
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s; }
    .tabularNav .item:hover {
      background: gainsboro; }
    .tabularNav .item:active {
      background: #c4e4ef;
      -webkit-transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s;
      -o-transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s;
      transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s; }
    .tabularNav .item.selected {
      background: #3da7c9;
      color: #fff; }
      .tabularNav .item.selected a {
        color: #fff; }
      .tabularNav .item.selected:after {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  .tabularNav[data-items="2"] .item {
    width: 49.7%;
    margin-left: 0.6%; }
  .tabularNav[data-items="3"] .item {
    width: 33.13333%;
    margin-left: 0.3%; }
  .tabularNav[data-items="4"] .item {
    width: 24.85%;
    margin-left: 0.2%; }
  .tabularNav[data-items="5"] .item {
    width: 19.8%;
    margin-left: 0.25%; }
  .tabularNav[data-items="6"] .item {
    width: 16.5%;
    margin-left: 0.2%; }
  .tabularNav[data-items="7"] .item {
    width: 14.14286%;
    margin-left: 0.16667%; }
  .tabularNav[data-items="8"] .item {
    width: 12.375%;
    margin-left: 0.14286%; }
  .tabularNav[data-items="9"] .item {
    width: 11%;
    margin-left: 0.125%; }
  .tabularNav[data-items="10"] .item {
    width: 9.9%;
    margin-left: 0.11111%; }
  .tabularNav .item:first-child {
    margin-left: 0; }

/* ---- Search results ---- */
/* ---- Search summary box ---- */
.searchSummary {
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.searchResults .result {
  position: relative;
  z-index: 0;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .searchResults .result .number {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 25px;
    height: 25px;
    background: #ff6342;
    color: #fff;
    text-align: center;
    line-height: 25px; }
  .searchResults .result .contentWrapper {
    float: left;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .searchResults .result .title {
    margin: 5px 0 10px;
    font-size: 18px;
    line-height: normal; }

/* ---- Contact cols ---- */
.contactCol {
  float: left;
  width: 50%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Products (product, productContent, productSidebar, viewMoreBox, etc.)
------------------------------------------------------------------- */
.catalogsSlider {
  position: relative;
  z-index: 0;
  float: left;
  text-align: center;
  padding: 20px;
  text-decoration: none;
  width: 308px;
  background: #f5f5f5 url("../../images/frontend/sidebar-bg.png") repeat-x center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .catalogsSlider .title {
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    color: #0d91bc;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Avanti", Arial, Helvetica, sans-serif; }
  .catalogsSlider .featured {
    float: left;
    width: 100%;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
    .catalogsSlider .featured img {
      float: left;
      max-width: 100%;
      height: auto;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden; }
  .catalogsSlider .slideItem {
    position: relative;
    z-index: 0; }
    .catalogsSlider .slideItem .featured {
      overflow: hidden;
      margin: 0 0 17px; }
    .catalogsSlider .slideItem .title {
      color: #0d91bc;
      font-size: 14px;
      line-height: 16px;
      font-weight: normal;
      text-align: center;
      font-family: "PT Sans", Arial, Helvetica, sans-serif;
      text-decoration: underline;
      text-transform: none;
      margin: 0 0 20px;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden; }
    .catalogsSlider .slideItem:hover .title {
      text-decoration: none; }
  .catalogsSlider .slick-prev,
  .catalogsSlider .owl-prev, .catalogsSlider .slick-next,
  .catalogsSlider .owl-next {
    position: absolute;
    bottom: 100%;
    font-size: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 30px;
    height: 39px;
    margin-bottom: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url("../../images/frontend/mainSprite.png") no-repeat 0 0; }
    .catalogsSlider .slick-prev:hover,
    .catalogsSlider .owl-prev:hover, .catalogsSlider .slick-next:hover,
    .catalogsSlider .owl-next:hover {
      -webkit-filter: brightness(1.2);
      -moz-filter: brightness(1.2);
      filter: brightness(1.2);
      -webkit-transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
      -o-transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
      transition: transform 0.3s, -webkit-filter 0.3s, filter 0.3s; }
    .catalogsSlider .slick-prev:active,
    .catalogsSlider .owl-prev:active, .catalogsSlider .slick-next:active,
    .catalogsSlider .owl-next:active {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s;
      -o-transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s;
      transition: transform 0.15s, -webkit-filter 0.15s, filter 0.15s; }
  .catalogsSlider .slick-prev,
  .catalogsSlider .owl-prev {
    background-position: -77px -55px; }
  .catalogsSlider .slick-next,
  .catalogsSlider .owl-next {
    background-position: -115px -55px; }
  .catalogsSlider .slick-prev,
  .catalogsSlider .owl-prev {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 -39px -28px; }
  .catalogsSlider .slick-next,
  .catalogsSlider .owl-next {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 -39px 0; }
  .csstransforms3d .catalogsSlider:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    margin: 0 0 -27px -30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .csstransforms3d .catalogsSlider:after {
    content: "";
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    bottom: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    margin: -1px 0 -45px -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

/* ---- Product ---- */
.product {
  float: left;
  width: 308px;
  text-align: left;
  margin: 10px 28px 10px 0; }
  .product .title {
    font-size: 22px;
    line-height: 24px;
    font-family: bold;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 8px; }
  .product .content {
    max-height: 75px; }
  .product .featured {
    position: relative;
    float: left;
    z-index: 0;
    width: 100%;
    height: 150px;
    margin: 0 0 13px;
    overflow: hidden; }
    .product .featured img {
      float: left;
      width: 100%;
      height: auto;
      max-height: 100%; }
  .product .title a:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.1s, transform 0.1s, color 0.1s;
    -o-transition: -webkit-transform 0.1s, transform 0.1s, color 0.1s;
    transition: -webkit-transform 0.1s, transform 0.1s, color 0.1s; }

/* ---- Product content ---- */
.productContent img {
  max-width: 100%; }
.productContent > :first-child {
  margin-top: 0; }
.productContent > :last-child {
  margin-top: 0; }

.mainContent.hasAside .productContent {
  width: 642px;
  /* fallback */
  width: calc(100% - 338px); }

/* ---- Sidebar ---- */
.productSidebar {
  float: left;
  width: 308px;
  margin-right: 30px; }
  .productSidebar .productContent {
    float: right; }
  .productSidebar.right {
    float: right;
    margin-right: 0;
    margin-left: 30px; }

/* ---- View more box ---- */
.viewMoreBox {
  position: relative;
  z-index: 0;
  margin: 50px 0 0; }
  .viewMoreBox .title {
    margin: 0 0 30px;
    text-decoration: none;
    text-transform: none;
    font-size: 18px;
    line-height: 22px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif; }
  .viewMoreBox .listing {
    margin: 0; }
  .viewMoreBox .item {
    float: left;
    margin: 0 28px 28px 0;
    text-decoration: none;
    -webkit-box-shadow: 0px 2px 2px 0px transparent;
    -moz-box-shadow: 0px 2px 2px 0px transparent;
    box-shadow: 0px 2px 2px 0px transparent;
    -webkit-transition: -webkit-filter 0.3s, filter 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s;
    -o-transition: -webkit-filter 0.3s, filter 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s;
    transition: -webkit-filter 0.3s, filter 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s; }
    .viewMoreBox .item img {
      float: left;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
    .viewMoreBox .item:hover, .viewMoreBox .item:active {
      -webkit-filter: brightness(1.07);
      -moz-filter: brightness(1.07);
      filter: brightness(1.07);
      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
      -webkit-transform: translateY(-3px) rotate(0.001deg);
      -moz-transform: translateY(-3px) rotate(0.001deg);
      -ms-transform: translateY(-3px) rotate(0.001deg);
      -o-transform: translateY(-3px) rotate(0.001deg);
      transform: translateY(-3px) rotate(0.001deg); }
    .viewMoreBox .item:active {
      -webkit-box-shadow: 0px 2px 2px 0px transparent;
      -moz-box-shadow: 0px 2px 2px 0px transparent;
      box-shadow: 0px 2px 2px 0px transparent;
      -webkit-transform: scale(0.95) translateY(-3px) rotate(0.001deg);
      -moz-transform: scale(0.95) translateY(-3px) rotate(0.001deg);
      -ms-transform: scale(0.95) translateY(-3px) rotate(0.001deg);
      -o-transform: scale(0.95) translateY(-3px) rotate(0.001deg);
      transform: scale(0.95) translateY(-3px) rotate(0.001deg);
      -webkit-transition: -webkit-filter 0.15s, filter 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, box-shadow 0.15s;
      -o-transition: -webkit-filter 0.15s, filter 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, box-shadow 0.15s;
      transition: -webkit-filter 0.15s, filter 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, box-shadow 0.15s; }

.noProducts {
  float: left;
  width: 100%;
  padding: 40px 20px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic; }

/* POST DETAIL (postGallery, postDetail, etc.)
------------------------------------------------------------------- */
/* ---- Post gallery ---- */
.postGallery {
  float: left;
  overflow: hidden;
  width: 475px;
  height: 475px; }
  .postGallery .slideItem a,
  .postGallery .slideItem img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
  .postGallery .slick-prev,
  .postGallery .owl-prev, .postGallery .slick-next,
  .postGallery .owl-next {
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    background: none;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
    .postGallery .slick-prev:before,
    .postGallery .owl-prev:before, .postGallery .slick-next:before,
    .postGallery .owl-next:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border: 50px solid transparent;
      border-right: 0;
      border-left: 50px solid #fff;
      /* fallback */
      border-left: 50px solid rgba(255, 255, 255, 0.9); }
    .postGallery .slick-prev:after,
    .postGallery .owl-prev:after, .postGallery .slick-next:after,
    .postGallery .owl-next:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 19px;
      height: 39px;
      margin: -20px 0 0 -48px;
      background: url("../../images/frontend/mainSprite.png") no-repeat -204px 0;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      -o-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s; }
    .postGallery .slick-prev:hover:after,
    .postGallery .owl-prev:hover:after, .postGallery .slick-next:hover:after,
    .postGallery .owl-next:hover:after {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; }
    .postGallery .slick-prev:active:after,
    .postGallery .owl-prev:active:after, .postGallery .slick-next:active:after,
    .postGallery .owl-next:active:after {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s;
      -o-transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s;
      transition: opacity 0.15s, -webkit-transform 0.15s, transform 0.15s; }
  .postGallery .slick-next,
  .postGallery .owl-next {
    left: auto;
    right: 0;
    background-position: -204px 0; }
    .postGallery .slick-next:before,
    .postGallery .owl-next:before {
      left: auto;
      right: 0;
      margin: -20px 0 0 -48px;
      border: 50px solid transparent;
      border-left: 0;
      border-right: 50px solid #fff;
      /* fallback */
      border-right: 50px solid rgba(255, 255, 255, 0.9); }
    .postGallery .slick-next:after,
    .postGallery .owl-next:after {
      margin: -38px 0 0 25px;
      background-position: -204px -48px; }

/* ---- Detail post page ---- */
.postDetail {
  width: 100%;
  height: auto;
  margin: 0; }
  .postDetail .meta {
    position: absolute;
    z-index: 0;
    bottom: 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .postDetail .contentWrapper {
    padding-bottom: 30px; }
  .postDetail .postGallery {
    position: relative;
    z-index: 1;
    float: right;
    margin-left: 30px; }
    .postDetail .postGallery ~ .contentWrapper {
      min-height: 475px;
      width: 475px; }

/* OFFERS (offer, offersWrapper, etc.)
------------------------------------------------------------------- */
/* ---- Offer ---- */
.offer {
  display: inline-block;
  vertical-align: top;
  width: 286px;
  text-decoration: none;
  margin: 0 15px;
  text-align: left; }
  .offer .featured {
    margin: 0 0 12px;
    text-decoration: none; }
  .offer .header {
    position: relative;
    padding: 0 0 13px;
    margin: 0 0 15px; }
    .offer .header:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      height: 3px;
      width: 56px;
      margin-left: -28px;
      background: #ff6342; }
  .offer .title {
    margin: 0 0 7px;
    font-size: 18px;
    line-height: 20px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif; }
  .offer .meta {
    color: #ff6342;
    font-size: 14px;
    line-height: 18px;
    font-style: italic; }
    .offer .meta .item {
      margin: 0 0 5px; }
  .offer .hoverContent:before {
    top: -40%;
    left: -80%;
    -webkit-transform: rotate(55deg) translateY(-50px) translateX(-150px);
    -moz-transform: rotate(55deg) translateY(-50px) translateX(-150px);
    -ms-transform: rotate(55deg) translateY(-50px) translateX(-150px);
    -o-transform: rotate(55deg) translateY(-50px) translateX(-150px);
    transform: rotate(55deg) translateY(-50px) translateX(-150px); }
  .offer .hoverContent:after {
    margin-left: -22px;
    border: 12px solid transparent;
    border-top: 0;
    border-bottom: 28px solid #fff; }
  .offer.hover .hoverContent.sidesOrnament:before,
  .offer a:hover .hoverContent.sidesOrnament:before,
  .offer .hoverContent.sidesOrnament:hover:before {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg); }

/* ---- Offers wrapper ---- */
.offersWrapper {
  display: inline-block;
  vertical-align: top;
  text-align: left; }

/* OFFICES MAP (office, officesList, gMapContainer, etc.)
------------------------------------------------------------------- */
/* ---- Office ---- */
.office {
  position: relative;
  z-index: 0;
  margin: 0;
  cursor: pointer;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .office .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 11px;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .office .content {
    line-height: 18px; }
    .office .content p {
      margin: 0;
      clear: both; }
  .office .vAlign {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    padding: 8px 20px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .office .vAlign:after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      border: 80px solid transparent;
      border-right: 0;
      border-left: 17px solid #e34e33;
      margin-top: -80px;
      visibility: hidden;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0; }
  .office:hover .title {
    color: #d7d7d7;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s, transform 0.3s; }
  .office:active .title {
    color: #d7d7d7;
    -webkit-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
    -o-transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s;
    transition: color 0.15s, -webkit-transform 0.15s, transform 0.15s; }
  .office.selected .title {
    color: #fff; }
  .office.selected:before {
    content: "";
    position: absolute;
    z-index: -2;
    right: 47px;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e34e33 url("../../images/frontend/shadow.png") no-repeat 0px 0px; }
  .office.selected:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 18px;
    height: 100%;
    background: #fff; }
  .office.selected .vAlign:after {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

/* ---- Offices list ---- */
.officesList {
  height: 365px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .officesList .mCSB_scrollTools {
    right: 40px; }
    .officesList .mCSB_scrollTools .mCSB_draggerRail {
      background: #fff;
      background: rgba(255, 255, 255, 0.5); }
    .officesList .mCSB_scrollTools .mCSB_dragger {
      height: 21px;
      background: none; }
      .officesList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        height: 14px;
        margin-top: 4px;
        margin-left: -2px;
        background: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s; }
      .officesList .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: #ef9c8d; }
      .officesList .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .officesList .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background: #e34e33; }

/* ---- Gmap Container ---- */
.gMapContainer {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 500px; }
  .gMapContainer a {
    color: #fff; }
  .gMapContainer .scrollFix {
    white-space: nowrap; }
  .gMapContainer .map {
    position: relative;
    height: 100%;
    z-index: 0; }
    .gMapContainer .map #map_canvas {
      height: 100%; }
  .gMapContainer .contentWrapper {
    position: absolute;
    z-index: 1;
    width: 308px;
    height: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    background: #ef634a;
    background: rgba(239, 99, 74, 0.95);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .gMapContainer .contentWrapper .formItem {
      margin: 0; }
    .gMapContainer .contentWrapper .content {
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); }
  .gMapContainer .chooseAddress {
    margin: 0 0 17px;
    padding: 40px 40px 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .gMapContainer .padding {
    padding: 40px 40px 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* FOOTER
------------------------------------------------------------------- */
/* ---- Footer accents ---- */
.youtubeBanner {
  position: relative;
  z-index: 0;
  float: left;
  width: 340px;
  height: 245px;
  background: #666; }
  .youtubeBanner ~ p {
    margin: 0;
    float: left; }
  .youtubeBanner .featured {
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%; }
  .youtubeBanner img {
    position: relative;
    z-index: 0;
    float: left;
    width: 100%;
    height: 100%; }
  .youtubeBanner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../../images/frontend/banner-wrapper.png") no-repeat 0 0; }
  .youtubeBanner .hoverContent {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: table;
    text-align: center; }
    .youtubeBanner .hoverContent a {
      text-decoration: none; }

.footerAccents {
  position: relative;
  text-align: center;
  padding: 40px 0 30px;
  background: url("../../images/frontend/footer-bg.jpg") center top; }
  .footerAccents .wrapper {
    display: table; }
  .footerAccents .accent {
    position: relative;
    vertical-align: top;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .footerAccents .accent:before {
      content: "";
      position: absolute;
      top: 20%;
      left: 0;
      width: 1px;
      height: 60%;
      background: #666; }
    .footerAccents .accent:first-child:before {
      content: none;
      display: none; }
  .footerAccents table {
    text-align: center;
    vertical-align: top; }
    .footerAccents table td {
      padding: 3px 0; }
    .footerAccents table .button {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

/* ---- Footer (base) ---- */
#footer {
  position: relative;
  margin-top: 40px;
  height: 68px;
  line-height: 68px;
  background: #ebebeb;
  background: -moz-linear-gradient(top, #ebebeb 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #ebebeb 0%, white 100%);
  background: -o-linear-gradient(top, #ebebeb 0%, white 100%);
  background: -ms-linear-gradient(top, #ebebeb 0%, white 100%);
  background: linear-gradient(to bottom, #ebebeb 0%, white 100%); }
  .no-cssgradients #footer {
    background: url("../../images/frontend/fallback-highlight-gradient.png") repeat-x left top; }
  #footer a {
    color: #0d91bc;
    text-decoration: none;
    -webkit-transition: color 0.3s, -webkit-trasnform 0.3s, transform 0.3s;
    -o-transition: color 0.3s, -webkit-trasnform 0.3s, transform 0.3s;
    transition: color 0.3s, -webkit-trasnform 0.3s, transform 0.3s; }
    #footer a:hover {
      color: #ff6342; }
    #footer a:active {
      color: #666; }
  #footer img {
    vertical-align: middle; }
  #footer .terms {
    float: left; }
  #footer .social {
    float: left;
    text-align: center; }
    #footer .social .item {
      vertical-align: top;
      display: inline-block;
      text-decoration: none;
      margin: 0 5px; }
  #footer .credits {
    float: right; }
    #footer .credits img {
      margin-right: 5px;
      margin-bottom: 2px; }

/* ERROR 404
------------------------------------------------------------------- */
.errorBox {
  position: relative;
  z-index: 0;
  margin: 50px 0 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f5f5f5; }
  .errorBox .errorImg {
    clear: both;
    margin: 40px 0;
    position: relative;
    z-index: 0;
    vertical-align: middle; }
    .errorBox .errorImg img {
      width: auto;
      display: inline-block;
      vertical-align: middle; }
  .errorBox .errorCode {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: auto;
    margin-left: 80px;
    color: #d7d7d7;
    font-size: 140px;
    font-weight: bold;
    line-height: 140px;
    font-family: Arial, Helvetica, sans-serif; }
  .errorBox .content {
    padding: 20px 20px 30px;
    font-size: 18px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5; }

/* CUSTOM SCROLLBAR
------------------------------------------------------------------- */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCS_no_scrollbar .mCSB_container {
  margin-right: 30px !important; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools {
  width: 9px; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c4e4ef;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.3s, color 0.3s, transform 0.3s, width 0.3s;
  -o-transition: background 0.3s, color 0.3s, transform 0.3s, width 0.3s;
  transition: background 0.3s, color 0.3s, transform 0.3s, width 0.3s; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #005f8c; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #005f8c; }

.mCSB_scrollTools_vertical {
  margin-right: 0; }

.mCSB_container {
  right: 20px; }

/* POPUPS
------------------------------------------------------------------- */
/* ---- Colorbox core ---- */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* specific styles*/
#cboxOverlay {
  background: #fff;
  -moz-opacity: 0.85 !important;
  -khtml-opacity: 0.85 !important;
  opacity: 0.85 !important; }

#colorbox {
  outline: 0;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); }

#cboxContent {
  margin-top: 0;
  background: #fff; }

#cboxLoadingGraphic {
  display: none; }

#cboxLoadingOverlay {
  background: none; }

#cboxCurrent {
  display: none !important; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #fff; }

#cboxPrevious,
#cboxNext,
#cboxClose {
  outline: 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 9999;
  font-size: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  background: url("../../images/frontend/popup-nav.png") no-repeat 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s, color 0.3s, opacity 0.3s, transform 0.3s;
  -o-transition: background 0.3s, color 0.3s, opacity 0.3s, transform 0.3s;
  transition: background 0.3s, color 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

#cboxClose {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 55px;
  height: 60px;
  background: url("../../images/frontend/popup-nav.png") no-repeat -154px 0; }
  #cboxClose:hover {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85); }
  #cboxClose:active {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }

#cboxNext {
  right: -40px;
  top: 50%;
  width: 28px;
  height: 60px;
  margin: -30px 0 0;
  background-position: -78px 0px; }
  #cboxNext:hover {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px); }
  #cboxNext:active {
    -webkit-transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    -o-transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

#cboxPrevious {
  left: -40px;
  top: 50%;
  width: 28px;
  height: 60px;
  margin: -0px 0 0;
  background-position: -116px 0px; }
  #cboxPrevious:hover {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px); }
  #cboxPrevious:active {
    -webkit-transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    -o-transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.15s;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

/* ANIMATIONS
------------------------------------------------------------------- */
/* CSS3 KEYFRAMES ANIMATIONS
------------------------------------------------------------------- */
/* ---- Show from left ---- */
@-moz-keyframes showFromLeft {
  from {
    -moz-transform: translateX(-100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(-100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes showFromLeft {
  from {
    -webkit-transform: translateX(-100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(-100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes showFromLeft {
  from {
    -o-transform: translateX(-100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(-100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes showFromLeft {
  from {
    -ms-transform: translateX(-100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(-100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes showFromLeft {
  from {
    transform: translateX(-100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
/* ---- Show from right ---- */
@-moz-keyframes showFromRight {
  from {
    -moz-transform: translateX(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes showFromRight {
  from {
    -webkit-transform: translateX(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes showFromRight {
  from {
    -o-transform: translateX(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes showFromRight {
  from {
    -ms-transform: translateX(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateX(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes showFromRight {
  from {
    transform: translateX(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
/* ---- Show from top ---- */
@-moz-keyframes showFromTop {
  from {
    -moz-transform: translateY(-30px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(-30px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes showFromTop {
  from {
    -webkit-transform: translateY(-30px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(-30px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes showFromTop {
  from {
    -o-transform: translateY(-30px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(-30px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes showFromTop {
  from {
    -ms-transform: translateY(-30px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(-30px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes showFromTop {
  from {
    transform: translateY(-30px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
/* ---- Show from bottom ---- */
@-moz-keyframes showFromBottom {
  from {
    -moz-transform: translateY(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes showFromBottom {
  from {
    -webkit-transform: translateY(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes showFromBottom {
  from {
    -o-transform: translateY(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes showFromBottom {
  from {
    -ms-transform: translateY(100px) rotate(0.001deg);
    opacity: 0;
    transform: translateY(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes showFromBottom {
  from {
    transform: translateY(100px) rotate(0.001deg);
    opacity: 0; }
  to {
    opacity: 1; } }
/* ---- Shake ---- */
@-moz-keyframes shake {
  0% {
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -moz-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-o-keyframes shake {
  0% {
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-ms-keyframes shake {
  0% {
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes shake {
  0% {
    transform: rotate(-10deg); }
  50% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(0deg); } }
/* ---- Rotate ---- */
@-moz-keyframes rotate {
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes rotate {
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes rotate {
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate {
  to {
    transform: rotate(360deg); } }
/* ---- Loader shadow ---- */
@-moz-keyframes loaderShadow {
  0% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; }
  50% {
    -webkit-box-shadow: 5px 5px 0px 0px #005f8c;
    -moz-box-shadow: 5px 5px 0px 0px #005f8c;
    box-shadow: 5px 5px 0px 0px #005f8c; }
  100% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; } }
@-webkit-keyframes loaderShadow {
  0% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; }
  50% {
    -webkit-box-shadow: 5px 5px 0px 0px #005f8c;
    -moz-box-shadow: 5px 5px 0px 0px #005f8c;
    box-shadow: 5px 5px 0px 0px #005f8c; }
  100% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; } }
@-o-keyframes loaderShadow {
  0% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; }
  50% {
    -webkit-box-shadow: 5px 5px 0px 0px #005f8c;
    -moz-box-shadow: 5px 5px 0px 0px #005f8c;
    box-shadow: 5px 5px 0px 0px #005f8c; }
  100% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; } }
@-ms-keyframes loaderShadow {
  0% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; }
  50% {
    -webkit-box-shadow: 5px 5px 0px 0px #005f8c;
    -moz-box-shadow: 5px 5px 0px 0px #005f8c;
    box-shadow: 5px 5px 0px 0px #005f8c; }
  100% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; } }
@keyframes loaderShadow {
  0% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; }
  50% {
    -webkit-box-shadow: 5px 5px 0px 0px #005f8c;
    -moz-box-shadow: 5px 5px 0px 0px #005f8c;
    box-shadow: 5px 5px 0px 0px #005f8c; }
  100% {
    -webkit-box-shadow: 1px 1px 0px 0px #005f8c;
    -moz-box-shadow: 1px 1px 0px 0px #005f8c;
    box-shadow: 1px 1px 0px 0px #005f8c; } }
/* ---- Up & Down ---- */
@-moz-keyframes upAndDown {
  0% {
    -moz-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  25% {
    -moz-transform: translateY(3px);
    transform: translateY(3px); }
  50% {
    -moz-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  75% {
    -moz-transform: translateY(-3px) rotate(0.001deg);
    transform: translateY(-3px) rotate(0.001deg); }
  100% {
    -moz-transform: rotate(0px) rotate(0.001deg);
    transform: rotate(0px) rotate(0.001deg); } }
@-webkit-keyframes upAndDown {
  0% {
    -webkit-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  25% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); }
  50% {
    -webkit-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  75% {
    -webkit-transform: translateY(-3px) rotate(0.001deg);
    transform: translateY(-3px) rotate(0.001deg); }
  100% {
    -webkit-transform: rotate(0px) rotate(0.001deg);
    transform: rotate(0px) rotate(0.001deg); } }
@-o-keyframes upAndDown {
  0% {
    -o-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  25% {
    -o-transform: translateY(3px);
    transform: translateY(3px); }
  50% {
    -o-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  75% {
    -o-transform: translateY(-3px) rotate(0.001deg);
    transform: translateY(-3px) rotate(0.001deg); }
  100% {
    -o-transform: rotate(0px) rotate(0.001deg);
    transform: rotate(0px) rotate(0.001deg); } }
@-ms-keyframes upAndDown {
  0% {
    -ms-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  25% {
    -ms-transform: translateY(3px);
    transform: translateY(3px); }
  50% {
    -ms-transform: translateY(0px) rotate(0.001deg);
    transform: translateY(0px) rotate(0.001deg); }
  75% {
    -ms-transform: translateY(-3px) rotate(0.001deg);
    transform: translateY(-3px) rotate(0.001deg); }
  100% {
    -ms-transform: rotate(0px) rotate(0.001deg);
    transform: rotate(0px) rotate(0.001deg); } }
@keyframes upAndDown {
  0% {
    transform: translateY(0px) rotate(0.001deg); }
  25% {
    transform: translateY(3px); }
  50% {
    transform: translateY(0px) rotate(0.001deg); }
  75% {
    transform: translateY(-3px) rotate(0.001deg); }
  100% {
    transform: rotate(0px) rotate(0.001deg); } }
/* On load animations
------------------------------------------------------------------- */
.frontend body:before {
  content: "";
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: #fff;
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s; }
.frontend body:after {
  content: "";
  position: fixed;
  z-index: 102;
  left: 50%;
  top: 50%;
  color: #0d91bc;
  background: #0d91bc;
  margin: -50px;
  width: 60px;
  height: 60px;
  text-align: center;
  pointer-events: none;
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 2px 2px 0px 0px #005f8c;
  -moz-box-shadow: 2px 2px 0px 0px #005f8c;
  box-shadow: 2px 2px 0px 0px #005f8c;
  -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  -webkit-animation: loaderShadow 0.6s linear infinite;
  -moz-animation: loaderShadow 0.6s linear infinite;
  -o-animation: loaderShadow 0.6s linear infinite;
  animation: loaderShadow 0.6s linear infinite; }
.frontend body.loaded:before, .frontend body.loaded:after {
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }
.frontend body.loaded:after {
  -webkit-transform: rotate(45deg) scale(0.5);
  -moz-transform: rotate(45deg) scale(0.5);
  -ms-transform: rotate(45deg) scale(0.5);
  -o-transform: rotate(45deg) scale(0.5);
  transform: rotate(45deg) scale(0.5); }

.csstransforms3d .intro,
.csstransforms3d .latestNews .post,
.csstransforms3d .latestNews .postDetail,
.csstransforms3d .latestNews .buttonSet,
.csstransforms3d .banner,
.csstransforms3d .floatingButton,
.csstransforms3d .footerAccents .accent,
.csstransforms3d .topSlider .contentWrapper .title,
.csstransforms3d .topSlider .contentWrapper .content,
.csstransforms3d .topSlider .contentWrapper .button,
.csstransforms3d .gMapContainer .contentWrapper,
.csstransforms3d .colorContainersWrapper .blockHeader,
.csstransforms3d .colorContainersWrapper .colorContainers .colorContainer,
.csstransforms3d .brandsSlider .sliderWrapper {
  opacity: 0; }
.csstransforms3d .loaded .gMapContainer .contentWrapper {
  -webkit-animation: showFromLeft 0.8s 0.3s forwards;
  -moz-animation: showFromLeft 0.8s 0.3s forwards;
  -o-animation: showFromLeft 0.8s 0.3s forwards;
  animation: showFromLeft 0.8s 0.3s forwards; }
.csstransforms3d .loaded .floatingButton {
  -webkit-animation: showFromTop 0.8s 0.2s forwards;
  -moz-animation: showFromTop 0.8s 0.2s forwards;
  -o-animation: showFromTop 0.8s 0.2s forwards;
  animation: showFromTop 0.8s 0.2s forwards; }
.csstransforms3d .scrollReached.intro {
  -webkit-animation: showFromLeft 1s forwards;
  -moz-animation: showFromLeft 1s forwards;
  -o-animation: showFromLeft 1s forwards;
  animation: showFromLeft 1s forwards; }
.csstransforms3d .scrollReached.banner, .csstransforms3d .scrollReached.latestNews .post, .csstransforms3d .scrollReached.latestNews .postDetail, .csstransforms3d .scrollReached.latestNews .buttonSet, .csstransforms3d .scrollReached.sliderWrapper {
  -webkit-animation: showFromBottom 1s forwards;
  -moz-animation: showFromBottom 1s forwards;
  -o-animation: showFromBottom 1s forwards;
  animation: showFromBottom 1s forwards; }
.csstransforms3d .scrollReached.colorContainersWrapper .blockHeader {
  -webkit-animation: showFromTop 0.8s forwards;
  -moz-animation: showFromTop 0.8s forwards;
  -o-animation: showFromTop 0.8s forwards;
  animation: showFromTop 0.8s forwards; }
.csstransforms3d .scrollReached .colorContainers .colorContainer:nth-child(1) {
  -webkit-animation: showFromBottom 0.8s 0.1s forwards;
  -moz-animation: showFromBottom 0.8s 0.1s forwards;
  -o-animation: showFromBottom 0.8s 0.1s forwards;
  animation: showFromBottom 0.8s 0.1s forwards; }
.csstransforms3d .footerAccents .accent.scrollReached:nth-child(1) {
  -webkit-animation: showFromLeft 0.7s 0.2s forwards;
  -moz-animation: showFromLeft 0.7s 0.2s forwards;
  -o-animation: showFromLeft 0.7s 0.2s forwards;
  animation: showFromLeft 0.7s 0.2s forwards; }
.csstransforms3d .scrollReached .colorContainers .colorContainer:nth-child(2) {
  -webkit-animation: showFromBottom 0.8s 0.2s forwards;
  -moz-animation: showFromBottom 0.8s 0.2s forwards;
  -o-animation: showFromBottom 0.8s 0.2s forwards;
  animation: showFromBottom 0.8s 0.2s forwards; }
.csstransforms3d .footerAccents .accent.scrollReached:nth-child(2) {
  -webkit-animation: showFromLeft 0.7s 0.4s forwards;
  -moz-animation: showFromLeft 0.7s 0.4s forwards;
  -o-animation: showFromLeft 0.7s 0.4s forwards;
  animation: showFromLeft 0.7s 0.4s forwards; }
.csstransforms3d .scrollReached .colorContainers .colorContainer:nth-child(3) {
  -webkit-animation: showFromBottom 0.8s 0.3s forwards;
  -moz-animation: showFromBottom 0.8s 0.3s forwards;
  -o-animation: showFromBottom 0.8s 0.3s forwards;
  animation: showFromBottom 0.8s 0.3s forwards; }
.csstransforms3d .footerAccents .accent.scrollReached:nth-child(3) {
  -webkit-animation: showFromLeft 0.7s 0.6s forwards;
  -moz-animation: showFromLeft 0.7s 0.6s forwards;
  -o-animation: showFromLeft 0.7s 0.6s forwards;
  animation: showFromLeft 0.7s 0.6s forwards; }
.csstransforms3d .scrollReached .colorContainers .colorContainer:nth-child(4) {
  -webkit-animation: showFromBottom 0.8s 0.4s forwards;
  -moz-animation: showFromBottom 0.8s 0.4s forwards;
  -o-animation: showFromBottom 0.8s 0.4s forwards;
  animation: showFromBottom 0.8s 0.4s forwards; }
.csstransforms3d .footerAccents .accent.scrollReached:nth-child(4) {
  -webkit-animation: showFromLeft 0.7s 0.8s forwards;
  -moz-animation: showFromLeft 0.7s 0.8s forwards;
  -o-animation: showFromLeft 0.7s 0.8s forwards;
  animation: showFromLeft 0.7s 0.8s forwards; }
.csstransforms3d .scrollReached .colorContainers .colorContainer:nth-child(5) {
  -webkit-animation: showFromBottom 0.8s 0.5s forwards;
  -moz-animation: showFromBottom 0.8s 0.5s forwards;
  -o-animation: showFromBottom 0.8s 0.5s forwards;
  animation: showFromBottom 0.8s 0.5s forwards; }
.csstransforms3d .footerAccents .accent.scrollReached:nth-child(5) {
  -webkit-animation: showFromLeft 0.7s 1s forwards;
  -moz-animation: showFromLeft 0.7s 1s forwards;
  -o-animation: showFromLeft 0.7s 1s forwards;
  animation: showFromLeft 0.7s 1s forwards; }
.csstransforms3d .topSlider .owl-item.active .title {
  -webkit-animation: showFromLeft 0.6s 0.2s forwards;
  -moz-animation: showFromLeft 0.6s 0.2s forwards;
  -o-animation: showFromLeft 0.6s 0.2s forwards;
  animation: showFromLeft 0.6s 0.2s forwards; }
.csstransforms3d .topSlider .owl-item.active .content {
  -webkit-animation: showFromLeft 0.6s 0.3s forwards;
  -moz-animation: showFromLeft 0.6s 0.3s forwards;
  -o-animation: showFromLeft 0.6s 0.3s forwards;
  animation: showFromLeft 0.6s 0.3s forwards; }
.csstransforms3d .topSlider .owl-item.active .button {
  -webkit-animation: showFromLeft 0.6s 0.5s forwards;
  -moz-animation: showFromLeft 0.6s 0.5s forwards;
  -o-animation: showFromLeft 0.6s 0.5s forwards;
  animation: showFromLeft 0.6s 0.5s forwards; }

/*
 * FACEBOOK LIKE BOX 
 */
.fblikebox.slidebox, .fblikebox.sidebar, .fblikebox.tab {
  position: fixed;
  top: 150px;
  z-index: 9999; }

.fblikebox.slidebox, .fblikebox.sidebar {
  background-color: #3B5998;
  background-color: rgba(59, 89, 152, 0.5);
  padding: 10px;
  border: 0 solid #133783; }

.fblikebox.fblikebox-shadow.slidebox, .fblikebox.fblikebox-shadow.sidebar {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.fblikebox.slidebox.fblikebox-left, .fblikebox.sidebar.fblikebox-left {
  left: -343px;
  padding-left: 40px; }

.fblikebox.tab.fblikebox-left {
  left: 0; }

.fblikebox.slidebox.fblikebox-left {
  border-width: 1px;
  border-left: 0; }

.fblikebox.slidebox.fblikebox-radius.fblikebox-left {
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0; }

.fblikebox.sidebar.fblikebox-left {
  border-right-width: 1px; }

.fblikebox_tab {
  position: absolute;
  width: 40px;
  height: 120px;
  background: #133783 center center no-repeat;
  cursor: pointer; }

.fblikebox.slidebox .fblikebox_tab {
  top: -1px; }

.fblikebox.sidebar .fblikebox_tab {
  top: 150px; }

.fblikebox.tab a.fblikebox_tab {
  top: 0;
  display: block;
  text-decoration: none; }

.fblikebox.fblikebox-left .fblikebox_tab {
  right: -40px; }

.fblikebox.fblikebox-radius.fblikebox-left .fblikebox_tab {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0; }

.fblikebox.fblikebox-shadow.fblikebox-left .fblikebox_tab {
  -moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.5); }

.fblikebox .fblikebox_tab.f-white {
  height: 60px;
  background-image: url(/images/frontend/f-white.png); }

.fblikebox.slidebox .fblikebox_pretext, .fblikebox.sidebar .fblikebox_pretext {
  color: #333;
  background-color: #fff;
  padding: 5px;
  margin: 0 0 10px; }

.fblikebox.slidebox .fblikebox_container, .fblikebox.sidebar .fblikebox_container {
  min-height: 62px;
  background-color: #fff; }

/* RESPONSIVE
------------------------------------------------------------------- */
.menuHandle {
  display: none;
  position: absolute;
  z-index: 999;
  right: 30px;
  top: 30px;
  width: 25px;
  height: 20px;
  cursor: pointer; }

.iconHelper, .menuHandle::before, .menuHandle::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
  background: #005F8C;
  border-radius: 5px;
  transition: all 0.3s linear 0s; }

.iconHelper {
  top: 50%;
  margin-top: -2px; }

.menuHandle::after {
  top: auto;
  bottom: 0px; }

.panelOpen .menuHandle:before {
  -ms-transform: translate3d(0px, 7px, 0px) rotate(45deg);
  -webkit-transform: translate3d(0px, 7px, 0px) rotate(45deg);
  -moz-transform: translate3d(0px, 7px, 0px) rotate(45deg);
  -o-transform: translate3d(0px, 7px, 0px) rotate(45deg);
  transform: translate3d(0px, 7px, 0px) rotate(45deg);
  background: #FF6342; }

.panelOpen .iconHelper {
  visibility: hidden;
  -ms-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0; }

.panelOpen .menuHandle:after {
  -ms-transform: translate3d(0px, -9px, 0px) rotate(-45deg);
  -webkit-transform: translate3d(0px, -9px, 0px) rotate(-45deg);
  -moz-transform: translate3d(0px, -9px, 0px) rotate(-45deg);
  -o-transform: translate3d(0px, -9px, 0px) rotate(-45deg);
  transform: translate3d(0px, -9px, 0px) rotate(-45deg);
  background: #FF6342; }

.responsiveMenu {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 500;
  float: left;
  top: 117px;
  left: 0px;
  margin: 0px;
  width: 100%;
  transition: all 0.4s ease 0s;
  backface-visibility: hidden;
  border-bottom: 2px solid #005F8C;
  /*visibility: hidden;
  opacity: 0;
  transform: translateY(-30px);*/
  /*height: calc(100% - 117px);*/ }

.responsiveMenu figure {
  display: none; }

#fblikebox {
  width: 230px !important;
  z-index: 100; }

.fblikebox_container {
  width: 100% !important; }

.fblikebox.slidebox.fblikebox-left, .fblikebox.sidebar.fblikebox-left {
  left: -280px; }

.responsiveMenu .secondaryMobile {
  display: none; }

@media only screen and (max-width: 980px) {
  .csstransforms3d .hover .uvi-logo:after, .csstransforms3d .uvi-logo:hover:after {
    transform: rotate(45deg) translate3d(3px, 3px, 0px) !important;
    -webkit-transform: rotate(45deg) translate3d(3px, 3px, 0px) !important; }

  .uvi-slogan .hoverOn {
    visibility: hidden !important;
    opacity: 0 !important; }

  .uvi-slogan .hoverOff {
    visibility: visible !important;
    opacity: 1 !important; }

  .hover .uvi-slogan .hoverOff {
    transform: translateX(0) !important; }

  #header {
    z-index: 200; }

  #header .orderButton {
    margin-right: 20px; }

  .topSlider .contentWrapper {
    left: 30px; }

  .topSlider .slideLink {
    width: 100%; }

  .topSlider .owl-nav {
    display: none; }

  .greyContainer .banner ~ .latestNews {
    width: calc(100% - 330px);
    padding-left: 20px; }

  .brandsSlider .wrapper {
    width: 100%; }

  .brandsSlider .brand {
    width: 99px;
    height: 99px; }

  .brandsSlider {
    padding: 40px 25px;
    box-sizing: border-box; }

  .youtubeBanner {
    width: 300px; }

  .youtubeBanner:after {
    background-size: 100% 100%; }

  .colorContainers:before {
    width: 0; }

  .colorContainer {
    width: 180px; }

  .colorContainer .featured {
    margin: 0; }

  .colorContainer .title {
    margin-left: 35px; }

  #footer .wrapper {
    padding: 0 20px;
    box-sizing: border-box; }

  #main.twoCols .mainContent {
    padding-left: 20px;
    box-sizing: border-box;
    width: 705px; }

  .sidebar.right {
    margin-right: 20px; }

  .mainContent {
    padding: 0 20px; }

  .post, .postDetail {
    width: 220px;
    margin-bottom: 20px; }

  .postDetail {
    width: 100%; }

  .postDetail .postGallery ~ .contentWrapper {
    width: 435px; }

  .product {
    width: 294px; }

  .listing .clearH2, .listing .clearH4 {
    display: none; }

  .topBanner {
    width: 980px;
    margin-left: -20px; }

  .productsPage .pageMeta {
    margin-bottom: 15px; }

  .floatingButton {
    top: 35px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 30px;
    padding: 0; }

  .floatingButton .linkTrigger {
    left: 0;
    top: 0;
    margin: 0;
    transform: none !important;
    transition: none !important;
    height: 30px;
    width: 200px; }

  .csstransforms3d .floatingButton .linkTrigger {
    -webkit-transform: none !important;
    transform: none !important;
    transition: none !important; }

  .csstransforms3d .floatingButton .linkTrigger:before {
    width: 0; }

  .floatingButton .txt {
    left: 0;
    top: 0;
    margin: 0;
    word-spacing: 0;
    line-height: 29px; }

  .productContent iframe {
    width: 100%; }

  .viewMoreBox .item {
    width: 285px; }

  .viewMoreBox .item img {
    max-width: 100%; }

  .offer {
    width: 275px;
    margin-bottom: 20px; }

  .filterContent {
    width: 940px; }

  .filterHeader .filter {
    font-size: 13px; }

  .filterContent .brand {
    margin: 20px 15px 20px 0; }

  .hoverContent.sidesOrnament {
    display: none; } }
@media only screen and (max-width: 800px) {
  body, html {
    min-width: initial; }

  .panelOpen body {
    overflow: hidden !important; }

  .wrapper {
    width: 100%; }

  #main {
    margin-top: 117px; }

  #header {
    position: fixed; }

  #header .bottomBar {
    height: 83px !important; }

  .logo {
    z-index: 999; }

  .menuHandle {
    display: block; }

  /*.panelOpen .responsiveMenu {
      visibility: visible;
      transform: translateY(0px);
      opacity: 1;
  }*/
  .mainMenu {
    display: none; }

  .responsiveMenu {
    background: #FFF; }

  .responsiveMenu ul {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    font-weight: bold;
    font-family: "Avanti",Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin: 0; }

  .responsiveMenu ul li {
    float: left;
    width: 100%;
    padding-left: 0; }

  .responsiveMenu ul li:before {
    width: 0; }

  .responsiveMenu ul li a {
    float: left;
    width: 100%;
    line-height: 40px;
    text-transform: uppercase;
    color: #005F8C; }

  .responsiveMenu li.hasChild .menuIcon {
    position: absolute;
    top: 3px;
    right: 30px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/../../images/frontend/bluePlus.png") no-repeat;
    cursor: pointer; }

  .responsiveMenu li.hasChild.open-click > .menuIcon {
    background: url("/../../images/frontend/menuMinus.png") no-repeat; }

  .responsiveMenu ul li.hasChild > ul, .responsiveMenu ul li.hasChild > nav > ul {
    display: none;
    width: 100% !important; }

  .responsiveMenu ul li ul a {
    font-size: 16px;
    color: #0D91BC; }

  .responsiveMenu ul li ul li ul li a {
    color: #666;
    font-size: 15px; }

  .bottomBar .wrapper > .orderButton {
    display: none; }

  #header .orderButton.mobile {
    float: left;
    width: 100%;
    color: #005F8C;
    line-height: 40px;
    margin: 0;
    text-align: center; }

  .responsiveMenu ul li a:hover, #header .orderButton.mobile:hover {
    color: #FF6342; }

  .orderButton.mobile:after, .orderButton.mobile:before {
    width: 0; }

  .colorContainers {
    padding-left: 13px;
    box-sizing: border-box; }

  .colorContainer {
    width: 130px;
    margin-top: 50px;
    margin-left: 20px; }

  .colorContainer .featured {
    width: 130px;
    height: 130px;
    margin-left: 26px; }

  .colorContainer .linkTrigger {
    width: 130px;
    height: 130px; }

  .colorContainer .featured img {
    max-width: 100%;
    height: auto; }

  .colorContainer .title {
    margin: 0px;
    padding-top: 15px;
    margin-left: -2px; }

  .highlightContainer {
    padding-bottom: 0; }

  .highlightContainer .intro {
    margin: -70px auto 20px; }

  .highlightContainer .intro {
    width: 290px; }

  .intro .title {
    font-size: 18px; }

  .highlightContainer .intro ~ .summaryBox {
    width: 500px; }

  .animCounter, .summaryBox th {
    font-size: 32px; }

  .greyContainer {
    overflow: hidden; }

  .greyContainer .banner {
    width: 290px; }

  .footerAccents .accent table tr:nth-child(3) td p {
    font-size: 32px !important; }

  .youtubeBanner {
    width: 265px;
    background: none; }

  .pageMeta .shareBox ~ .breadcrumb {
    width: 450px; }

  .listing, .viewMoreBox .listing {
    margin-left: 15px; }

  .product {
    width: 352px; }

  .product {
    margin-right: 28px !important; }

  .topBanner {
    width: 800px; }

  .productContent iframe {
    height: 300px;
    min-height: 250px; }

  .viewMoreBox .item {
    width: 225px; }

  .viewMoreBox .item {
    margin-right: 28px !important; }

  #main.twoCols .mainContent {
    width: 100%;
    margin-bottom: 20px; }

  .sidebar.right {
    width: 470px;
    float: none;
    margin: 0 auto; }

  .sidebar .widget {
    width: 225px; }

  .sidebar .widget.grey {
    margin-left: 20px; }

  .post.noMarginR, .noMarginR.postDetail {
    margin-right: 20px !important; }

  .postDetail .postGallery ~ .contentWrapper {
    width: 340px; }

  .postGallery {
    width: 375px;
    height: 375px; }

  .offersWrapper {
    margin-left: -15px; }

  .offer {
    width: 345px; }

  .offer img {
    width: 100%;
    height: auto; }

  .filterContent {
    width: 760px; }

  .filterContent .brand {
    width: 130px;
    height: 130px;
    margin-left: 5px; }

  .smallWrapper {
    width: 100%; }

  .smallWrapper .content img {
    max-width: 100%;
    height: auto; }

  .smallWrapper .inlineForm label {
    font-size: 12px; }

  .inlineForm input, .inlineForm select, .inlineForm textarea {
    width: 66%; }

  .formItem.small input, .formItem.small select, .formItem.small textarea {
    width: 49%; }

  .inlineForm .captchaWrapper {
    float: left;
    width: 66%; }

  .captchaBox .captchaWrapper input {
    float: right;
    width: 52px; } }
@media only screen and (max-width: 768px) {
  .colorContainer {
    width: 120px;
    margin-right: 6px; }

  .colorContainer .featured {
    width: 120px;
    height: 120px; }

  .colorContainer .featured img {
    margin-left: -85px;
    margin-top: -85px; }

  .colorContainer .title {
    font-size: 15px; }

  .highlightContainer .intro {
    width: 280px; }

  .highlightContainer .intro ~ .summaryBox {
    width: 485px; }

  .greyContainer .banner ~ .latestNews {
    width: 458px;
    width: calc(100% - 330px); }

  .latestNews .post, .latestNews .postDetail {
    width: 210px; }

  .youtubeBanner {
    width: 250px; }

  .product {
    width: 336px; }

  .topBanner {
    width: 768px; }

  .mainContent.hasAside .productContent {
    width: 390px;
    width: calc(100% - 338px); }

  .viewMoreBox .item {
    width: 213px; }

  .postGallery {
    width: 343px;
    height: 348px; }

  .postGallery img {
    max-width: 100%;
    height: auto; }

  .boxContent .formItem {
    padding: 1px;
    margin-top: 3px; }

  .roundedBox .inlineForm .captchaWrapper {
    margin-bottom: 50px; }

  .roundedBox .captchaBox .captchaWrapper input {
    position: absolute;
    top: 50px;
    left: 0; }

  .offer {
    width: 330px; }

  .filterContent {
    width: 728px; }

  .filterContent .brand {
    width: 125px;
    height: 125px; }

  .buttonSet a {
    font-size: 12px; }

  .captchaBox .captchaWrapper input {
    width: 48px; }

  .smallWrapper .inlineForm label {
    font-size: 11px; }

  .contactCol .noFormat td {
    padding-left: 5px;
    vertical-align: top; }

  .contactCol .noFormat td:nth-child(2) {
    padding-left: 10px; } }
@media only screen and (max-width: 640px) {
  .responsiveMenu .secondaryMobile {
    display: block; }

  .secondaryMenu {
    display: none; }

  .colorContainer {
    margin-right: -26px; }

  .highlightContainer .intro {
    width: 235px; }

  .intro .title {
    font-size: 14px; }

  .highlightContainer .intro ~ .summaryBox {
    width: 405px; }

  .animCounter, .summaryBox th {
    font-size: 26px; }

  .latestNews .post, .latestNews .postDetail {
    width: 310px; }

  #footer {
    line-height: 35px;
    z-index: 1;
    padding: 0 10px;
    box-sizing: border-box; }

  .terms, .social, .credits {
    width: 100% !important;
    float: left;
    text-align: center; }

  .footerAccents .accent {
    width: 50%;
    float: left;
    display: block; }

  .footerAccents .accent:first-of-type {
    width: 100%; }

  .sidebar ~ .mainContent, #main .mainContent, #main.twoCols .mainContent {
    box-sizing: border-box; }

  .listing, .viewMoreBox .listing {
    margin-left: 0; }

  .product {
    width: 47%;
    margin-right: 3% !important; }

  .product .title {
    min-height: 50px; }

  .product img {
    height: 150px !important; }

  .topBanner {
    width: 640px; }

  .mainContent.hasAside .productContent {
    width: 100%;
    float: left; }

  .productContent iframe {
    height: auto; }

  .viewMoreBox .item {
    width: 31%;
    margin-right: 2% !important; }

  .viewMoreBox .item img {
    width: 100%; }

  .pageMeta .breadcrumb, .pageMeta .shareBox ~ .breadcrumb {
    width: auto; }

  .offer {
    width: 40%;
    margin: 0 4.5% 50px; }

  .listing .post, .listing .postDetail {
    width: 30%;
    margin-right: 3% !important; }

  .contactCol {
    width: 100%;
    margin-bottom: 50px; }

  .filterContent {
    width: 100%;
    height: auto !important; }

  .filterHeader .filter {
    font-size: 12px; }

  .filterItem.selected {
    position: static !important; }

  .gMapContainer {
    height: auto; }

  .gMapContainer .contentWrapper {
    width: 100%;
    height: auto;
    position: static;
    float: left;
    padding-bottom: 40px; }

  .gMapContainer .officesList {
    height: auto;
    max-height: 365px; }

  .gMapContainer .map {
    width: 100%;
    float: left;
    height: 500px; }

  .postDetail .postGallery {
    float: left;
    margin-left: 55px; }

  .postDetail .postGallery ~ .contentWrapper {
    width: 100%;
    margin-top: 30px; }

  .postDetail .meta {
    padding-left: 62px;
    left: 0; }

  #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent, #colorbox img {
    width: 640px !important;
    height: auto !important;
    float: none;
    margin: 0 auto;
    display: block; }

  .smallWrapper {
    float: left;
    width: 100%; }

  .smallWrapper .col2 {
    width: 100%;
    margin-bottom: 50px; }

  .brand.hover {
    margin-bottom: 180px; }

  .frontend body::after {
    margin: -30px 0 0 -30px; }

  .fblikebox_tab {
    width: 22px; }

  .fblikebox.fblikebox-left .fblikebox_tab {
    right: -22px; }

  .fblikebox .fblikebox_tab.f-white {
    height: 50px; } }
@media only screen and (max-width: 600px) {
  .toTopButton {
    display: none !important; }

  #header .langBox {
    margin-left: 0px; }

  .logo {
    width: 100px; }

  .logo .uvi-slogan {
    display: none; }

  .responsiveMenu {
    height: calc(100% - 117px); }

  /*.colorContainers {
      width: 100%;
      padding-left: 25px;
  }
  .colorContainer {
      width: 96px;
  }
  .colorContainer .featured {
      width: 100px;
      height: 100px;
      margin-left: 8px;
  }
  .colorContainer .linkTrigger {
      width: 102px;
      height: 102px;
  }
  .colorContainer .title {
      margin-top: 0;
      padding-top: 10px;
  }*/
  .highlightContainer .intro {
    width: 80%;
    margin: -50px auto 50px;
    float: none; }

  .greyContainer .banner {
    float: none;
    margin: 0 auto;
    display: block;
    width: 260px; }

  .greyContainer .banner ~ .latestNews {
    width: 100%;
    box-sizing: border-box; }

  .footerAccents .accent {
    width: 100%; }

  .youtubeBanner {
    float: none;
    margin: 0 auto; }

  .brandsSlider .brand {
    width: 50px;
    height: 50px; }

  .sidebar.right {
    width: 100%;
    margin: 0;
    float: left; }

  .sidebar .widget, .sidebar .widget.grey {
    margin: 0 auto 20px;
    float: none;
    display: table; }

  .post .date ~ .contentWrapper, .postDetail .date ~ .contentWrapper, .postDetail .date ~ .contentWrapper {
    padding: 0 25px 0 62px; }

  .product .title {
    font-size: 18px;
    line-height: 22px; }

  .topBanner {
    width: 100%;
    margin-left: 0; }

  .mainContent .productContent {
    width: 100%;
    margin-top: 50px; }

  .productContent iframe {
    width: 90%;
    display: block;
    margin: 0 auto; }

  .productSidebar {
    float: none !important;
    margin: 0 auto !important; }

  .viewMoreBox .item {
    width: 47%;
    margin-right: 3% !important; }

  .pageMeta .breadcrumb {
    margin-left: 50px; }

  .offer {
    width: 90%;
    margin: 0 4.5% 50px; }

  .offer .featured {
    margin: 0 auto 12px;
    display: block;
    float: none;
    width: 286px; }

  .listing .post, .listing .postDetail {
    width: 47%; }

  .csscalc .filterHeader .filters {
    max-width: 100%; }

  .filterHeader .filters {
    width: 100% !important;
    margin-top: 20px; }

  .postGallery {
    width: 325px;
    height: 325px; }

  #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent, #colorbox img {
    width: 320px !important; }

  .tabularNav .item {
    font-size: 18px; }

  .errorBox .errorImg img {
    max-width: 100%;
    height: auto; }

  .errorBox .errorCode {
    margin-left: 0; } }
@media only screen and (max-width: 480px) {
  .topSlider .slideItem {
    height: auto;
    min-height: 125px; }

  .topSlider .featured {
    width: 640px;
    margin-left: -320px; }

  .topSlider .featured img {
    width: 100%;
    height: auto; }

  .topSlider .wrapper {
    height: 125px; }

  .topSlider .contentWrapper {
    width: 200px;
    font-size: 11px;
    padding-left: 10px;
    height: 150px; }

  .topSlider .title {
    font-size: 13px; }

  .topSlider .contentWrapper .content {
    display: none; }

  .topSlider .button {
    display: none; }

  .topSlider .owl-dots {
    bottom: 5px; }

  .borderTitle {
    font-size: 22px !important; }

  .banner a {
    width: 100%; }

  .footerAccents table {
    width: 90%; }

  .product {
    width: 90%;
    margin-right: 0 !important;
    padding: 0 5%; }

  .intro {
    width: 100%; }

  .intro:before {
    border: none; }

  .youtubeBanner {
    width: 100%; }

  .listing .post, .listing .postDetail {
    float: none;
    margin: 0 auto 30px;
    width: 100%; }

  .inlineForm label {
    width: 100%;
    display: block;
    height: 30px;
    text-align: left; }

  .inlineForm .formItem input, .formItem textarea {
    width: 100% !important; }

  .inlineForm .captchaWrapper {
    width: auto; }

  .inlineForm .buttonSet {
    float: none;
    margin: 0 auto;
    clear: both; }

  .formItem.small input, .formItem.small select, .formItem.small textarea {
    width: 100%; }

  .toTopButton {
    bottom: 85px; }

  .brandsFilter .filterContent {
    float: none;
    width: 290px;
    margin: 0 auto; }

  .smallWrapper .col2 img {
    max-width: 100%; }

  .tabularNav[data-items="2"] .item {
    width: 99%; }

  .productsPage .pageMeta {
    margin-bottom: 60px; }

  .floatingButton {
    position: absolute;
    top: 90px; }

  .mainContent .productContent {
    margin-top: 0; }

  .footerAccents {
    padding-bottom: 70px; }

  #footer {
    margin-top: 40px !important; }

  .captcha {
    width: 100%; }

  #rc-imageselect, .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }
@media only screen and (max-width: 380px) {
  #header .bottomBar {
    height: 60px !important; }

  #header .bottomBar .wrapper {
    height: 60px; }

  .menuHandle {
    top: 20px; }

  .logo .uvi-logo::before {
    width: 50px;
    height: 50px;
    left: 62%; }

  .uvi-logo {
    font-size: 20px;
    width: 80px;
    line-height: 67px;
    margin-left: 5px; }

  .logo .uvi-logo:after {
    width: 50px;
    height: 50px;
    left: 62%; }

  #main {
    margin-top: 94px; }

  .responsiveMenu {
    top: 94px;
    height: calc(100% - 94px); }

  .responsiveMenu ul li a {
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    float: none;
    margin: 0 auto;
    display: table; }

  .colorContainers {
    width: 90%;
    padding: 0px 5%;
    margin-left: 16px; }

  .colorContainer {
    margin-right: -5px; }

  .highlightContainer .intro ~ .summaryBox {
    width: 100%; }

  aside.productSidebar.right {
    width: 100%;
    float: left !important;
    margin-top: 30px !important; }

  .catalogsSlider {
    width: 100%; }

  .postGallery {
    width: 250px;
    height: 250px; }

  .viewMoreBox .item {
    width: 100%; }

  .brandsSlider .owl-carousel .owl-stage-outer {
    padding-left: 15px; }

  .latestNews .sliderWrapper .post, .latestNews .sliderWrapper .postDetail {
    width: 100%; }

  .inlineForm .checkItem {
    padding-left: 0; }

  .summaryBox th, .animCounter {
    font-size: 18px;
    line-height: 22px; }

  .summaryBox td {
    font-size: 12px; }

  .summaryBox tr:first-of-type td {
    vertical-align: middle; }

  .greyContainer .banner {
    margin-bottom: 20px; }

  .latestNews > .title {
    padding-left: 15px; }

  .post .date, .postDetail .date {
    left: 10px; }

  .youtubeBanner {
    margin-bottom: 20px; }

  .menuHandle {
    right: 8px; }

  .responsiveMenu ul li.hasChild .menuIcon, .responsiveMenu ul li.hasChild.open-click > .menuIcon {
    right: 7px; }

  .filterHeader .filter {
    font-size: 11px;
    margin: 5px 10px; }

  .filterHeader .filter::after {
    right: -15px; }

  .shareBox {
    margin-bottom: 0; }

  .pageTitle .borderTitle {
    font-size: 16px; }

  .formItem.small.error:after, .formItem.error:after {
    position: absolute;
    top: 60%;
    right: 10px;
    margin: 0; }

  .captchaBox.error:after {
    position: absolute;
    top: 75%;
    right: 25px; }

  .offersWrapper {
    margin-left: 0; }

  .offer {
    margin: 0 5% 50px; }

  .captcha {
    float: left;
    width: 240px; }

  .contactCol .g-recaptcha {
    margin-left: -25px; } }
@media only screen and (max-width: 320px) {
  .colorContainers {
    width: 100%;
    padding: 0;
    margin-left: 0;
    padding-left: 18px; }

  .colorContainer {
    margin-right: -11.5px; }

  .viewMoreBox .item {
    width: 100%;
    margin-right: 0 !important; }

  .filterHeader .filter {
    padding: 10px 0; }

  .filterHeader .filter:after {
    right: -9px; }

  .brandsFilter .filterContent {
    float: none;
    width: 125px;
    margin: 0 auto; }

  .content .defaultStyles {
    margin-left: -10px; }

  .offersWrapper {
    margin-left: -15px; } }