blockquote,
p {
  margin: 0 0 20px
}

dt {
  font-weight: 400
}

hr {
  position: relative;
  margin: 20px auto;
  max-width: 100%;
  border: none;
  height: 1px;
  background: #c6cfd4
}

.skin-inverse hr {
  background: hsla(0, 0%, 100%, .5)
}

hr.with-tongue:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -20px;
  margin-left: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f4f5f4;
  border-top-color: inherit
}

hr.skin-thick {
  background: #008ba0;
  color: #008ba0;
  height: 6px
}

hr.skin-teal {
  background: #008193;
  color: #008193
}

hr.skin-blue {
  background: #00508c;
  color: #00508c
}

hr.skin-green {
  background: #8dc63f;
  color: #8dc63f
}

hr.skin-gray-blue {
  background: #424d56;
  color: #424d56
}

hr.skin-crimson {
  background: #c60651;
  color: #c60651
}

hr.skin-teal-heavy {
  background: #004b55;
  color: #004b55
}

hr.skin-gray-light {
  background: #ebecea;
  color: #ebecea
}

hr.skin-yellow {
  background: #f8b323;
  color: #f8b323
}

hr.skin-transparent {
  background: transparent;
  color: transparent
}

hr.skin-black {
  background: #181c20;
  color: #181c20
}

.fs-deco,
.h1,
.h1.h2,
.h1.h3,
.h1.h4,
.h1.h5,
.h1.h6,
.h2,
.h2.h3,
.h2.h4,
.h2.h5,
.h2.h6,
.h3,
.h3.h4,
.h3.h5,
.h3.h6,
.h4,
.h4.h5,
.h4.h6,
.h5,
.h5.h6,
.h6,
.product-card .claim,
.product-teaser .description,
blockquote,
blockquote.h1,
blockquote.h2,
blockquote.h3,
blockquote.h4,
blockquote.h5,
blockquote.h6,
h1,
h1.h2,
h1.h3,
h1.h4,
h1.h5,
h1.h6,
h2,
h2.h1,
h2.h3,
h2.h4,
h2.h5,
h2.h6,
h3,
h3.h1,
h3.h2,
h3.h4,
h3.h5,
h3.h6,
h4,
h4.h1,
h4.h2,
h4.h3,
h4.h5,
h4.h6,
h5,
h5.h1,
h5.h2,
h5.h3,
h5.h4,
h5.h6,
h6,
h6.h1,
h6.h2,
h6.h3,
h6.h4,
h6.h5,
p.h1,
p.h2,
p.h3,
p.h4,
p.h5,
p.h6 {
  font-family: Fedra, Tahoma, sans-serif;
  font-weight: lighter
}

.fs-deco:lang(az-AZ),
.fs-deco:lang(kk-KZ),
.fs-deco:lang(tr-AZ),
.fs-deco:lang(tr-TR),
.fs-deco:lang(vi-VN),
.h1.h2:lang(az-AZ),
.h1.h2:lang(kk-KZ),
.h1.h2:lang(tr-AZ),
.h1.h2:lang(tr-TR),
.h1.h2:lang(vi-VN),
.h1.h3:lang(az-AZ),
.h1.h3:lang(kk-KZ),
.h1.h3:lang(tr-AZ),
.h1.h3:lang(tr-TR),
.h1.h3:lang(vi-VN),
.h1.h4:lang(az-AZ),
.h1.h4:lang(kk-KZ),
.h1.h4:lang(tr-AZ),
.h1.h4:lang(tr-TR),
.h1.h4:lang(vi-VN),
.h1.h5:lang(az-AZ),
.h1.h5:lang(kk-KZ),
.h1.h5:lang(tr-AZ),
.h1.h5:lang(tr-TR),
.h1.h5:lang(vi-VN),
.h1.h6:lang(az-AZ),
.h1.h6:lang(kk-KZ),
.h1.h6:lang(tr-AZ),
.h1.h6:lang(tr-TR),
.h1.h6:lang(vi-VN),
.h1:lang(az-AZ),
.h1:lang(kk-KZ),
.h1:lang(tr-AZ),
.h1:lang(tr-TR),
.h1:lang(vi-VN),
.h2.h3:lang(az-AZ),
.h2.h3:lang(kk-KZ),
.h2.h3:lang(tr-AZ),
.h2.h3:lang(tr-TR),
.h2.h3:lang(vi-VN),
.h2.h4:lang(az-AZ),
.h2.h4:lang(kk-KZ),
.h2.h4:lang(tr-AZ),
.h2.h4:lang(tr-TR),
.h2.h4:lang(vi-VN),
.h2.h5:lang(az-AZ),
.h2.h5:lang(kk-KZ),
.h2.h5:lang(tr-AZ),
.h2.h5:lang(tr-TR),
.h2.h5:lang(vi-VN),
.h2.h6:lang(az-AZ),
.h2.h6:lang(kk-KZ),
.h2.h6:lang(tr-AZ),
.h2.h6:lang(tr-TR),
.h2.h6:lang(vi-VN),
.h2:lang(az-AZ),
.h2:lang(kk-KZ),
.h2:lang(tr-AZ),
.h2:lang(tr-TR),
.h2:lang(vi-VN),
.h3.h4:lang(az-AZ),
.h3.h4:lang(kk-KZ),
.h3.h4:lang(tr-AZ),
.h3.h4:lang(tr-TR),
.h3.h4:lang(vi-VN),
.h3.h5:lang(az-AZ),
.h3.h5:lang(kk-KZ),
.h3.h5:lang(tr-AZ),
.h3.h5:lang(tr-TR),
.h3.h5:lang(vi-VN),
.h3.h6:lang(az-AZ),
.h3.h6:lang(kk-KZ),
.h3.h6:lang(tr-AZ),
.h3.h6:lang(tr-TR),
.h3.h6:lang(vi-VN),
.h3:lang(az-AZ),
.h3:lang(kk-KZ),
.h3:lang(tr-AZ),
.h3:lang(tr-TR),
.h3:lang(vi-VN),
.h4.h5:lang(az-AZ),
.h4.h5:lang(kk-KZ),
.h4.h5:lang(tr-AZ),
.h4.h5:lang(tr-TR),
.h4.h5:lang(vi-VN),
.h4.h6:lang(az-AZ),
.h4.h6:lang(kk-KZ),
.h4.h6:lang(tr-AZ),
.h4.h6:lang(tr-TR),
.h4.h6:lang(vi-VN),
.h4:lang(az-AZ),
.h4:lang(kk-KZ),
.h4:lang(tr-AZ),
.h4:lang(tr-TR),
.h4:lang(vi-VN),
.h5.h6:lang(az-AZ),
.h5.h6:lang(kk-KZ),
.h5.h6:lang(tr-AZ),
.h5.h6:lang(tr-TR),
.h5.h6:lang(vi-VN),
.h5:lang(az-AZ),
.h5:lang(kk-KZ),
.h5:lang(tr-AZ),
.h5:lang(tr-TR),
.h5:lang(vi-VN),
.h6:lang(az-AZ),
.h6:lang(kk-KZ),
.h6:lang(tr-AZ),
.h6:lang(tr-TR),
.h6:lang(vi-VN),
.product-card .claim:lang(az-AZ),
.product-card .claim:lang(kk-KZ),
.product-card .claim:lang(tr-AZ),
.product-card .claim:lang(tr-TR),
.product-card .claim:lang(vi-VN),
.product-teaser .description:lang(az-AZ),
.product-teaser .description:lang(kk-KZ),
.product-teaser .description:lang(tr-AZ),
.product-teaser .description:lang(tr-TR),
.product-teaser .description:lang(vi-VN),
blockquote:lang(az-AZ),
blockquote:lang(kk-KZ),
blockquote:lang(tr-AZ),
blockquote:lang(tr-TR),
blockquote:lang(vi-VN),
h1:lang(az-AZ),
h1:lang(kk-KZ),
h1:lang(tr-AZ),
h1:lang(tr-TR),
h1:lang(vi-VN),
h2:lang(az-AZ),
h2:lang(kk-KZ),
h2:lang(tr-AZ),
h2:lang(tr-TR),
h2:lang(vi-VN),
h3:lang(az-AZ),
h3:lang(kk-KZ),
h3:lang(tr-AZ),
h3:lang(tr-TR),
h3:lang(vi-VN),
h4:lang(az-AZ),
h4:lang(kk-KZ),
h4:lang(tr-AZ),
h4:lang(tr-TR),
h4:lang(vi-VN),
h5:lang(az-AZ),
h5:lang(kk-KZ),
h5:lang(tr-AZ),
h5:lang(tr-TR),
h5:lang(vi-VN),
h6:lang(az-AZ),
h6:lang(kk-KZ),
h6:lang(tr-AZ),
h6:lang(tr-TR),
h6:lang(vi-VN) {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.fs-deco:lang(he),
.fs-deco:lang(he-il),
.h1.h2:lang(he),
.h1.h2:lang(he-il),
.h1.h3:lang(he),
.h1.h3:lang(he-il),
.h1.h4:lang(he),
.h1.h4:lang(he-il),
.h1.h5:lang(he),
.h1.h5:lang(he-il),
.h1.h6:lang(he),
.h1.h6:lang(he-il),
.h1:lang(he),
.h1:lang(he-il),
.h2.h3:lang(he),
.h2.h3:lang(he-il),
.h2.h4:lang(he),
.h2.h4:lang(he-il),
.h2.h5:lang(he),
.h2.h5:lang(he-il),
.h2.h6:lang(he),
.h2.h6:lang(he-il),
.h2:lang(he),
.h2:lang(he-il),
.h3.h4:lang(he),
.h3.h4:lang(he-il),
.h3.h5:lang(he),
.h3.h5:lang(he-il),
.h3.h6:lang(he),
.h3.h6:lang(he-il),
.h3:lang(he),
.h3:lang(he-il),
.h4.h5:lang(he),
.h4.h5:lang(he-il),
.h4.h6:lang(he),
.h4.h6:lang(he-il),
.h4:lang(he),
.h4:lang(he-il),
.h5.h6:lang(he),
.h5.h6:lang(he-il),
.h5:lang(he),
.h5:lang(he-il),
.h6:lang(he),
.h6:lang(he-il),
.product-card .claim:lang(he),
.product-card .claim:lang(he-il),
.product-teaser .description:lang(he),
.product-teaser .description:lang(he-il),
blockquote:lang(he),
blockquote:lang(he-il),
h1:lang(he),
h1:lang(he-il),
h2:lang(he),
h2:lang(he-il),
h3:lang(he),
h3:lang(he-il),
h4:lang(he),
h4:lang(he-il),
h5:lang(he),
h5:lang(he-il),
h6:lang(he),
h6:lang(he-il) {
  font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.fs-deco-jp-normal,
.h2.h1:lang(jp),
.h2.h3:lang(jp),
.h2.h4:lang(jp),
.h2.h5:lang(jp),
.h2.h6:lang(jp),
.h2:lang(jp),
.product-card .h2.claim:lang(jp),
.product-teaser .description:lang(jp),
h2:lang(jp) {
  font-family: Fedra, "\65B0\30B4   L", sans-serif
}

.fs-deco-jp-light,
.h2.h3:lang(jp),
.h2.h4:lang(jp),
.h2.h5:lang(jp),
.h2.h6:lang(jp),
.h3.h1:lang(jp),
.h3.h4:lang(jp),
.h3.h5:lang(jp),
.h3.h6:lang(jp),
.h3:lang(jp),
.h4.h1:lang(jp),
.h4.h5:lang(jp),
.h4.h6:lang(jp),
.h4:lang(jp),
.h5.h1:lang(jp),
.h5.h6:lang(jp),
.h5:lang(jp),
.h6.h1:lang(jp),
.h6:lang(jp),
.product-card .h3.claim:lang(jp),
.product-card .h4.claim:lang(jp),
.product-card .h5.claim:lang(jp),
.product-card .h6.claim:lang(jp),
h3:lang(jp),
h4:lang(jp),
h5:lang(jp),
h6:lang(jp) {
  font-family: Fedra, "\65B0\30B4   EL", sans-serif
}

.fs-deco-jp-bold,
.h1:lang(jp),
.h2.h1:lang(jp),
.h3.h1:lang(jp),
.h4.h1:lang(jp),
.h5.h1:lang(jp),
.h6.h1:lang(jp),
.product-card .claim:lang(jp),
b:lang(jp),
h1:lang(jp),
strong:lang(jp) {
  font-family: Fedra, "\65B0\30B4   M", sans-serif
}

.fs-deco-small,
.ppc-selection .display,
.ppc-selection .selectpicker {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400
}

.fs-deco-small:lang(he),
.fs-deco-small:lang(he-il),
.ppc-selection .display:lang(he),
.ppc-selection .display:lang(he-il),
.ppc-selection .selectpicker:lang(he),
.ppc-selection .selectpicker:lang(he-il) {
  font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.txt-iconized {
  padding-left: 75px;
  position: relative
}

.txt-iconized,
.txt-iconized .txt {
  overflow: hidden
}

.txt-iconized .icon {
  font-size: 60px;
  float: left;
  margin: 0 15px 15px -75px
}

.hero-title {
  font-size: 55px;
  line-height: 1.11111em
}

.h-section-title,
.review-quote .title,
.section-title,
.testimonial-quote .title {
  font-size: 45px;
  line-height: 1.11111em;
  text-align: center
}

.h-underlined {
  font-size: 24px;
  line-height: 1.16667em;
  padding: 5px 0 10px;
  border-bottom: 1px solid #c6cfd4
}

.skin-inverse .h-underlined {
  border-color: hsla(0, 0%, 100%, .5)
}

.link,
.link-normal,
.section.skin-default a:not([class*=btn]),
a {
  color: #008193
}


.link-normal:active,
.section.skin-default a:active:not([class*=btn]),
a:active {
  color: #02b9c7
}

.box.skin-inverse a:not([class*=btn]),
.box:hover.hover-inverse .box-content a:not([class*=btn]),
.link-teal,
.section.skin-inverse a:not([class*=btn]) {
  color: #6ff1f1
}

.box.skin-inverse a:active:not([class*=btn]),
.box:hover.hover-inverse .box-content a:active:not([class*=btn]),
.link-teal:active,
.section.skin-inverse a:active:not([class*=btn]) {
  color: #9df6f6
}

.link-inverse {
  color: #96dade
}

.link-inverse:active {
  color: #39dfe8
}

.link-yellow {
  color: #f8b323
}

.link-yellow:active {
  color: #ffc000
}

.bold {
  font-weight: 700
}

.align-center,
.box-title,
.csc-header-alignment-center,
.ppc-section,
.product-card .cta-message,
.product-card .form-label,
.product-card .product-price {
  text-align: center
}

.align-left {
  text-align: left
}

.align-right,
.product-card .product-cta-area {
  text-align: right
}

.align-justify {
  text-align: justify
}

.review-quote .quote,
.testimonial-quote .quote,
.txt-medium {
  font-size: 24px;
  line-height: 1.16667em
}

.txt-large {
  font-size: 26px;
  line-height: 1.46154em
}

blockquote {
  font-size: 0;
  quotes: "\201C" "\201D" "\2018" "\2019"
}

blockquote:after,
blockquote:before {
  display: inline-block;
  font-size: 35px;
  font-weight: 700
}

blockquote:before {
  content: open-quote;
  padding-right: 8px
}

blockquote:after {
  content: close-quote;
  padding-left: 8px
}

blockquote>p {
  display: inline;
  font-size: 26px;
  line-height: 1.46154em
}

.quote-author {
  /*! add important comment to make RTE working with this style */
}

.quote-author:before {
  content: "\2013";
  padding-right: 6px;
  display: inline-block
}

.alert {
  display: inherit
}

.description {
  font-size: 15px;
  line-height: 1.33333em
}

@media (max-width:767px) {
  .hero-title {
    font-size: 30px;
    line-height: 1.11111em
  }

  .h-section-title,
  .review-quote .title,
  .section-title,
  .testimonial-quote .title {
    font-size: 24px;
    line-height: 1.16667em
  }

  .review-quote .quote,
  .testimonial-quote .quote,
  .txt-medium {
    font-size: 17px
  }

  .txt-large {
    font-size: 20px
  }
}

.list-checkmark,
.list-clean,
.list-counter,
.list-dotmark,
.product-download .changelog ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: inline-block
}

.list-checkmark>li,
.list-clean>li,
.list-counter>li,
.list-dotmark>li,
.product-download .changelog ul>li {
  display: block;
  padding: 3px 0 6px 25px;
  position: relative
}

.product-download .changelog [dir=rtl] ul>li,
[dir=rtl] .list-checkmark>li,
[dir=rtl] .list-clean>li,
[dir=rtl] .list-counter>li,
[dir=rtl] .list-dotmark>li,
[dir=rtl] .product-download .changelog ul>li {
  padding-left: 0;
  padding-right: 25px
}

.list-checkmark>li.nested-list-wrapper:before,
.list-clean>li.nested-list-wrapper:before,
.list-counter>li.nested-list-wrapper:before,
.list-dotmark>li.nested-list-wrapper:before,
.product-download .changelog ul>li.nested-list-wrapper:before {
  display: none
}

.list-checkmark>li:before,
.list-clean>li:before,
.list-counter>li:before,
.list-dotmark>li:before,
.product-download .changelog ul>li:before {
  position: absolute;
  left: 0;
  right: auto
}

.product-download .changelog [dir=rtl] ul>li:before,
[dir=rtl] .list-checkmark>li:before,
[dir=rtl] .list-clean>li:before,
[dir=rtl] .list-counter>li:before,
[dir=rtl] .list-dotmark>li:before,
[dir=rtl] .product-download .changelog ul>li:before {
  right: 0;
  left: auto
}

.list-checkmark>li ol,
.list-checkmark>li ul,
.list-clean>li ol,
.list-clean>li ul,
.list-counter>li ol,
.list-counter>li ul,
.list-dotmark>li ol,
.list-dotmark>li ul,
.product-download .changelog ul>li ol,
.product-download .changelog ul>li ul {
  border-top: 0;
  margin: -3px 0 -6px
}

.list-checkmark>li ol li:last-child,
.list-checkmark>li ul li:last-child,
.list-clean>li ol li:last-child,
.list-clean>li ul li:last-child,
.list-counter>li ol li:last-child,
.list-counter>li ul li:last-child,
.list-dotmark>li ol li:last-child,
.list-dotmark>li ul li:last-child,
.product-download .changelog ul>li ol li:last-child,
.product-download .changelog ul>li ul li:last-child {
  border-bottom: 0
}

.list-skin-green {
  /*! add important comment to make RTE working with lists */
}

.list-skin-green>li:before {
  content: "";
  display: block;
  position: absolute;
  color: #8dc63f !important
}

.list-skin-white {
  /*! add important comment to make RTE working with lists */
}

.list-skin-white>li:before {
  content: "";
  display: block;
  position: absolute;
  color: #fff !important
}

.list-skin-gray-light {
  /*! add important comment to make RTE working with lists */
}

.list-skin-gray-light>li:before {
  content: "";
  display: block;
  position: absolute;
  color: #dbdedb !important
}

.list-skin-gray-blue {
  /*! add important comment to make RTE working with lists */
}

.list-skin-gray-blue>li:before {
  content: "";
  display: block;
  position: absolute;
  color: #424d56 !important
}

.list-skin-green.list-dotmark>li:before,
.product-download .changelog ul.list-skin-green>li:before {
  background: #8dc63f !important
}

.list-skin-white.list-dotmark>li:before,
.product-download .changelog ul.list-skin-white>li:before {
  background: #fff !important
}

.list-skin-gray-light.list-dotmark>li:before,
.product-download .changelog ul.list-skin-gray-light>li:before {
  background: #dbdedb !important
}

.list-skin-gray-blue.list-dotmark>li:before,
.product-download .changelog ul.list-skin-gray-blue>li:before {
  background: #424d56 !important
}

.list-separated {
  border-top: 1px solid #c6cfd4;
  width: 100%
}

.list-separated>li {
  border-bottom: 1px solid #c6cfd4
}

.skin-inverse .list-separated>li {
  border-color: hsla(0, 0%, 100%, .5)
}

.list-clean>li {
  padding-left: 0
}

[dir=rtl] .list-clean>li {
  padding-right: 0
}

.list-dotmark>li:before,
.product-download .changelog ul>li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 11px;
  background: #dbdedb
}

.list-checkmark>li:before {
  content: "\F11B";
  color: #8dc63f;
  top: 8px
}

.list-checkmark>li.x-mark {
  color: #949495;
  opacity: 1 !important
}

.list-checkmark>li.x-mark:before {
  color: #d90b00 !important;
  opacity: .4;
  content: "\2716"
}

.list-counter>li:before {
  content: "";
  display: block;
  position: absolute;
  content: counter(listNumbering);
  font-size: 1.1em;
  top: 3px;
  font-weight: 700
}

.element-browser-body {
  overflow: auto
}

img {
  margin: 0 0 15px
}

img[data-remote] {
  display: none
}

@media (min-width:768px) {
  .in-text-left {
    float: left;
    margin: .3em 40px 30px 0
  }

  [dir=rtl] .in-text-left {
    float: right;
    margin-left: 40px;
    margin-right: 0
  }

  .in-text-right {
    float: right;
    margin: .3em 0 30px 40px
  }

  [dir=rtl] .in-text-right {
    float: left;
    margin-left: 0;
    margin-right: 40px
  }
}

.responsive-embed {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 20px
}

.ie10 .swiper-slide .responsive-embed {
  visibility: hidden
}

.ie10 .swiper-slide-active .responsive-embed {
  visibility: visible
}

.responsive-embed>.object,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0
}

.responsive-embed.embed-responsive-4by3 .player-wrapper {
  padding-bottom: 75%
}

.responsive-embed .player-wrapper {
  padding: 0 0 56.25%
}

.responsive-embed .poster-wrapper-youtube {
  pointer-events: none
}

.responsive-embed .poster-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #222
}

.responsive-embed .poster-wrapper:hover {
  cursor: pointer
}

.responsive-embed .poster-wrapper:hover .poster {
  opacity: .75
}

.responsive-embed .poster {
  position: absolute;
  width: 100.5%;
  height: 100%;
  background-position: 50%
}

.responsive-embed .poster img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.responsive-embed.skin-shadow {
  -webkit-box-shadow: 0 30px 50px 0 rgba(24, 28, 32, .2);
  -moz-box-shadow: 0 30px 50px 0 rgba(24, 28, 32, .2);
  box-shadow: 0 30px 50px 0 rgba(24, 28, 32, .2)
}

.lightbox {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.lightbox img {
  margin: 0
}

.lightbox.expand:before {
  content: "\F12E";
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 48px;
  color: #181c20;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

[dir=rtl] .lightbox.expand:before {
  right: auto;
  left: 20px
}

.media {
  position: relative;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 300
}

.media .caption {
  color: #424d56;
  font-style: italic
}

.media-video {
  background-color: #222
}

.media-video img {
  margin: 0 !important;
  vertical-align: top
}

.media-video:hover img {
  opacity: .75
}

.media-video:active .action {
  -webkit-transform: scale(.96);
  -moz-transform: scale(.96);
  -ms-transform: scale(.96);
  -o-transform: scale(.96);
  transform: scale(.96)
}

.media-video .action {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border: 5px solid #fff;
  background: rgba(24, 28, 32, .5) 50%;
  border-radius: 60px;
  font-size: 20px;
  color: #fff
}

.media-video .action.loading {
  background-size: 18px
}

.media-video .action.loading .icon {
  opacity: 0
}

.media-video .icon {
  position: absolute;
  left: 50%;
  margin-left: -.35em;
  top: 10px
}

.media-video .icon:before {
  content: "\F15E"
}

.media.skin-icon {
  color: #fff !important;
  background: #949495 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.media.skin-icon .icon {
  font-size: 2.2em;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -.5em 0 0
}

.media.skin-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
  background: rgba(0, 139, 160, .5)
}

.media.skin-icon:hover:before {
  background-color: rgba(0, 139, 160, .2)
}

.ce-align-left {
  text-align: left
}

.ce-align-center {
  text-align: center
}

.ce-align-right {
  text-align: right
}

.ce-column,
.ce-left>.ce-gallery {
  float: left;
  margin-right: 15px
}

[dir=rtl] .ce-column,
[dir=rtl] .ce-left>.ce-gallery {
  float: right;
  margin-right: auto;
  margin-left: 15px
}

.ce-right .ce-gallery {
  float: right;
  margin-left: 15px
}

[dir=rtl] .ce-right .ce-gallery {
  float: left;
  margin-left: auto;
  margin-right: 15px
}

@media screen and (min-width:990px) {
  .ce-right .ce-gallery {
    margin-left: 15px
  }

  .ce-left .ce-gallery {
    margin-right: 15px
  }
}

.ce-above .ce-bodytext {
  clear: both
}

.ce-image .caption,
.ce-image .image-caption,
.ce-textpic .caption,
.ce-textpic .image-caption {
  color: #424d56;
  display: block;
  font-style: italic;
  text-align: center;
  margin-bottom: 15px
}

.ce-image a,
.ce-textpic a {
  position: relative
}

.ce-image img,
.ce-textpic img {
  max-width: 100%;
  box-sizing: content-box
}

.ce-left>a,
.ce-left>picture,
.ce-left figure {
  float: left;
  margin-right: 15px
}

[dir=rtl] .ce-left>a,
[dir=rtl] .ce-left>picture,
[dir=rtl] .ce-left figure {
  float: right;
  margin-right: auto;
  margin-left: 15px
}

.ce-center {
  text-align: center
}

.ce-right>a,
.ce-right>picture,
.ce-right figure {
  float: right;
  margin-left: 15px
}

[dir=rtl] .ce-right>a,
[dir=rtl] .ce-right>picture,
[dir=rtl] .ce-right figure {
  float: left;
  margin-right: 15px;
  margin-left: auto
}

.ce-table td,
.ce-table th {
  vertical-align: top
}

.ce-gallery,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-row,
.ce-textpic,
.ce-uploads div,
.ce-uploads li {
  overflow: hidden
}

.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%
}

.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%
}

.counter[data-module] {
  font-family: Fedra, Tahoma, sans-serif
}

.animated-counter {
  font-size: 30px;
  font-weight: 700;
  line-height: .75;
  margin-bottom: 0
}

.counter-description {
  font-size: .5em;
  margin-bottom: 0;
  font-weight: 400
}

.number {
  font-size: 24px;
  font-weight: 700
}

.counter {
  font-size: 15px;
  margin-bottom: 0
}

[data-module] {
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out false;
  -o-transition: opacity .5s ease-out false;
  transition: opacity .5s ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.js [data-module].is-initialising,
.js [data-module]:not([data-initialized]) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.js [data-module].is-initialised,
.js [data-module] [data-initialized] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.ico {
  background-repeat: no-repeat;
  border: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

.faded-black .card-top:before,
.faded-black:before,
.faded-blue-dark-muted .card-top:before,
.faded-blue-dark-muted:before,
.faded-blue .card-top:before,
.faded-blue:before,
.faded-gray-blue .card-top:before,
.faded-gray-blue:before,
.faded-gray-lighter .card-top:before,
.faded-gray-lighter:before,
.faded-gray .card-top:before,
.faded-gray:before,
.faded-teal-bright .card-top:before,
.faded-teal-bright:before,
.faded-teal-dark .card-top:before,
.faded-teal-dark:before,
.faded-teal-heavy .card-top:before,
.faded-teal-heavy:before,
.faded-teal .card-top:before,
.faded-teal:before,
.faded-white .card-top:before,
.faded-white:before,
.gradient-blue-light-to-gray-mid:before,
.gradient-teal-heavy-to-teal-mid:before,
.gradient-teal-mid-to-blue-light-muted:before,
.gradient-teal-mid-to-teal-lighter:before,
.product-download.loading:after,
.product-download.loading:before,
.section-video,
.sfc input,
.slidebox .trigger,
.vjs-poster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.bs-select-control,
.btn,
.flyout-cart .remove,
.flyout-cart a.btn-goto-cart,
.flyout .toggle,
.form-label,
.form-search-mini .submit,
.mobile-toggle,
.nav,
.product-download .changelog-toggle,
.product-download .js-goto,
.rangeified-ui,
.scroll-to,
.sidebar-close,
.slidebox .trigger .txt,
.swiper-button,
.swiper-pagination,
.transcript .trans_head,
.video-js,
[class*=btn-],
label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.btn[disabled],
.disabled,
.disabled.btn,
.disabled[class*=btn-],
.flyout-cart a.btn-goto-cart[disabled],
.flyout-cart a.disabled.btn-goto-cart,
.flyout-cart a.inactive.btn-goto-cart,
.flyout-cart a.loading.btn-goto-cart,
.flyout-cart fieldset[disabled] a.btn-goto-cart,
.form-label *,
.global-loader,
.inactive.btn,
.inactive[class*=btn-],
.is-disabled,
.loading.btn,
.loading[class*=btn-],
.media-video .action.loading,
.product-download .form-group.superfluous,
.ribbon,
.ribbon-short,
.section.skin-tongue:after,
.state-cart-request-pending [data-js-buy],
.state-cart-request-pending a,
[disabled][class*=btn-],
fieldset[disabled] .btn,
fieldset[disabled] .flyout-cart a.btn-goto-cart,
fieldset[disabled] [class*=btn-],
label * {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none
}

.customer-quote .sign,
.list-dotmark>li:before,
.nav-social-profiles .icon,
.nav-social-profiles .icon:before,
.nav-social-profiles a,
.product-download .changelog ul>li:before,
.rangeified-ui .knob,
.scroll-to,
.sfc-radio .knob,
.sfc-radio .knob:before,
.slidebox .trigger .icon,
.swiper-pagination-bullet i,
.swiper-pagination-bullet i:after,
.tooltip:before,
.vjs-big-play-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.ribbon span {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.article-categories,
.article-list,
.article-list-related,
.article-list .links,
.article-list .tags,
.browse,
.collapsible,
.flyout-cart .cart-items,
.list-arrowed,
.list-autocomplete .links,
.list-facets,
.list-finder-results,
.list-iconized,
.list-product-download,
.list-related-links,
.nav,
.nav-breadcrumbs,
.nav-main,
.nav-meta-footer,
.nav-secondary,
.nav-social-profiles,
.nav-splitted,
.nav-sub ul,
.panes,
.parsley-errors-list,
.quick-help-links,
.tabs.skin-gallery>.nav,
.tabs.skin-underlined>.nav {
  margin: 0;
  padding: 0;
  list-style: none
}

.article-categories li,
.article-list-related li,
.article-list .links li,
.article-list .tags li,
.article-list li,
.browse li,
.collapsible li,
.flyout-cart .cart-items li,
.list-arrowed li,
.list-autocomplete .links li,
.list-facets li,
.list-finder-results li,
.list-iconized li,
.list-product-download li,
.list-related-links li,
.nav-breadcrumbs li,
.nav-main li,
.nav-meta-footer li,
.nav-secondary li,
.nav-social-profiles li,
.nav-splitted li,
.nav-sub ul li,
.nav li,
.panes li,
.parsley-errors-list li,
.quick-help-links li,
.tabs.skin-gallery>.nav li,
.tabs.skin-underlined>.nav li {
  margin-bottom: 0
}

.article-list .media:before,
.bubble,
.col,
.container,
.flyout-cart,
.footer-scroll-to-top-wrapper,
.form-group,
.form-product-facets-int,
.global-loader,
.header,
.main,
.main:before,
.media,
.nav-collapsible .content,
.nav-secondary .link,
.nav-sub .mobile-toggle,
.nav-tabs.skin-bar a:after,
.page,
.ppc-box,
.ppc-ribbon,
.product-card .ribbon-container,
.product-download .changelog,
.product-download .form-group,
.product-download .information,
.row,
.scroll-to,
.sfc-checkbox .knob:before,
.sfc-radio .knob:before,
.sidebar,
.slidebox.is-initialised,
.sneaky,
.sneaky .container,
.swiper-button,
.swiper-pagination-bullet i,
.swiper-pagination-bullet i:after,
.tabs.skin-gallery>.nav li span:before,
.vjs-control-bar {
  -webkit-transition: all false .3s;
  -webkit-transition-delay: .3s;
  -moz-transition: all .3s false .3s;
  -o-transition: all .3s false .3s;
  transition: all .3s .3s
}

.btn-listen:before,
.flyout .toggle:before,
.form-product-facets-int .facet-toggle:before,
.link-cart,
.media-video .action,
.media-video .icon,
.mobile-toggle:before,
.mobile-toggle span,
.nav-collapsible>li>a,
.nav-collapsible>li>a:before,
.nav-language>li>a,
.nav-sidebar a,
.nav-sub-content,
.no-csstransforms3d .case-study-card .info,
.product-listing .product-tile .ribbon,
.product-listing .product-tile .ribbon:after,
.product-listing .product-tile .ribbon:before,
.slidebox .trigger .icon:before,
.slider,
.tooltip,
.tooltip-content,
.vjs-big-play-button,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  -webkit-transition: all false .15s;
  -webkit-transition-delay: .3s;
  -moz-transition: all .15s false .3s;
  -o-transition: all .15s false .3s;
  transition: all .15s .3s
}

.case-study-card .content,
.media-video img,
.media.skin-icon:before,
.responsive-embed .poster,
.slider-wrap.skin-mode-coverflow .img-wrap img,
.transcript .trans_head:before,
.vjs-poster,
.vjs-progress-control,
.vjs-tech {
  -webkit-transition: all false .6s;
  -webkit-transition-delay: .3s;
  -moz-transition: all .6s false .3s;
  -o-transition: all .6s false .3s;
  transition: all .6s .3s
}

.nav-main .submenu,
.nav-main>li.with-submenu>a:after,
.nav-main>li>a,
.product-download .changelog-toggle:after,
.product-listing .alert,
.state-loading .product-listing .col.visible,
.tabs-submenu>.nav .activated-tab:before,
.tabs-submenu>.nav li>a:hover:before {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease false;
  -o-transition: all .4s ease false;
  transition: all .4s ease
}

.nav-secondary .link-language .bubble,
.product-card-dep .form-group,
.slider-wrap,
.state-resizing * {
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important false;
  -o-transition: all 0s !important false;
  transition: all 0s !important
}

.dropdown .flyout-cart .cart-body,
.nav-collapsible .content,
.product-download .changelog,
.sidebar,
.sidebar-content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.list-arrowed>li>a,
.nav-breadcrumbs>li>a,
.nav-secondary>li>a,
.nav>li>a,
.quick-help-links>li>a,
.tabs.skin-gallery>.nav>li>a {
  display: block;
  position: relative
}

.list-arrowed>li>span,
.nav-breadcrumbs>li>span,
.nav-secondary>li>span,
.nav>li>span,
.quick-help-links>li>span,
.tabs.skin-gallery>.nav>li>span {
  display: block
}

.nav-breadcrumbs>li,
.nav-secondary>li,
.tabs.skin-gallery>.nav>li {
  float: left;
  position: relative
}

[dir=rtl] .nav-breadcrumbs>li,
[dir=rtl] .nav-secondary>li,
[dir=rtl] .tabs.skin-gallery>.nav>li {
  float: right
}

.article-categories>li,
.article-list .links>li,
.article-list .tags>li,
.list-autocomplete .links>li,
.list-related-links>li,
.nav-main>li,
.nav-meta-footer>li,
.nav-social-profiles>li,
.nav-splitted>li,
.tabs.skin-underlined>.nav>li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  margin-right: -4px
}

.article-categories>li>a,
.article-list .links>li>a,
.article-list .tags>li>a,
.list-autocomplete .links>li>a,
.list-related-links>li>a,
.nav-main>li>a,
.nav-meta-footer>li>a,
.nav-social-profiles>li>a,
.nav-splitted>li>a,
.tabs.skin-underlined>.nav>li>a {
  display: block
}

.flyout-cart .cart-footer .subtotal {
  float: right;
  margin-left: 10px
}

.flyout-cart .cart-footer .btn-goto-cart {
  display: table-cell;
  vertical-align: top;
  width: 1000px;
  *width: auto
}

.main,
.page {
  position: relative;
  overflow: hidden
}

.alert:after,
.article-detail .article-footer:after,
.article-detail .article-header:after,
.article-list .item:after,
.browse:after,
.case-study-cards:after,
.col:after,
.container:after,
.form-group:after,
.list-arrowed:after,
.list-facets .facets:after,
.list-facets:after,
.main:after,
.nav-breadcrumbs:after,
.nav-card-links a:after,
.nav-secondary:after,
.nav:after,
.page:after,
.pane .content-wrapper:after,
.pane .content:after,
.pane:after,
.product-teaser:after,
.quick-help-links:after,
.rangeified-ui:after,
.row:after,
.section-group:after,
.slide:after,
.tabs.skin-gallery>.nav:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 1 0 100%;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%
}

.flexbox .flex,
.flexboxtweener .flex {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-flow: wrap;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.glued {
  position: fixed;
  z-index: 60;
  left: 0;
  right: 0
}

.glue-spacer {
  position: static;
  display: block;
  visibility: hidden
}

.pull-left {
  float: left
}

.pull-right {
  float: right
}

.clear-left {
  clear: left
}

.clear-right {
  clear: right
}

.clearfix {
  overflow: hidden;
  *zoom: 1
}

.navigation,
.pie-clearfix {
  *zoom: 1
}

.navigation:after,
.pie-clearfix:after {
  content: "";
  display: table;
  clear: both
}

.realign {
  position: relative
}

.buttonized-input-switch input,
.buttonized-input input,
.logo span,
.nav-breadcrumbs li:first-child a span,
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

#cboxTitle,
#cboxWrapper #cboxClose,
#cboxWrapper #cboxNext,
#cboxWrapper #cboxPrevious,
#cboxWrapper #offcanvasClose,
.add-to-sneaky .sneaky-only,
.audio-js .vjs-big-play-button,
.audio-js .vjs-fullscreen-control,
.browse-link .excerpt,
.compare-list .feature.unchecked,
.compare-list .information .description,
.compare-list .tooltip,
.compare-table .head .description,
.compare .skin-highlight .btn-secondary,
.desktop .hidden-on-desktop,
.hidden,
.hide,
.js .btn-content-browser-submit,
.jspCap,
.media-video .video-modal,
.nav-main-flat,
.nav-sidebar .icon,
.nav-social-profiles .name,
.nav-sub>li.more>a span:after,
.no-js .panel-trigger,
.no-js .slider .slide,
.os-android .hidden-to-android,
.os-linux .hidden-to-linux,
.os-osx .hidden-to-osx,
.os-win .hidden-to-win,
.os-x11 .hidden-to-x11,
.panel-trigger .collapse,
.panel.opened>.panel-title .expand,
.phone .hidden-on-phone,
.product-download .form-group.superfluous .caret,
.product-download.no-liveinstaller .js-goto[data-step*=liveinstaller],
.product-download.no-versions .js-goto[data-step*=version],
.product-download .step,
.product-download [class*=show-on-],
.rangeified-ui.is-disabled .knob,
.sidebar-content.is-inactive,
.sidebar-content.search .sidebar-hideable-content,
.sidebar-content.search .sidebar-searching.is-inactive,
.sidebar-content .sidebar-searching,
.skin-no-navigation .swiper-button,
.skin-no-pagination .swiper-pagination,
.slider-wrap.skin-mode-coverflow .swiper-button,
.slider.skin-hidden-interaction-elements .swiper-button,
.slider.skin-hidden-interaction-elements .swiper-pagination,
.state-shown-search-results .sidebar-hideable-content,
.tablet .hidden-on-tablet,
.tabs-submenu>.nav .with-subitems:before,
.tabs .pane>.title,
.tabs.skin-accordion>.nav,
.tabs.skin-bar .slider-wrap.skin-bar .swiper-pagination,
.vjs-captions-button,
.vjs-control-text,
.vjs-hidden,
.vjs-live-controls,
.vjs-live-display,
.vjs-playback-rate,
.vjs-remaining-time {
  display: none
}

.source-code-only {
  position: absolute;
  z-index: -1
}

.disabled {
  cursor: default
}

.bubble {
  color: #fff;
  background: #c60651 50% 50% no-repeat;
  min-width: 18px;
  min-height: 18px;
  max-width: 70%;
  font-size: 11px;
  text-align: center;
  line-height: 1.2em;
  padding: 3px 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.bubble.invisible {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.bubble.highlight {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
}

.bubble.loading {
  max-width: 20px;
  color: transparent
}

@media (min-width:768px) {
  .bubble {
    font-size: 13px;
    padding: 4px 6px 2px;
    min-width: 20px;
    min-height: 20px
  }
}

[class*=text-label] {
  padding: 0 7px;
  display: inline-block;
  font-size: 11px;
  background-color: #ebecea;
  line-height: 22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  top: -1px;
  letter-spacing: .03em;
  vertical-align: middle;
  margin: 0 2px;
  white-space: nowrap;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 22px
}

h1 [class*=text-label],
h2 [class*=text-label],
h3 [class*=text-label] {
  top: -2px
}

h1 [class*=text-label],
h2 [class*=text-label],
h3 [class*=text-label],
h4 [class*=text-label] {
  padding-top: 1px
}

[class*=text-label-small] {
  padding: 0 4px;
  line-height: 170%
}

.text-label-teal,
.text-label.win {
  background-color: #008ba0;
  color: #fff
}

.text-label-blue,
.text-label.osx {
  background-color: #00508c;
  color: #fff
}

.text-label-yellow,
.text-label.linux {
  background-color: #f8b323
}

.text-label-gray-blue {
  background-color: #424d56;
  color: #fff
}

.text-label.android {
  background-color: #8dc63f;
  color: #fff
}

.text-label-green {
  background-color: #428400;
  color: #fff
}

.text-label-sky-blue {
  background-color: #007cbf;
  color: #fff
}

.text-label-crimson {
  background-color: #c60651;
  color: #fff
}

.text-label-semi-transparent {
  background-color: rgba(201, 205, 208, .6);
  color: #424d56
}

.skin-inverse .text-label-semi-transparent {
  background-color: hsla(0, 0%, 100%, .6)
}

.mobile-toggle {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 71
}

.mobile-toggle span {
  position: relative;
  display: block
}

@keyframes ribbon-trans-in {
  0% {
    -webkit-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -moz-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -ms-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -o-transform: scale(1.3) translate3d(-5px, 5px, 0);
    transform: scale(1.3) translate3d(-5px, 5px, 0);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    opacity: 1
  }
}

@keyframes ribbon-trans-out {
  0% {
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    opacity: 1
  }

  to {
    -webkit-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -moz-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -ms-transform: scale(1.3) translate3d(-5px, 5px, 0);
    -o-transform: scale(1.3) translate3d(-5px, 5px, 0);
    transform: scale(1.3) translate3d(-5px, 5px, 0);
    opacity: 0
  }
}

.ribbon-short {
  font-weight: 700;
  display: block;
  position: absolute;
  right: 0;
  top: 50.5%
}

@media (min-width:768px) {
  .nav-main .ribbon-short {
    top: 53.5%
  }
}

.compare-table .ribbon-short {
  top: 56.5%
}

.compare-list .ribbon-short {
  top: 47%;
  right: -15px
}

.ribbon-short span {
  font-size: 26px;
  line-height: 1em;
  padding: 11px 10px;
  background: #f8b323;
  color: #424d56;
  text-align: center;
  text-transform: uppercase;
  display: block
}

.compare-table .ribbon-short span {
  font-size: 22px;
  line-height: 1em;
  padding: 9px 6px
}

@media (max-width:989px) {
  .ribbon-short span {
    font-size: 22px;
    line-height: 1em;
    padding: 9px 6px
  }
}

.ribbon {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  font-weight: 700;
  animation-duration: .24s;
  animation-timing-function: ease
}

.ribbon.trans-in {
  animation-name: ribbon-trans-in
}

.ribbon.trans-out {
  animation-duration: .12s;
  animation-name: ribbon-trans-out
}

.ribbon span {
  display: block;
  position: absolute;
  top: 40px;
  right: -50px;
  width: 225px;
  padding: 7px 30px;
  background: #f8b323;
  color: #181c20;
  text-align: center;
  text-transform: uppercase
}

.ribbon.skin-small {
  width: 100px;
  height: 100px;
  font-weight: 700
}

.ribbon.skin-small span {
  font-size: 13px;
  padding: 5px 15px;
  width: 150px;
  top: 25px;
  right: -35px
}

.ribbon.skin-large {
  width: 200px;
  height: 200px
}

.ribbon.skin-large span {
  font-size: 20px;
  padding: 10px 30px;
  width: 350px;
  top: 50px;
  right: -100px
}

@media (min-width:320px) {
  .hidden-from-xxs {
    display: none !important
  }

  .break-from-xxs {
    clear: left
  }
}

@media (max-width:319px) {
  .hidden-to-xxs {
    display: none !important
  }

  .break-to-xxs {
    clear: left
  }
}

@media (max-width:479px) {
  .hidden-from-to-xxs {
    display: none !important
  }

  .reverse-order-xxs .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-xxs .col:last-child {
    order: -1
  }
}

@media (min-width:480px) {
  .hidden-from-xs {
    display: none !important
  }

  .break-from-xs {
    clear: left
  }
}

@media (max-width:479px) {
  .hidden-to-xs {
    display: none !important
  }

  .break-to-xs {
    clear: left
  }
}

@media (min-width:480px) and (max-width:767px) {
  .hidden-from-to-xs {
    display: none !important
  }

  .reverse-order-xs .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-xs .col:last-child {
    order: -1
  }
}

@media (min-width:768px) {

  .compare-list,
  .form-product-facets-int .facet-toggle,
  .hidden-from-sm,
  .mobile-toggle {
    display: none !important
  }

  .break-from-sm {
    clear: left
  }
}

@media (max-width:767px) {

  .box .box-badge.skin-invisible,
  .compare-table,
  .hidden-to-sm,
  .nav-card-links,
  .nav-sub>li.more,
  .nav-sub br,
  .nav-tabs.skin-xs-accordion,
  .panel-trigger,
  .partner-tile .description,
  .product-card-dep .card-image,
  .product-card-dep .ribbon,
  .slidebox,
  .tabs.skin-xs-panes-hidden>.panes,
  .tooltip {
    display: none !important
  }

  .break-to-sm {
    clear: left
  }
}

@media (min-width:768px) and (max-width:989px) {
  .hidden-from-to-sm {
    display: none !important
  }

  .reverse-order-sm .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-sm .col:last-child {
    order: -1
  }
}

@media (min-width:990px) {

  .hidden-from-md,
  .nav-sitemap-footer .toggle {
    display: none !important
  }

  .break-from-md {
    clear: left
  }
}

@media (max-width:989px) {

  #cboxNext,
  #cboxPrevious,
  .hidden-to-md,
  .nav-sitemap-footer dt {
    display: none !important
  }

  .break-to-md {
    clear: left
  }
}

@media (min-width:990px) and (max-width:1199px) {
  .hidden-from-to-md {
    display: none !important
  }

  .reverse-order-md .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-md .col:last-child {
    order: -1
  }
}

@media (min-width:1200px) {
  .hidden-from-lg {
    display: none !important
  }

  .break-from-lg {
    clear: left
  }
}

@media (max-width:1199px) {

  .hidden-to-lg,
  .scroll-to.next-section {
    display: none !important
  }

  .break-to-lg {
    clear: left
  }
}

@media (min-width:1200px) and (max-width:1549px) {
  .hidden-from-to-lg {
    display: none !important
  }

  .reverse-order-lg .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-lg .col:last-child {
    order: -1
  }
}

@media (min-width:1550px) {
  .hidden-from-xl {
    display: none !important
  }

  .break-from-xl {
    clear: left
  }
}

@media (max-width:1549px) {
  .hidden-to-xl {
    display: none !important
  }

  .break-to-xl {
    clear: left
  }
}

@media (min-width:1550px) {
  .reverse-order-xl .col:first-child {
    -ms-flex-order: 1
  }

  .reverse-order-xl .col:last-child {
    order: -1
  }
}

.btn,
.flyout-cart a.btn-goto-cart,
[class*=btn-] {
  -webkit-transition: background-color false .15s, border false .15s, color false .15s, width false .15s, height false .15s;
  -webkit-transition-delay: .3s, .3s, .3s, .3s, .3s;
  -moz-transition: background-color .15s false .3s, border .15s false .3s, color .15s false .3s, width .15s false .3s, height .15s false .3s;
  -o-transition: background-color .15s false .3s, border .15s false .3s, color .15s false .3s, width .15s false .3s, height .15s false .3s;
  transition: background-color .15s .3s, border .15s .3s, color .15s .3s, width .15s .3s, height .15s .3s;
  font-size: 18px;
  line-height: 1.3em;
  text-decoration: none !important;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;
  padding: 10px 30px;
  margin: 5px 0;
  background-position: 50% 50%;
  background-color: #428400;
  background-repeat: no-repeat !important;
  border: 2px solid transparent;
  color: #fff;
  font-weight: 400 !important;
  min-width: 120px;
  max-width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.btn:focus,
.flyout-cart a.btn-goto-cart:focus,
:focus[class*=btn-] {
  outline: 0
}

.btn:active,
.btn:hover,
.flyout-cart a.btn-goto-cart:active,
.flyout-cart a.btn-goto-cart:hover,
.flyout-cart a.hover.btn-goto-cart,
.hover.btn,
.hover[class*=btn-],
:active[class*=btn-],
:hover[class*=btn-] {
  background-color: #026a0f;
  text-decoration: none;
  color: #fff
}

.btn[disabled],
.disabled.btn,
.disabled[class*=btn-],
.flyout-cart a.btn-goto-cart[disabled],
.flyout-cart a.disabled.btn-goto-cart,
.flyout-cart a.inactive.btn-goto-cart,
.flyout-cart fieldset[disabled] a.btn-goto-cart,
.inactive.btn,
.inactive[class*=btn-],
[disabled][class*=btn-],
fieldset[disabled] .btn,
fieldset[disabled] .flyout-cart a.btn-goto-cart,
fieldset[disabled] [class*=btn-] {
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: .65
}

.flyout-cart html a.loading.btn-goto-cart,
.flyout-cart html a.loading.btn-goto-cart:hover,
html .flyout-cart a.loading.btn-goto-cart,
html .flyout-cart a.loading.btn-goto-cart:hover,
html .loading.btn,
html .loading.btn:hover,
html .loading:hover[class*=btn-],
html .loading[class*=btn-] {
  color: transparent !important
}

.bs-select-control,
.flyout-cart .remove,
.form-search-mini .submit,
.scroll-to,
.sidebar-close {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0
}

.btn.max-width,
[class*=btn-].max-width {
  max-width: 230px
}

.btn.remove:after,
[class*=btn-].remove:after {
  content: "\F122";
  margin: -2px 0 0 8px
}

.skin-ppc-small .ppc-cta [class*=btn],
[class*=btn-][class*=-small] {
  font-size: 13px;
  padding: 8px 12px;
  line-height: 20px;
  letter-spacing: .017em
}

.skin-ppc-small .ppc-cta .max-width[class*=btn],
[class*=btn-][class*=-small].max-width {
  max-width: 200px
}

.ppc-cta [class*=btn],
[class*=btn-][class*=-md] {
  font-size: 15px;
  padding: 8px 20px;
  line-height: 23px
}

.compare [class*=btn],
.ppc-cta [class*=btn],
.product-tile [class*=btn],
[class*=btn-][class*=-block] {
  display: inline-block;
  width: 100%;
  max-width: 100% !important;
  padding-left: 10px;
  padding-right: 10px
}

.btn-try,
.flyout-cart a.inactive.btn-goto-cart,
.inactive.btn,
.inactive[class*=btn-],
.section.skin-default [class*=btn-][class*=-bordered],
.skin-inverse .flexible-compare-table a:active[class*=btn-][class*=-bordered],
.skin-inverse .flexible-compare-table a[class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered] {
  background-color: transparent;
  border: 2px solid #3b3b3b;
  color: #3b3b3b
}

.btn-try:hover,
.flyout-cart a.hover.inactive.btn-goto-cart,
.flyout-cart a.inactive.btn-goto-cart:hover,
.hover.btn-try,
.hover.inactive.btn,
.hover.inactive[class*=btn-],
.inactive.btn:hover,
.inactive:hover[class*=btn-],
.section.skin-default .hover[class*=btn-][class*=-bordered],
.section.skin-default :hover[class*=btn-][class*=-bordered],
.skin-inverse .flexible-compare-table a.hover[class*=btn-][class*=-bordered],
.skin-inverse .flexible-compare-table a:hover[class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered].hover,
[class*=btn-][class*=-bordered]:hover {
  background-color: #3b3b3b;
  color: #fff
}

.flyout-cart a.loading.inactive.btn-goto-cart,
.loading.btn-try,
.loading.inactive.btn,
.loading.inactive[class*=btn-],
.section.skin-default .loading[class*=btn-][class*=-bordered],
.skin-inverse .flexible-compare-table a.loading[class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered].loading {
  background-color: #3b3b3b !important
}

.box.skin-inverse [class*=btn-][class*=-bordered],
.nav-main .btn-sublink,
.product-card-dep [class*=btn-][class*=-bordered],
.product-card .product-cta-area .btn-bordered,
.section.skin-inverse [class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered-light] {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff
}

.box.skin-inverse .hover[class*=btn-][class*=-bordered],
.box.skin-inverse .loading[class*=btn-][class*=-bordered],
.box.skin-inverse :hover[class*=btn-][class*=-bordered],
.nav-main .btn-sublink:hover,
.nav-main .hover.btn-sublink,
.nav-main .loading.btn-sublink,
.product-card-dep .hover[class*=btn-][class*=-bordered],
.product-card-dep .loading[class*=btn-][class*=-bordered],
.product-card-dep :hover[class*=btn-][class*=-bordered],
.product-card .product-cta-area .btn-bordered:hover,
.product-card .product-cta-area .hover.btn-bordered,
.product-card .product-cta-area .loading.btn-bordered,
.section.skin-inverse .hover[class*=btn-][class*=-bordered],
.section.skin-inverse .loading[class*=btn-][class*=-bordered],
.section.skin-inverse :hover[class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered-light].hover,
[class*=btn-][class*=-bordered-light].loading,
[class*=btn-][class*=-bordered-light]:hover {
  background-color: #fff;
  border-color: #fff;
  color: #424d56
}

.box.skin-inverse .loading[class*=btn-][class*=-bordered],
.nav-main .loading.btn-sublink,
.product-card-dep .loading[class*=btn-][class*=-bordered],
.product-card .product-cta-area .loading.btn-bordered,
.section.skin-inverse .loading[class*=btn-][class*=-bordered],
[class*=btn-][class*=-bordered-light].loading {
  color: transparent !important
}

.buttonized-input .btn,
[class*=btn-][class*=-bordered-ci] {
  border-color: #ebecea;
  background-color: #f1f2f0 !important;
  color: #a6a5a5 !important
}

.buttonized-input .active.btn,
.buttonized-input .btn:hover,
.buttonized-input .hover.btn,
.buttonized-input input:checked+.btn,
[class*=btn-][class*=-bordered-ci].active,
[class*=btn-][class*=-bordered-ci].hover,
[class*=btn-][class*=-bordered-ci]:hover {
  background-color: #fff !important;
  border-color: #8dc63f;
  color: #424d56 !important
}

.btn-listen {
  padding: 7px 65px 8px 25px;
  min-width: 150px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.btn-listen:before {
  content: "\F126";
  background: #ebecea;
  color: #fff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  padding: 8px 0;
  width: 40px;
  top: 0;
  bottom: 0;
  right: 0
}

.btn-listen:hover,
.hover.btn-listen {
  background: #424d56
}

.btn-listen:hover:before,
.hover.btn-listen:before {
  background: #9f9f9f
}

[class*=btn-][class*=-ci-alternate] {
  background-color: #ffc526 !important;
  color: #424d56 !important
}

[class*=btn-][class*=-ci-alternate].hover,
[class*=btn-][class*=-ci-alternate]:hover {
  background-color: #f1a700 !important;
  color: #424d56 !important
}

.btn-listen {
  background: #f8b323 !important
}

.scroll-to {
  z-index: 10;
  color: #181c20;
  border: 2px solid #181c20;
  text-align: center;
  width: 40px;
  height: 40px;
  -webkit-background-clip: content-box;
  -moz-background-clip: content-box;
  background-clip: content-box
}

.scroll-to .icon {
  font-size: 25px;
  top: 5px
}

.scroll-to.next-section {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 30px
}

.scroll-to.top {
  color: #949ca1;
  border-color: #949ca1;
  width: 45px;
  height: 45px
}

.scroll-to.top .icon {
  top: 3px
}

.scroll-to.konami:before {
  content: "; )";
  display: block;
  transform: rotate(90deg);
  top: 1px;
  left: 1px;
  position: relative
}

.scroll-to.konami .icon {
  display: none
}

.share-button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #424d56;
  text-decoration: none;
  margin: 20px 0;
  overflow: hidden;
  font-weight: 700
}

.share-button .icon {
  float: left;
  position: relative;
  min-width: 45px;
  height: 28px;
  padding: 5px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 30px;
  line-height: 30px;
  min-width: 35px;
  color: #fff;
  background: #949495
}

.share-button .icon:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -15px
}

.share-button+.share-button {
  margin-left: 10px
}

[dir=rtl] .share-button+.share-button {
  margin-right: 10px;
  margin-left: 0
}

.share-button-facebook .icon {
  background: #3b5998
}

.share-button-facebook:hover .icon {
  background: #4c70ba
}

.share-button-twitter .icon {
  background: #00aced
}

.share-button-twitter:hover .icon {
  background: #21c2ff
}

.share-button-youtube .icon {
  background: #e52d27
}

.share-button-youtube:hover .icon {
  background: #ea5955
}

.share-button-linkedin .icon {
  background: #007bb6
}

.share-button-linkedin:hover .icon {
  background: #009de9
}

.share-button-google .icon {
  background: #cc181e
}

.share-button-google:hover .icon {
  background: #e73036
}

.share-button-slideshare .icon {
  background: #008ed2
}

.share-button-slideshare:hover .icon {
  background: #06aeff
}

.share-button-rss .icon {
  background: #fe610a
}

.share-button-rss:hover .icon {
  background: #fe823d
}

.share-button-pinterest .icon {
  background: #bd2126
}

.share-button-pinterest:hover .icon {
  background: #dc353b
}

.share-button-xing .icon {
  background: #006567
}

.share-button-xing:hover .icon {
  background: #00979a
}

.share-button-vk .icon {
  background: #6383a8
}

.share-button-vk:hover .icon {
  background: #849dba
}

.share-button-ok .icon {
  background: #f2720c
}

.share-button-ok:hover .icon {
  background: #f58e3c
}

@media (min-width:768px) {
  .share-button {
    margin: 20px 0 10px
  }

  .share-button .icon {
    min-width: 55px
  }

  .share-button+.share-button {
    margin-left: 30px
  }

  [dir=rtl] .share-button+.share-button {
    margin-right: 30px;
    margin-left: 0
  }
}

.geoip-country-btn {
  min-width: 300px
}

.link-block {
  display: block
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1230px;
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

@media (min-width:768px) and (min-width:768px) {
  .row.skin-gutter-m {
    margin-right: -30px;
    margin-left: -30px
  }

  .row.skin-gutter-m>.col {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (min-width:768px) and (min-width:768px) {
  .row.skin-gutter-l {
    margin-right: -45px;
    margin-left: -45px
  }

  .row.skin-gutter-l>.col {
    padding-left: 45px;
    padding-right: 45px
  }
}

@media (min-width:768px) and (min-width:768px) {
  .row.skin-gutter-xl {
    margin-right: -40px;
    margin-left: -40px
  }

  .row.skin-gutter-xl>.col {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media (min-width:768px) and (min-width:1200px) {
  .row.skin-gutter-xl {
    margin-right: -85px;
    margin-left: -85px
  }

  .row.skin-gutter-xl>.col {
    padding-left: 85px;
    padding-right: 85px
  }
}

@media (min-width:768px) and (min-width:768px) {
  .row.skin-gutter-none {
    margin-right: 0;
    margin-left: 0
  }

  .row.skin-gutter-none>.col {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:768px) and (min-width:1200px) {
  .row.skin-gutter-none {
    margin-right: 0;
    margin-left: 0
  }

  .row.skin-gutter-none>.col {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:768px) {
  .row.skin-splitted {
    overflow: hidden
  }

  .row.skin-splitted>.col {
    padding-bottom: 1000px;
    margin-bottom: -1000px
  }

  .row.skin-splitted>.col:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #c6cfd4;
    z-index: 5
  }

  [dir=rtl] .row.skin-splitted>.col:before {
    left: auto;
    right: 0
  }

  .skin-inverse .row.skin-splitted>.col:before {
    background: hsla(0, 0%, 100%, .5)
  }

  .row.skin-splitted>.col:first-child:before {
    display: none !important
  }
}

@media (min-width:768px) {
  .skin-padding-xl {
    padding: 0 90px
  }
}

@media (min-width:990px) {
  .skin-padding-xl {
    padding: 0 180px
  }
}

@media (min-width:990px) {
  .skin-padding-l {
    padding: 0 110px
  }
}

@media (min-width:768px) {
  .skin-padding-m {
    padding: 0 45px
  }
}

@media (min-width:990px) {
  .skin-padding-m {
    padding: 0 90px
  }
}

.csc-space-before-extra-small {
  margin-top: 10px
}

.csc-space-before-small {
  margin-top: 15px
}

@media (max-width:767px) {
  .csc-space-before-medium {
    margin-top: 25px
  }
}

@media (min-width:768px) {
  .csc-space-before-medium {
    margin-top: 25px
  }
}

@media (min-width:990px) {
  .csc-space-before-medium {
    margin-top: 50px
  }
}

.csc-space-before-large {
  margin-top: 50px
}

@media (max-width:767px) {
  .csc-space-before-large {
    margin-top: 25px
  }
}

@media (min-width:768px) {
  .csc-space-before-large {
    margin-top: 50px
  }
}

@media (min-width:990px) {
  .csc-space-before-large {
    margin-top: 100px
  }
}

@media (max-width:767px) {
  .csc-space-before-extra-large {
    margin-top: 35px
  }
}

@media (min-width:768px) {
  .csc-space-before-extra-large {
    margin-top: 75px
  }
}

@media (min-width:990px) {
  .csc-space-before-extra-large {
    margin-top: 130px
  }
}

.csc-space-after-extra-small {
  margin-bottom: 10px
}

.csc-space-after-small {
  margin-bottom: 15px
}

.csc-space-after-medium {
  margin-bottom: 25px
}

@media (max-width:767px) {
  .csc-space-after-large {
    margin-bottom: 25px
  }
}

@media (min-width:768px) {
  .csc-space-after-large {
    margin-bottom: 50px
  }
}

@media (min-width:990px) {
  .csc-space-after-large {
    margin-bottom: 100px
  }
}

.csc-space-after-extra-large {
  margin-bottom: 150px
}

@media (max-width:767px) {
  .csc-space-after-extra-large {
    margin-bottom: 35px
  }
}

@media (min-width:768px) {
  .csc-space-after-extra-large {
    margin-bottom: 75px
  }
}

@media (min-width:990px) {
  .csc-space-after-extra-large {
    margin-bottom: 130px
  }
}

.skin-mb-extra-small {
  margin-bottom: 10px
}

.skin-mb-l,
.skin-mb-s,
.skin-mb-small {
  margin-bottom: 25px
}

@media (min-width:768px) {
  .skin-mb-l {
    margin-bottom: 25px
  }
}

@media (min-width:990px) {
  .skin-mb-l {
    margin-bottom: 50px
  }
}

.skin-mb-medium {
  margin-bottom: 25px
}

@media (min-width:768px) {
  .skin-mb-medium {
    margin-bottom: 25px
  }
}

@media (min-width:990px) {
  .skin-mb-medium {
    margin-bottom: 50px
  }
}

.skin-mb-xl {
  margin-bottom: 25px
}

@media (min-width:768px) {
  .skin-mb-xl {
    margin-bottom: 50px
  }
}

@media (min-width:990px) {
  .skin-mb-xl {
    margin-bottom: 100px
  }
}

.skin-mb-large {
  margin-bottom: 25px
}

@media (min-width:768px) {
  .skin-mb-large {
    margin-bottom: 50px
  }
}

@media (min-width:990px) {
  .skin-mb-large {
    margin-bottom: 100px
  }
}

.skin-mb-extra-large {
  margin-bottom: 35px
}

@media (min-width:768px) {
  .skin-mb-extra-large {
    margin-bottom: 75px
  }
}

@media (min-width:990px) {
  .skin-mb-extra-large {
    margin-bottom: 130px
  }
}

.skin-mt-extra-small {
  margin-top: 15px
}

.skin-mt-l,
.skin-mt-s,
.skin-mt-small {
  margin-top: 25px
}

@media (min-width:768px) {
  .skin-mt-l {
    margin-top: 25px
  }
}

@media (min-width:990px) {
  .skin-mt-l {
    margin-top: 50px
  }
}

.skin-mt-medium {
  margin-top: 25px
}

@media (min-width:768px) {
  .skin-mt-medium {
    margin-top: 25px
  }
}

@media (min-width:990px) {
  .skin-mt-medium {
    margin-top: 50px
  }
}

.skin-mt-xl {
  margin-top: 25px
}

@media (min-width:768px) {
  .skin-mt-xl {
    margin-top: 50px
  }
}

@media (min-width:990px) {
  .skin-mt-xl {
    margin-top: 100px
  }
}

.skin-mb-extra-large {
  margin-top: 35px
}

@media (min-width:768px) {
  .skin-mb-extra-large {
    margin-top: 75px
  }
}

@media (min-width:990px) {
  .skin-mb-extra-large {
    margin-top: 130px
  }
}

.skin-mt-large {
  margin-top: 25px
}

@media (min-width:768px) {
  .skin-mt-large {
    margin-top: 50px
  }
}

@media (min-width:990px) {
  .skin-mt-large {
    margin-top: 100px
  }
}

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

[dir=rtl] .col {
  float: right
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

  .flexbox .flex .col,
  .flexboxtweener .flex .col {
    flex: 0 1 auto !important
  }
}

@media (max-width:479px) {
  .col.col-xxs-12+.col.col-xxs-12 {
    margin-top: 50px
  }
}

@media (max-width:767px) {
  .col+.col {
    margin-top: 0
  }

  .col:not(:last-child) {
    margin-bottom: 20px
  }

  .box .col.box-badge.skin-invisible+.col,
  .col.compare-table+.col,
  .col.hidden-to-sm+.col,
  .col.nav-card-links+.col,
  .col.nav-tabs.skin-xs-accordion+.col,
  .col.panel-trigger+.col,
  .col.slidebox+.col,
  .col.tooltip+.col,
  .nav-sub>li.col.more+.col,
  .nav-sub br.col+.col,
  .partner-tile .col.description+.col,
  .product-card-dep .col.card-image+.col,
  .product-card-dep .col.ribbon+.col,
  .tabs.skin-xs-panes-hidden>.col.panes+.col,
  [class*=col-xs-]+[class*=col-xs-],
  [class*=col-xxs-]+[class*=col-xxs-] {
    margin-top: 0
  }

  .col-xs-12+.col-xs-12,
  .col-xxs-12+.col-xxs-12 {
    margin-top: 50px
  }
}

@media (min-width:480px) and (max-width:767px) {
  .col.col-xs-12+.col.col-xs-12 {
    margin-top: 50px
  }
}

@media (min-width:768px) and (max-width:989px) {
  .col-sm-12+.col-sm-12 {
    margin-top: 50px
  }
}

@media (min-width:0px) {
  .col-xxs-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-xxs-1,
  .flexboxtweener .flex>.col-xxs-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-xxs-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-xxs-2,
  .flexboxtweener .flex>.col-xxs-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-xxs-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-xxs-3,
  .flexboxtweener .flex>.col-xxs-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-xxs-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-xxs-4,
  .flexboxtweener .flex>.col-xxs-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-xxs-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-xxs-5,
  .flexboxtweener .flex>.col-xxs-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-xxs-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-xxs-6,
  .flexboxtweener .flex>.col-xxs-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-xxs-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-xxs-7,
  .flexboxtweener .flex>.col-xxs-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-xxs-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-xxs-8,
  .flexboxtweener .flex>.col-xxs-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-xxs-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-xxs-9,
  .flexboxtweener .flex>.col-xxs-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-xxs-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-xxs-10,
  .flexboxtweener .flex>.col-xxs-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-xxs-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-xxs-11,
  .flexboxtweener .flex>.col-xxs-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-xxs-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-xxs-12,
  .flexboxtweener .flex>.col-xxs-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-xxs-push-0 {
    left: auto
  }

  [dir=rtl] .col-xxs-push-0 {
    right: auto
  }

  .col-xxs-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-xxs-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-xxs-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-xxs-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-xxs-push-3 {
    left: 25%
  }

  [dir=rtl] .col-xxs-push-3 {
    left: auto;
    right: 25%
  }

  .col-xxs-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-xxs-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-xxs-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-xxs-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-xxs-push-6 {
    left: 50%
  }

  [dir=rtl] .col-xxs-push-6 {
    left: auto;
    right: 50%
  }

  .col-xxs-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-xxs-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-xxs-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-xxs-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-xxs-push-9 {
    left: 75%
  }

  [dir=rtl] .col-xxs-push-9 {
    left: auto;
    right: 75%
  }

  .col-xxs-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-xxs-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-xxs-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-xxs-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-xxs-push-12 {
    left: 100%
  }

  [dir=rtl] .col-xxs-push-12 {
    left: auto;
    right: 100%
  }

  .col-xxs-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-xxs-2-4,
  .flexboxtweener .flex>.col-xxs-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

@media (min-width:480px) {
  .col-xs-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-xs-1,
  .flexboxtweener .flex>.col-xs-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-xs-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-xs-2,
  .flexboxtweener .flex>.col-xs-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-xs-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-xs-3,
  .flexboxtweener .flex>.col-xs-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-xs-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-xs-4,
  .flexboxtweener .flex>.col-xs-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-xs-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-xs-5,
  .flexboxtweener .flex>.col-xs-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-xs-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-xs-6,
  .flexboxtweener .flex>.col-xs-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-xs-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-xs-7,
  .flexboxtweener .flex>.col-xs-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-xs-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-xs-8,
  .flexboxtweener .flex>.col-xs-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-xs-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-xs-9,
  .flexboxtweener .flex>.col-xs-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-xs-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-xs-10,
  .flexboxtweener .flex>.col-xs-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-xs-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-xs-11,
  .flexboxtweener .flex>.col-xs-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-xs-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-xs-12,
  .flexboxtweener .flex>.col-xs-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-xs-push-0 {
    left: auto
  }

  [dir=rtl] .col-xs-push-0 {
    right: auto
  }

  .col-xs-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-xs-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-xs-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-xs-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-xs-push-3 {
    left: 25%
  }

  [dir=rtl] .col-xs-push-3 {
    left: auto;
    right: 25%
  }

  .col-xs-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-xs-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-xs-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-xs-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-xs-push-6 {
    left: 50%
  }

  [dir=rtl] .col-xs-push-6 {
    left: auto;
    right: 50%
  }

  .col-xs-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-xs-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-xs-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-xs-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-xs-push-9 {
    left: 75%
  }

  [dir=rtl] .col-xs-push-9 {
    left: auto;
    right: 75%
  }

  .col-xs-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-xs-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-xs-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-xs-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-xs-push-12 {
    left: 100%
  }

  [dir=rtl] .col-xs-push-12 {
    left: auto;
    right: 100%
  }

  .col-xs-offset-0 {
    margin-left: 0
  }

  [dir=rtl] .col-xs-offset-0 {
    margin-left: auto;
    margin-right: 0
  }

  .col-xs-offset-1 {
    margin-left: 8.33333%
  }

  [dir=rtl] .col-xs-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%
  }

  .col-xs-offset-2 {
    margin-left: 16.66667%
  }

  [dir=rtl] .col-xs-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%
  }

  .col-xs-offset-3 {
    margin-left: 25%
  }

  [dir=rtl] .col-xs-offset-3 {
    margin-left: auto;
    margin-right: 25%
  }

  .col-xs-offset-4 {
    margin-left: 33.33333%
  }

  [dir=rtl] .col-xs-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%
  }

  .col-xs-offset-5 {
    margin-left: 41.66667%
  }

  [dir=rtl] .col-xs-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%
  }

  .col-xs-offset-6 {
    margin-left: 50%
  }

  [dir=rtl] .col-xs-offset-6 {
    margin-left: auto;
    margin-right: 50%
  }

  .col-xs-offset-7 {
    margin-left: 58.33333%
  }

  [dir=rtl] .col-xs-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%
  }

  .col-xs-offset-8 {
    margin-left: 66.66667%
  }

  [dir=rtl] .col-xs-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%
  }

  .col-xs-offset-9 {
    margin-left: 75%
  }

  [dir=rtl] .col-xs-offset-9 {
    margin-left: auto;
    margin-right: 75%
  }

  .col-xs-offset-10 {
    margin-left: 83.33333%
  }

  [dir=rtl] .col-xs-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%
  }

  .col-xs-offset-11 {
    margin-left: 91.66667%
  }

  [dir=rtl] .col-xs-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%
  }

  .col-xs-offset-12 {
    margin-left: 100%
  }

  [dir=rtl] .col-xs-offset-12 {
    margin-left: auto;
    margin-right: 100%
  }

  .col-xs-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-xs-2-4,
  .flexboxtweener .flex>.col-xs-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

@media (min-width:768px) {
  .col-sm-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-sm-1,
  .flexboxtweener .flex>.col-sm-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-sm-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-sm-2,
  .flexboxtweener .flex>.col-sm-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-sm-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-sm-3,
  .flexboxtweener .flex>.col-sm-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-sm-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-sm-4,
  .flexboxtweener .flex>.col-sm-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-sm-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-sm-5,
  .flexboxtweener .flex>.col-sm-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-sm-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-sm-6,
  .flexboxtweener .flex>.col-sm-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-sm-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-sm-7,
  .flexboxtweener .flex>.col-sm-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-sm-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-sm-8,
  .flexboxtweener .flex>.col-sm-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-sm-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-sm-9,
  .flexboxtweener .flex>.col-sm-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-sm-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-sm-10,
  .flexboxtweener .flex>.col-sm-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-sm-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-sm-11,
  .flexboxtweener .flex>.col-sm-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-sm-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-sm-12,
  .flexboxtweener .flex>.col-sm-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  [dir=rtl] .col-sm-push-0 {
    right: auto
  }

  .col-sm-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-sm-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-sm-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-sm-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  [dir=rtl] .col-sm-push-3 {
    left: auto;
    right: 25%
  }

  .col-sm-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-sm-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-sm-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-sm-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  [dir=rtl] .col-sm-push-6 {
    left: auto;
    right: 50%
  }

  .col-sm-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-sm-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-sm-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-sm-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  [dir=rtl] .col-sm-push-9 {
    left: auto;
    right: 75%
  }

  .col-sm-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-sm-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-sm-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-sm-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  [dir=rtl] .col-sm-push-12 {
    left: auto;
    right: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  [dir=rtl] .col-sm-offset-0 {
    margin-left: auto;
    margin-right: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%
  }

  [dir=rtl] .col-sm-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%
  }

  [dir=rtl] .col-sm-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  [dir=rtl] .col-sm-offset-3 {
    margin-left: auto;
    margin-right: 25%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%
  }

  [dir=rtl] .col-sm-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%
  }

  [dir=rtl] .col-sm-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  [dir=rtl] .col-sm-offset-6 {
    margin-left: auto;
    margin-right: 50%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%
  }

  [dir=rtl] .col-sm-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%
  }

  [dir=rtl] .col-sm-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  [dir=rtl] .col-sm-offset-9 {
    margin-left: auto;
    margin-right: 75%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%
  }

  [dir=rtl] .col-sm-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%
  }

  [dir=rtl] .col-sm-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  [dir=rtl] .col-sm-offset-12 {
    margin-left: auto;
    margin-right: 100%
  }

  .col-sm-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-sm-2-4,
  .flexboxtweener .flex>.col-sm-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

@media (min-width:990px) {
  .col-md-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-md-1,
  .flexboxtweener .flex>.col-md-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-md-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-md-2,
  .flexboxtweener .flex>.col-md-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-md-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-md-3,
  .flexboxtweener .flex>.col-md-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-md-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-md-4,
  .flexboxtweener .flex>.col-md-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-md-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-md-5,
  .flexboxtweener .flex>.col-md-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-md-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-md-6,
  .flexboxtweener .flex>.col-md-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-md-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-md-7,
  .flexboxtweener .flex>.col-md-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-md-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-md-8,
  .flexboxtweener .flex>.col-md-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-md-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-md-9,
  .flexboxtweener .flex>.col-md-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-md-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-md-10,
  .flexboxtweener .flex>.col-md-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-md-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-md-11,
  .flexboxtweener .flex>.col-md-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-md-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-md-12,
  .flexboxtweener .flex>.col-md-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-md-push-0 {
    left: auto
  }

  [dir=rtl] .col-md-push-0 {
    right: auto
  }

  .col-md-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-md-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-md-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-md-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-md-push-3 {
    left: 25%
  }

  [dir=rtl] .col-md-push-3 {
    left: auto;
    right: 25%
  }

  .col-md-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-md-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-md-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-md-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-md-push-6 {
    left: 50%
  }

  [dir=rtl] .col-md-push-6 {
    left: auto;
    right: 50%
  }

  .col-md-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-md-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-md-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-md-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-md-push-9 {
    left: 75%
  }

  [dir=rtl] .col-md-push-9 {
    left: auto;
    right: 75%
  }

  .col-md-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-md-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-md-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-md-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-md-push-12 {
    left: 100%
  }

  [dir=rtl] .col-md-push-12 {
    left: auto;
    right: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  [dir=rtl] .col-md-offset-0 {
    margin-left: auto;
    margin-right: 0
  }

  .col-md-offset-1 {
    margin-left: 8.33333%
  }

  [dir=rtl] .col-md-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%
  }

  .col-md-offset-2 {
    margin-left: 16.66667%
  }

  [dir=rtl] .col-md-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  [dir=rtl] .col-md-offset-3 {
    margin-left: auto;
    margin-right: 25%
  }

  .col-md-offset-4 {
    margin-left: 33.33333%
  }

  [dir=rtl] .col-md-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%
  }

  .col-md-offset-5 {
    margin-left: 41.66667%
  }

  [dir=rtl] .col-md-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  [dir=rtl] .col-md-offset-6 {
    margin-left: auto;
    margin-right: 50%
  }

  .col-md-offset-7 {
    margin-left: 58.33333%
  }

  [dir=rtl] .col-md-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%
  }

  .col-md-offset-8 {
    margin-left: 66.66667%
  }

  [dir=rtl] .col-md-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  [dir=rtl] .col-md-offset-9 {
    margin-left: auto;
    margin-right: 75%
  }

  .col-md-offset-10 {
    margin-left: 83.33333%
  }

  [dir=rtl] .col-md-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%
  }

  .col-md-offset-11 {
    margin-left: 91.66667%
  }

  [dir=rtl] .col-md-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  [dir=rtl] .col-md-offset-12 {
    margin-left: auto;
    margin-right: 100%
  }

  .col-md-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-md-2-4,
  .flexboxtweener .flex>.col-md-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

@media (min-width:1200px) {
  .col-lg-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-lg-1,
  .flexboxtweener .flex>.col-lg-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-lg-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-lg-2,
  .flexboxtweener .flex>.col-lg-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-lg-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-lg-3,
  .flexboxtweener .flex>.col-lg-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-lg-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-lg-4,
  .flexboxtweener .flex>.col-lg-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-lg-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-lg-5,
  .flexboxtweener .flex>.col-lg-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-lg-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-lg-6,
  .flexboxtweener .flex>.col-lg-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-lg-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-lg-7,
  .flexboxtweener .flex>.col-lg-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-lg-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-lg-8,
  .flexboxtweener .flex>.col-lg-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-lg-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-lg-9,
  .flexboxtweener .flex>.col-lg-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-lg-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-lg-10,
  .flexboxtweener .flex>.col-lg-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-lg-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-lg-11,
  .flexboxtweener .flex>.col-lg-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-lg-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-lg-12,
  .flexboxtweener .flex>.col-lg-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  [dir=rtl] .col-lg-push-0 {
    right: auto
  }

  .col-lg-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-lg-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-lg-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-lg-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  [dir=rtl] .col-lg-push-3 {
    left: auto;
    right: 25%
  }

  .col-lg-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-lg-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-lg-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-lg-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  [dir=rtl] .col-lg-push-6 {
    left: auto;
    right: 50%
  }

  .col-lg-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-lg-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-lg-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-lg-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  [dir=rtl] .col-lg-push-9 {
    left: auto;
    right: 75%
  }

  .col-lg-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-lg-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-lg-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-lg-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  [dir=rtl] .col-lg-push-12 {
    left: auto;
    right: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  [dir=rtl] .col-lg-offset-0 {
    margin-left: auto;
    margin-right: 0
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%
  }

  [dir=rtl] .col-lg-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%
  }

  [dir=rtl] .col-lg-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  [dir=rtl] .col-lg-offset-3 {
    margin-left: auto;
    margin-right: 25%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%
  }

  [dir=rtl] .col-lg-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%
  }

  [dir=rtl] .col-lg-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  [dir=rtl] .col-lg-offset-6 {
    margin-left: auto;
    margin-right: 50%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%
  }

  [dir=rtl] .col-lg-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%
  }

  [dir=rtl] .col-lg-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  [dir=rtl] .col-lg-offset-9 {
    margin-left: auto;
    margin-right: 75%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%
  }

  [dir=rtl] .col-lg-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%
  }

  [dir=rtl] .col-lg-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  [dir=rtl] .col-lg-offset-12 {
    margin-left: auto;
    margin-right: 100%
  }

  .col-lg-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-lg-2-4,
  .flexboxtweener .flex>.col-lg-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

@media (min-width:1550px) {
  .col-xl-1 {
    width: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%
  }

  .flexbox .flex>.col-xl-1,
  .flexboxtweener .flex>.col-xl-1 {
    -webkit-box-flex: 0 0 8.33333%;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-xl-2 {
    width: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%
  }

  .flexbox .flex>.col-xl-2,
  .flexboxtweener .flex>.col-xl-2 {
    -webkit-box-flex: 0 0 16.66667%;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-xl-3 {
    width: 25%;
    min-width: 25%;
    max-width: 25%
  }

  .flexbox .flex>.col-xl-3,
  .flexboxtweener .flex>.col-xl-3 {
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-xl-4 {
    width: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%
  }

  .flexbox .flex>.col-xl-4,
  .flexboxtweener .flex>.col-xl-4 {
    -webkit-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-xl-5 {
    width: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }

  .flexbox .flex>.col-xl-5,
  .flexboxtweener .flex>.col-xl-5 {
    -webkit-box-flex: 0 0 41.66667%;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-xl-6 {
    width: 50%;
    min-width: 50%;
    max-width: 50%
  }

  .flexbox .flex>.col-xl-6,
  .flexboxtweener .flex>.col-xl-6 {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-xl-7 {
    width: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%
  }

  .flexbox .flex>.col-xl-7,
  .flexboxtweener .flex>.col-xl-7 {
    -webkit-box-flex: 0 0 58.33333%;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-xl-8 {
    width: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%
  }

  .flexbox .flex>.col-xl-8,
  .flexboxtweener .flex>.col-xl-8 {
    -webkit-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-xl-9 {
    width: 75%;
    min-width: 75%;
    max-width: 75%
  }

  .flexbox .flex>.col-xl-9,
  .flexboxtweener .flex>.col-xl-9 {
    -webkit-box-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-xl-10 {
    width: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%
  }

  .flexbox .flex>.col-xl-10,
  .flexboxtweener .flex>.col-xl-10 {
    -webkit-box-flex: 0 0 83.33333%;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-xl-11 {
    width: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%
  }

  .flexbox .flex>.col-xl-11,
  .flexboxtweener .flex>.col-xl-11 {
    -webkit-box-flex: 0 0 91.66667%;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-xl-12 {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .flexbox .flex>.col-xl-12,
  .flexboxtweener .flex>.col-xl-12 {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-xl-push-0 {
    left: auto
  }

  [dir=rtl] .col-xl-push-0 {
    right: auto
  }

  .col-xl-push-1 {
    left: 8.33333%
  }

  [dir=rtl] .col-xl-push-1 {
    left: auto;
    right: 8.33333%
  }

  .col-xl-push-2 {
    left: 16.66667%
  }

  [dir=rtl] .col-xl-push-2 {
    left: auto;
    right: 16.66667%
  }

  .col-xl-push-3 {
    left: 25%
  }

  [dir=rtl] .col-xl-push-3 {
    left: auto;
    right: 25%
  }

  .col-xl-push-4 {
    left: 33.33333%
  }

  [dir=rtl] .col-xl-push-4 {
    left: auto;
    right: 33.33333%
  }

  .col-xl-push-5 {
    left: 41.66667%
  }

  [dir=rtl] .col-xl-push-5 {
    left: auto;
    right: 41.66667%
  }

  .col-xl-push-6 {
    left: 50%
  }

  [dir=rtl] .col-xl-push-6 {
    left: auto;
    right: 50%
  }

  .col-xl-push-7 {
    left: 58.33333%
  }

  [dir=rtl] .col-xl-push-7 {
    left: auto;
    right: 58.33333%
  }

  .col-xl-push-8 {
    left: 66.66667%
  }

  [dir=rtl] .col-xl-push-8 {
    left: auto;
    right: 66.66667%
  }

  .col-xl-push-9 {
    left: 75%
  }

  [dir=rtl] .col-xl-push-9 {
    left: auto;
    right: 75%
  }

  .col-xl-push-10 {
    left: 83.33333%
  }

  [dir=rtl] .col-xl-push-10 {
    left: auto;
    right: 83.33333%
  }

  .col-xl-push-11 {
    left: 91.66667%
  }

  [dir=rtl] .col-xl-push-11 {
    left: auto;
    right: 91.66667%
  }

  .col-xl-push-12 {
    left: 100%
  }

  [dir=rtl] .col-xl-push-12 {
    left: auto;
    right: 100%
  }

  .col-xl-offset-0 {
    margin-left: 0
  }

  [dir=rtl] .col-xl-offset-0 {
    margin-left: auto;
    margin-right: 0
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%
  }

  [dir=rtl] .col-xl-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%
  }

  .col-xl-offset-2 {
    margin-left: 16.66667%
  }

  [dir=rtl] .col-xl-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%
  }

  .col-xl-offset-3 {
    margin-left: 25%
  }

  [dir=rtl] .col-xl-offset-3 {
    margin-left: auto;
    margin-right: 25%
  }

  .col-xl-offset-4 {
    margin-left: 33.33333%
  }

  [dir=rtl] .col-xl-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%
  }

  .col-xl-offset-5 {
    margin-left: 41.66667%
  }

  [dir=rtl] .col-xl-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%
  }

  .col-xl-offset-6 {
    margin-left: 50%
  }

  [dir=rtl] .col-xl-offset-6 {
    margin-left: auto;
    margin-right: 50%
  }

  .col-xl-offset-7 {
    margin-left: 58.33333%
  }

  [dir=rtl] .col-xl-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%
  }

  .col-xl-offset-8 {
    margin-left: 66.66667%
  }

  [dir=rtl] .col-xl-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%
  }

  .col-xl-offset-9 {
    margin-left: 75%
  }

  [dir=rtl] .col-xl-offset-9 {
    margin-left: auto;
    margin-right: 75%
  }

  .col-xl-offset-10 {
    margin-left: 83.33333%
  }

  [dir=rtl] .col-xl-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%
  }

  .col-xl-offset-11 {
    margin-left: 91.66667%
  }

  [dir=rtl] .col-xl-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%
  }

  .col-xl-offset-12 {
    margin-left: 100%
  }

  [dir=rtl] .col-xl-offset-12 {
    margin-left: auto;
    margin-right: 100%
  }

  .col-xl-2-4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%
  }

  .flexbox .flex>.col-xl-2-4,
  .flexboxtweener .flex>.col-xl-2-4 {
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
  }
}

.rangeified-ui,
.selectpicker,
input,
select,
textarea {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-style: italic;
  color: #424d56;
  border: 1px solid transparent;
  background: #ebecea;
  width: 100%;
  padding: 10px 20px;
  resize: none;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.rangeified-ui.invalid,
.rangeified-ui.parsley-error,
.rangeified-ui.powermail_field_error,
.selectpicker.invalid,
.selectpicker.parsley-error,
.selectpicker.powermail_field_error,
input.invalid,
input.parsley-error,
input.powermail_field_error,
select.invalid,
select.parsley-error,
select.powermail_field_error,
textarea.invalid,
textarea.parsley-error,
textarea.powermail_field_error {
  border-bottom-color: #d90b00;
  color: #d90b00
}

.rangeified-ui.invalid :-ms-input-placeholder,
.rangeified-ui.invalid ::placeholder,
.rangeified-ui.parsley-error :-ms-input-placeholder,
.rangeified-ui.parsley-error ::placeholder,
.rangeified-ui.powermail_field_error :-ms-input-placeholder,
.rangeified-ui.powermail_field_error ::placeholder,
.selectpicker.invalid :-ms-input-placeholder,
.selectpicker.invalid ::placeholder,
.selectpicker.parsley-error :-ms-input-placeholder,
.selectpicker.parsley-error ::placeholder,
.selectpicker.powermail_field_error :-ms-input-placeholder,
.selectpicker.powermail_field_error ::placeholder,
input.invalid :-ms-input-placeholder,
input.invalid ::placeholder,
input.parsley-error :-ms-input-placeholder,
input.parsley-error ::placeholder,
input.powermail_field_error :-ms-input-placeholder,
input.powermail_field_error ::placeholder,
select.invalid :-ms-input-placeholder,
select.invalid ::placeholder,
select.parsley-error :-ms-input-placeholder,
select.parsley-error ::placeholder,
select.powermail_field_error :-ms-input-placeholder,
select.powermail_field_error ::placeholder,
textarea.invalid :-ms-input-placeholder,
textarea.invalid ::placeholder,
textarea.parsley-error :-ms-input-placeholder,
textarea.parsley-error ::placeholder,
textarea.powermail_field_error :-ms-input-placeholder,
textarea.powermail_field_error ::placeholder {
  color: #d90b00
}

.rangeified-ui.invalid+.bs-select-group .filter-option,
.rangeified-ui.parsley-error+.bs-select-group .filter-option,
.rangeified-ui.powermail_field_error+.bs-select-group .filter-option,
.selectpicker.invalid+.bs-select-group .filter-option,
.selectpicker.parsley-error+.bs-select-group .filter-option,
.selectpicker.powermail_field_error+.bs-select-group .filter-option,
input.invalid+.bs-select-group .filter-option,
input.parsley-error+.bs-select-group .filter-option,
input.powermail_field_error+.bs-select-group .filter-option,
select.invalid+.bs-select-group .filter-option,
select.parsley-error+.bs-select-group .filter-option,
select.powermail_field_error+.bs-select-group .filter-option,
textarea.invalid+.bs-select-group .filter-option,
textarea.parsley-error+.bs-select-group .filter-option,
textarea.powermail_field_error+.bs-select-group .filter-option {
  color: #d90b00
}

.skin-gray-lighter .selectpicker,
.skin-gray-lighter input:not([type=submit]),
.skin-gray-lighter select,
.skin-gray-lighter textarea,
.skin-inverse .selectpicker,
.skin-inverse input:not([type=submit]),
.skin-inverse select,
.skin-inverse textarea {
  background: #fff
}

.form-label,
label {
  display: block;
  position: relative
}

.form-label[for],
label[for] {
  cursor: pointer
}

.form-label .required,
label .required {
  display: inline !important
}

.powermail_radio_inner {
  margin-top: 10px
}

.powermail_radio_inner label {
  display: inline-block
}

input :-ms-input-placeholder,
input ::placeholder {
  color: #008ba0;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out false;
  -o-transition: all .15s ease-in-out false;
  transition: all .15s ease-in-out
}

input:focus :-ms-input-placeholder,
input:focus ::placeholder {
  color: transparent
}

.selectpicker,
select {
  color: #008ba0;
  background: #ebecea;
  font-weight: 400;
  text-indent: .01px;
  text-overflow: "";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.skin-inverse .selectpicker,
.skin-inverse select {
  background-color: #fff
}

.rangeified-ui {
  background: transparent;
  color: #fff
}

.rangeified-ui .display {
  background: transparent;
  color: #8dc63f
}

.checkbox input:not(.no-transform),
.radio input:not(.no-transform) {
  display: none
}

.checkbox label,
.radio label {
  font-weight: 300;
  cursor: pointer;
  padding-left: 35px
}

[dir=rtl] .checkbox label,
[dir=rtl] .radio label {
  padding-left: 0;
  padding-right: 35px
}

.checkbox .sfc,
.radio .sfc {
  float: left;
  margin-left: -35px
}

[dir=rtl] .checkbox .sfc,
[dir=rtl] .radio .sfc {
  float: right;
  margin-left: 0;
  margin-right: -35px
}

.checkbox .icon,
.radio .icon {
  font-size: 1.2em;
  margin: -4px 8px 0 0
}

[dir=rtl] .checkbox .icon,
[dir=rtl] .radio .icon {
  margin-left: 8px;
  margin-right: 0
}

.buttonized-input {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.buttonized-input-switch .checked,
.buttonized-input-switch input:checked~.unchecked {
  display: none
}

.buttonized-input-switch input:checked+.checked {
  display: block
}

.sfc {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  margin: -2px 10px 0 0
}

[dir=rtl] .sfc {
  margin-left: 10px;
  margin-right: 0
}

.sfc input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10
}

.sfc input:focus+.knob {
  border-color: #77838c
}

.skin-inverse .sfc input:focus+.knob {
  border-color: #fff
}

.sfc .knob {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 28px;
  height: 28px;
  color: #8dc63f;
  background: #fff;
  border: 1px solid #939ca3;
  position: relative;
  text-align: center
}

.skin-inverse .sfc .knob {
  background: transparent
}

.sfc .knob:before {
  content: " ";
  display: block;
  position: absolute
}

.sfc .knob.invalid {
  border-color: #d90b00 !important
}

.sfc-radio .knob:before {
  opacity: 0;
  background: #8dc63f;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.sfc-radio.checked .knob:before,
.sfc-radio input:checked+.knob:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.sfc-checkbox .knob {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.sfc-checkbox .knob:before {
  content: "\F11B";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -6px
}

.sfc-checkbox.checked .knob:before,
.sfc-checkbox input:checked+.knob:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.form-search-mini .form-control {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: #868585;
  border: none;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.form-search-mini .form-control :-ms-input-placeholder,
.form-search-mini .form-control ::placeholder {
  color: #868585
}

.input-group {
  position: relative
}

.input-group.has-icon-prepend .form-control {
  padding-left: 40px
}

.input-group.has-icon-prepend .icon-prepend {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 10px
}

body>div.error {
  display: none !important
}

.parsley-errors-list {
  margin: 10px 0 0;
  color: #d90b00;
  font-size: 15px;
  line-height: 1.33333em
}

.form,
.form-group {
  position: relative
}

.form-group {
  margin-bottom: 30px;
  clear: both
}

.form-group.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4
}

.form-group.disabled .caret,
.form-group.disabled .form-control {
  color: #424d56
}

.form-group.last {
  margin-bottom: 0
}

@media (min-width:768px) {
  .form-group.last-from-sm {
    margin-bottom: 0
  }
}

.form-group-quantity {
  border-bottom: 1px solid #939ca3
}

.form-group-quantity .form-control {
  padding: 16px 10px
}

@media (max-width:767px) {
  .form-group-quantity .form-control {
    background: transparent;
    color: #8dc63f
  }

  .form-group-quantity .bs-select-group .dropdown-menu a {
    color: #8dc63f
  }

  .form-group-quantity .bs-select-group .dropdown-menu li:focus a,
  .form-group-quantity .bs-select-group .dropdown-menu li:hover a {
    background: #8dc63f
  }
}

.form-notice {
  font-size: 15px;
  line-height: 1.33333em;
  margin: 0;
  padding: 10px 0
}

.form-notice.error,
.form-notice.error a {
  color: #c60651
}

.form-horizontal label {
  float: left;
  width: 30%;
  padding-right: 15px
}

.form-horizontal .form-control {
  float: left;
  width: 70%
}

.form-horizontal .message {
  clear: both;
  display: block;
  color: #d90b00;
  font-size: 12px
}

.form-horizontal .message,
.form-horizontal button {
  margin-left: 30%
}

@media (max-width:767px) {

  .form-horizontal .form-control,
  .form-horizontal label {
    float: none;
    width: 100%
  }

  .form-horizontal .message,
  .form-horizontal button {
    margin-left: 0
  }
}

.form-sentence {
  margin: 20px auto 0;
  max-width: 1000px;
  text-align: center;
  font-weight: 300
}

.form-sentence.show-alternative-button button.btn-submit,
.form-sentence a.btn-submit {
  display: none
}

.form-sentence.show-alternative-button a.btn-submit {
  display: inline-block
}

.form-sentence .form-control,
.form-sentence .form-label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%
}

.form-sentence .bootstrap-select,
.form-sentence .form-label {
  margin-bottom: 15px
}

.form-sentence .form-label {
  font-family: Fedra, Tahoma, sans-serif;
  font-size: 30px;
  color: #949495
}

.form-sentence .form-control {
  font-size: 26px
}

.form-sentence .dropdown-toggle {
  padding-left: 8px
}

.form-sentence .waypoint-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 5px
}

.form-sentence input {
  color: #008ba0;
  font-size: .85em;
  padding: 5px 8px
}

.form-sentence .selectpicker,
.form-sentence select {
  padding-top: 5px;
  padding-bottom: 5px
}

.form-sentence .bootstrap-select,
.form-sentence select {
  font-size: .85em
}

.form-sentence input,
.form-sentence select {
  top: -.3em
}

.form-sentence input.mobile-device,
.form-sentence select.mobile-device {
  top: 0;
  width: 100%
}

@media (max-width:767px) {

  .form-sentence .form-control,
  .form-sentence .form-label {
    font-size: 16px
  }
}

.form-search-mini {
  margin: -25px -25px 5px;
  padding: 25px 70px 25px 25px;
  background: #181c20;
  height: 100px
}

[dir=rtl] .form-search-mini {
  padding-left: 70px;
  padding-right: 25px
}

.form-search-mini .form-control {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 47px
}

.form-search-mini .form-control:focus :-ms-input-placeholder,
.form-search-mini .form-control:focus ::placeholder {
  color: transparent
}

.form-search-mini .submit {
  color: #868585
}

.form-search-mini .form-icon:before {
  min-height: 1.52941em;
  top: 0
}

.form-search-refine {
  overflow: hidden;
  text-align: center
}

.form-search-refine .btn-submit,
.form-search-refine .form-control {
  margin: 10px 0
}

.form-search-refine .form-control {
  background-color: #fff;
  color: #008ba0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

@media (min-width:768px) {

  .form-search-refine .btn-submit,
  .form-search-refine .form-control {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 47px;
    max-width: 400px;
    margin: 10px
  }
}

.form-newsletter-subscribe .form-control,
.form-newsletter-subscribe .form-title {
  margin-bottom: 15px
}

.form-newsletter-subscribe .form-title {
  color: #424d56;
  font-weight: 300
}

@media (min-width:768px) {
  .form-newsletter-subscribe {
    background: #f4f5f4;
    padding: 10px 15px
  }

  .form-newsletter-subscribe .form-control {
    background: #e7e9e6
  }
}

.form-product-facets-int .facet-toggle {
  padding: 5px 60px 5px 30px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer
}

.form-product-facets-int .facet-toggle:before {
  content: "\F104";
  -webkit-transform-origin: 50% 18%;
  -moz-transform-origin: 50% 18%;
  -ms-transform-origin: 50% 18%;
  -o-transform-origin: 50% 18%;
  transform-origin: 50% 18%;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -.25em
}

.form-product-facets-int .open>.facet-toggle:before {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1)
}

@media (max-width:767px) {
  .form-product-facets-int .list-facets dl {
    text-align: center
  }

  .form-product-facets-int .form-label {
    padding-left: 0;
    font-size: 14px
  }

  [dir=rtl] .form-product-facets-int .form-label {
    padding-right: 0
  }
}

@media (max-width:767px) {
  .form-product-facets-int {
    background: #fff;
    border-bottom: 1px solid #939ca3;
    margin: 0 -30px
  }

  .glued .form-product-facets-int {
    margin: 0 -15px
  }

  .form-product-facets-int .facet-group,
  .form-product-facets-int .facet-group-title {
    display: none;
    margin: 0 !important
  }

  .form-product-facets-int .facet-group-category,
  .form-product-facets-int .facet-group-platform {
    display: block
  }

  .form-product-facets-int .facet {
    width: 18%;
    text-align: center;
    display: inline-block;
    vertical-align: top
  }

  .form-product-facets-int .sfc {
    display: block;
    margin: 0 auto 5px;
    float: none
  }

  [dir=rtl] .form-product-facets-int .sfc {
    margin: 0 auto 5px;
    float: none
  }

  .form-product-facets-int .knob {
    width: 20px;
    height: 20px;
    font-size: 13px
  }

  .form-product-facets-int .knob:before {
    margin-left: -6px;
    margin-top: -5px
  }

  .form-product-facets-int .icon {
    display: none
  }

  .form-product-facets-int .facet-group-category {
    background: #f4f5f4;
    margin: 0 0 20px !important
  }

  .form-product-facets-int .facet-group-category .facet {
    float: none;
    width: 100%;
    margin: 0;
    text-align: left
  }

  .form-product-facets-int .facet-group-category .facets {
    background: #f4f5f4;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out false;
    -o-transition: max-height .3s ease-in-out false;
    transition: max-height .3s ease-in-out;
    position: absolute;
    z-index: 70;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 0
  }

  .form-product-facets-int .facet-group-category.open .facets {
    border-top: 1px solid #939ca3;
    max-height: 600px
  }

  .form-product-facets-int .facet-group-category .sfc {
    display: none
  }

  .form-product-facets-int .facet-group-category .form-label {
    padding: 7px 30px 5px;
    border-bottom: 1px solid #939ca3
  }
}

@media (min-width:480px) and (max-width:767px) {
  .state-sneaky-shown .glued .form-product-facets-int {
    margin-top: 25px
  }

  .glued .form-product-facets-int {
    margin-top: 50px
  }
}

@media (min-width:768px) {
  .form-product-facets-int {
    margin-right: 10px
  }

  .form-product-facets-int .facet-group-category {
    border-bottom: 1px solid #939ca3;
    padding-bottom: 30px
  }
}

.form-product-facets-us .form-label {
  padding-right: 15px
}

.form-product-facets-us .buttonized-input {
  margin: 0 10px 0 0
}

.form-product-facets-us .rangeified-ui {
  margin-top: 5px
}

.form-product-facets-us .rangeified-ui .knob {
  margin: -.4em 10px 0;
  color: #fff;
  background-color: #949495
}

.form-product-facets-us .rangeified-ui .knob:hover {
  color: #949495;
  background-color: #fff
}

.form-product-facets-us .savings-message {
  color: #c60651;
  font-size: 13px;
  font-weight: 400
}

@media (min-width:1200px) {
  .form-product-facets-us .form-label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    min-width: 200px
  }

  .form-product-facets-us .form-group-qty {
    padding-left: 205px
  }

  .form-product-facets-us .form-group-qty .form-label {
    float: left;
    width: 205px;
    margin-left: -205px;
    padding-top: 10px
  }
}

.powermail_input::placeholder {
  padding-right: 5px
}

.powermail_input:-ms-input-placeholder {
  padding-right: 5px
}

.nav,
.navigation,
.nav li {
  position: relative
}

@media (min-width:0px) and (max-width:1274px) {
  #navigation li:not(#item-menu):nth-child(5) {
    display: none
  }
}

@media (min-width:0px) and (max-width:1174px) {
  #navigation li:not(#item-menu):nth-child(4) {
    display: none
  }
}

#navigation a {
  position: relative
}

#navigation .underline {
  font-weight: 700
}

#navigation .underline:before {
  position: absolute;
  top: 50%;
  right: 20px;
  left: 20px;
  margin-top: 15px;
  height: 3px;
  background-color: #fff;
  content: ""
}

#navigation .with-submenu .underline:before {
  right: 47px
}

[dir=rtl] #navigation .with-submenu .underline:before {
  left: 47px;
  right: 20px
}

@media (max-width:767px) {
  .header #navigation {
    margin-right: -15px
  }

  [dir=rtl] .header #navigation {
    margin-right: 0;
    margin-left: -15px
  }
}

.nav-wrap-description {
  color: #949495;
  padding-left: 40px;
  padding-bottom: 9px;
  display: inline-block
}

[dir=rtl] .nav-wrap-description {
  padding-right: 40px;
  padding-left: 0
}

.nav-wrap {
  padding-top: 26px
}

.nav-language {
  border-bottom: 1px solid #181c20;
  padding: 0 25px 25px
}

.nav-language>li>a {
  text-transform: uppercase;
  padding: 9px 15px;
  text-decoration: none
}

.nav-language>li>a.selected {
  font-weight: 700
}

.nav-language>li>a:hover {
  background: #4f4f4f
}

.article-list .links a,
.list-autocomplete .links a,
.list-related-links a,
.nav-splitted a,
.tabs.skin-underlined>.nav a {
  padding: 0 7px
}

.article-list .links a:before,
.list-autocomplete .links a:before,
.list-related-links a:before,
.nav-splitted a:before,
.tabs.skin-underlined>.nav a:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #fff;
  left: 0;
  top: 2px;
  bottom: 2px
}

.article-list .links li:first-child a:before,
.list-autocomplete .links li:first-child a:before,
.list-related-links li:first-child a:before,
.nav-splitted li:first-child a:before,
.tabs.skin-underlined>.nav li:first-child a:before {
  display: none
}

@media (min-width:1200px) {

  .article-list .links a,
  .list-autocomplete .links a,
  .list-related-links a,
  .nav-splitted a,
  .tabs.skin-underlined>.nav a {
    padding: 0 20px
  }
}

.nav-collapsible>li>a {
  padding: 9px 41px 9px 70px;
  background: #3b3b3b;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400
}

[dir=rtl] .nav-collapsible>li>a {
  padding-left: 41px;
  padding-right: 70px
}

.nav-collapsible>li>a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 41px;
  right: auto;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-top: -8px
}

[dir=rtl] .nav-collapsible>li>a:before {
  right: 41px;
  left: auto;
  border-left: 0;
  border-right: 8px solid #fff
}

.nav-collapsible .content {
  margin: 0 20px 0 70px;
  max-height: 0
}

[dir=rtl] .nav-collapsible .content {
  margin-left: 20px;
  margin-right: 70px
}

.nav-collapsible .jspContainer {
  height: 360px !important
}

.nav-collapsible>li {
  background: #1d1d1d;
  overflow: hidden
}

.nav-collapsible>li.active .content {
  max-height: 360px;
  margin: 25px 20px 35px 70px
}

[dir=rtl] .nav-collapsible>li.active .content {
  margin-left: 20px;
  margin-right: 70px
}

.nav-collapsible>li.active>a:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.nav-collapsible>li.without-content {
  background: none;
  padding: 0 25px
}

.nav-collapsible>li.without-content>a {
  padding: 9px 15px
}

.nav-collapsible>li.without-content>a:before {
  display: none
}

.nav-collapsible>li.without-content>a:hover {
  background: #4f4f4f
}

.nav-main {
  margin: 0 20px 0 115px;
  display: flex;
  flex-flow: row
}

[dir=rtl] .nav-main {
  float: right
}

.nav-main img {
  margin-bottom: 5px
}

.nav-main .product-tile [data-btn-buy] {
  max-width: 145px;
  margin: 0 auto
}

.nav-main .btn-sublink {
  margin: 0;
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  bottom: 20px;
  left: 20px;
  width: 190px
}

[dir=rtl] .nav-main>li {
  float: right
}

.nav-main>li>a {
  font-weight: 400;
  padding: 36px 20px;
  position: relative;
  z-index: 2;
  height: 100px;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none
}

.nav-main>li.with-submenu>a:after {
  content: "\F104";
  transform-origin: center 3px;
  margin: 0 0 0 10px;
  font-size: .8em;
  height: 8px
}

[dir=rtl] .nav-main>li.with-submenu>a:after {
  margin: 0 10px 0 0
}

.nav-main>li.with-submenu.open>a:after {
  transform: rotate(180deg)
}

.nav-main .submenu {
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  display: none;
  position: absolute;
  z-index: -1;
  top: 100px;
  background: #181c20;
  -webkit-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
  -moz-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19)
}

@media (min-width:1200px) {
  .nav-main .submenu {
    left: 0;
    right: auto;
    width: 1045px
  }

  [dir=rtl] .nav-main .submenu {
    left: auto;
    right: 0
  }
}

.nav-main>li.hover>a,
.nav-main>li:hover>a {
  background: #181c20;
  color: #fff
}

.nav-main>li.open .submenu {
  opacity: 1;
  z-index: 1;
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
  display: block
}

.nav-main>li.open>a {
  background: #181c20;
  color: #fff
}

@media (max-width:989px) {
  .nav-main {
    display: none
  }
}

@media (max-width:1249px) {
  .nav-main .submenu {
    max-width: 990px
  }
}

@media (max-width:1549px) {
  .nav-main>li {
    position: static
  }
}

.nav-main-deep .btn-sublink {
  width: 270px
}

.nav-secondary {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  text-align: center;
  margin: 0 -20px 0 0
}

[dir=rtl] .nav-secondary {
  right: auto;
  left: 0
}

.nav-secondary .link {
  width: 55px;
  padding: 7px 0 8px;
  display: none;
  position: relative;
  text-decoration: none
}

@media (max-width:767px) {
  .nav-secondary .link {
    height: 50px
  }
}

@media (min-width:768px) {
  .nav-secondary .link {
    max-height: 100px
  }

  .state-sneaky-shown .nav-secondary .link {
    max-height: 75px
  }
}

.nav-secondary li.open .link,
.nav-secondary li:hover .link {
  background: #181c20;
  color: #fff
}

.nav-secondary .icon {
  width: 48px;
  height: 35px;
  position: relative;
  overflow: visible;
  margin: 0 auto;
  font-size: 24px
}

.nav-secondary .bubble {
  position: absolute;
  right: -9px;
  top: 2px
}

.nav-secondary .name {
  text-transform: uppercase;
  font-size: 9px;
  line-height: 1.2em;
  margin: 9px 0 0;
  display: none;
  font-weight: 400
}

.nav-secondary .link-cart,
.nav-secondary .link-menu {
  display: block
}

.shopping-cart-disabled .nav-secondary #item-cart {
  display: none
}

.nav-secondary .link-language .ficon-globe-half {
  top: -2px
}

.nav-secondary .link-language .language-label {
  font-size: 9px;
  line-height: 140%;
  color: #424d56;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  display: block;
  content: "";
  height: 44%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  width: 100%;
  border: 1px solid #fff;
  bottom: -10%;
  text-transform: uppercase
}

.nav-secondary .link-language .language-label.with-caret {
  padding-left: 3px;
  text-align: left
}

.nav-secondary .link-language .language-label.with-caret:before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #424d56;
  right: 2px;
  top: 4px
}

.nav-secondary .link-language .bubble {
  font-size: 10px;
  background: transparent;
  color: inherit;
  top: -3px;
  right: -1px;
  width: 21px;
  padding: 0;
  font-weight: 300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

@media (min-width:768px) {
  .nav-secondary {
    margin: 0 -10px 0 0
  }

  [dir=rtl] .nav-secondary {
    margin-left: -10px;
    margin-right: 0
  }

  .nav-secondary .icon,
  .nav-secondary .link,
  .nav-secondary .name {
    display: block
  }

  .nav-secondary .link {
    padding: 19px 0 26px;
    width: 70px
  }

  .state-sticky-header .nav-secondary .link {
    padding: 19px 0 2px
  }

  .nav-secondary .icon {
    font-size: 30px
  }

  .nav-secondary .bubble {
    right: -3px;
    top: -6px
  }
}

@media (min-width:925px) {

  .state-animating-sidebar .nav-secondary>li,
  .state-shown-sidebar .nav-secondary>li {
    display: none
  }

  .state-animating-sidebar .nav-secondary #item-menu,
  .state-shown-sidebar .nav-secondary #item-menu {
    display: block
  }
}

.nav-countries a {
  padding: 6px 0;
  font-weight: 300
}

.nav-countries .current {
  font-weight: 700
}

.nav-breadcrumbs li {
  margin-right: 15px;
  overflow: hidden;
  font-weight: 700
}

.nav-breadcrumbs li:first-child a:before {
  content: "\F140";
  font-size: 1.3em;
  font-weight: 400
}

.nav-breadcrumbs a,
.nav-breadcrumbs span {
  padding: 16px 0
}

.nav-breadcrumbs span {
  font-weight: 700
}

.nav-breadcrumbs a:after {
  content: "\F11F";
  color: #3b3b3b;
  margin: -2px 5px 0 15px
}

[dir=rtl] .nav-breadcrumbs a:after {
  content: "\F11E";
  margin-left: 5px;
  margin-right: 15px
}

@media (max-width:989px) {
  .nav-breadcrumbs li:first-child {
    width: 0
  }
}

.nav-meta-footer {
  font-weight: 700;
  margin: 0 0 20px
}

@media (max-width:767px) {
  .nav-meta-footer {
    text-align: center
  }
}

.nav-meta-footer li {
  margin: 0 15px 5px
}

@media (min-width:768px) {
  .nav-meta-footer li {
    margin-left: 0;
    margin-right: 30px
  }

  [dir=rtl] .nav-meta-footer li {
    margin-left: 30px;
    margin-right: 0
  }

  .nav-meta-footer li:last-child {
    margin-right: 0
  }
}

@media (min-width:990px) {
  .nav-meta-footer {
    margin: 0 250px 10px 16.66667%;
    padding-left: 15px
  }

  [dir=rtl] .nav-meta-footer {
    margin-left: 250px;
    margin-right: 16.66667%;
    padding-left: 0;
    padding-right: 15px
  }

  .nav-meta-footer:after {
    display: none
  }
}

.nav-sidebar {
  margin: 17px 0
}

.nav-sidebar a {
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 15px
}

.nav-sidebar a:hover {
  background: #4f4f4f
}

.nav-sidebar .bubble {
  position: absolute;
  right: -12px;
  top: -2px
}

.nav-sidebar .divider {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 1px;
  margin: 17px -25px;
  background: #181c20
}

.nav-sub {
  background: #f4f5f4;
  text-transform: uppercase;
  line-height: 1.33333em;
  margin: 0 auto
}

.nav-sub a {
  font-weight: 400;
  padding: 12px 30px 12px 25px;
  color: #424d56;
  display: block;
  text-decoration: none
}

.nav-sub a.active,
.nav-sub a.current {
  border-left-color: #3b3b3b
}

.nav-sub-content {
  background: transparent
}

.nav-sub .mobile-toggle {
  padding: 14px 65px 14px 20px;
  background: #f4f5f4;
  opacity: 0;
  visibility: hidden
}

.nav-sub .mobile-toggle.visible {
  opacity: 1;
  visibility: visible
}

.nav-sub .mobile-toggle:before {
  content: "\F104";
  -webkit-transform-origin: 50% 18%;
  -moz-transform-origin: 50% 18%;
  -ms-transform-origin: 50% 18%;
  -o-transform-origin: 50% 18%;
  transform-origin: 50% 18%;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -3px;
  font-size: 1.2em
}

.nav-sub .mobile-toggle span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.nav-sub .submenu {
  overflow: hidden;
  background: #ececea
}

.nav-sub.open .mobile-toggle span {
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  -ms-transform: translateY(150%);
  -o-transform: translateY(150%);
  transform: translateY(150%)
}

.nav-sub.open .mobile-toggle:before {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1)
}

.subnavigation>.nav-sub {
  max-width: 1920px;
  background: transparent
}

@media (max-width:767px) {
  .nav-sub {
    display: none
  }

  .nav-sub a {
    padding: 11px 60px 11px 20px
  }

  .nav-sub a.active,
  .nav-sub a.current {
    background-color: #3b3b3b;
    color: #fff
  }

  .nav-sub .submenu {
    font-size: 16px
  }

  .nav-sub .submenu a {
    padding-left: 40px
  }

  .nav-sub .submenu .submenu {
    background: #dedede
  }

  .nav-sub .submenu .submenu a {
    padding-left: 60px
  }

  .nav-sub>li,
  .nav-sub>li>.submenu>ul {
    border-top: 1px solid #bdbdbb
  }

  .nav-sub-wrap {
    display: block;
    position: relative
  }

  .nav-sub-content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f4f5f4;
    display: block;
    position: absolute;
    z-index: 70;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 0
  }

  .nav-sub.open .nav-sub-content {
    max-height: 1200px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .26)
  }

  .nav-sub li.with-submenu>a:before {
    content: "+";
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -13px;
    font-weight: 400
  }

  .nav-sub li.with-submenu>.submenu {
    max-height: 0
  }

  .nav-sub li.with-submenu.open>a:before {
    content: "\2013";
    margin-top: -12px;
    right: 26px
  }

  .nav-sub li.with-submenu.open>.submenu {
    max-height: 750px
  }
}

@media (min-width:768px) {
  .nav-sub {
    height: 80px
  }

  .nav-sub>li {
    float: left
  }

  [dir=rtl] .nav-sub>li {
    float: right
  }

  .nav-sub>li>a {
    height: 80px;
    line-height: 80px;
    padding: 0 25px
  }

  .nav-sub>li>a:after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease false;
    -o-transition: all .3s ease false;
    transition: all .3s ease;
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    background: transparent;
    height: 0;
    width: 100%
  }

  .nav-sub>li>a span {
    display: inline-block;
    line-height: 18px
  }

  .nav-sub>li>a.active:after,
  .nav-sub>li>a.current:after {
    background-color: #3b3b3b;
    height: 7px
  }

  .nav-sub>li>.submenu {
    background: #3b3b3b;
    padding-bottom: 7px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease false;
    -o-transition: all .4s ease false;
    transition: all .4s ease;
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    z-index: 80;
    top: 100%;
    min-width: 220px;
    -webkit-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19)
  }

  .nav-sub>li>.submenu a {
    color: #fff
  }

  .nav-sub>li>.submenu a.active,
  .nav-sub>li>.submenu a.current,
  .nav-sub>li>.submenu a:hover {
    background: #ebecea;
    color: #424d56
  }

  .nav-sub>li>.submenu .with-submenu>a {
    padding-right: 70px
  }

  .nav-sub>li>.submenu .submenu {
    background: #222
  }

  .nav-sub>li>.submenu .submenu a {
    padding-left: 50px
  }

  .nav-sub>li>.submenu .submenu .submenu {
    background: #dadad8;
    font-size: 14px
  }

  .nav-sub>li>.submenu .submenu .submenu a {
    padding-left: 60px
  }

  .nav-sub>li.with-submenu>a span:after {
    content: "\F104";
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease false;
    -o-transition: all .4s ease false;
    transition: all .4s ease;
    transform-origin: center 3px;
    font-size: .8em;
    margin: 6px 0 0 10px
  }

  [dir=rtl] .nav-sub>li.with-submenu>a span:after {
    margin-left: 0;
    margin-right: 10px
  }

  .nav-sub>li.open>a:after,
  .nav-sub>li:hover>a:after {
    background-color: #3b3b3b;
    height: 7px
  }

  .nav-sub>li.open>a span:after,
  .nav-sub>li:hover>a span:after {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .nav-sub>li.open>.submenu,
  .nav-sub>li:hover>.submenu {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
  }

  .nav-sub>li.more>.submenu {
    right: 0;
    width: 275px
  }

  [dir=rtl] .nav-sub>li.more>.submenu {
    left: 0;
    right: auto
  }

  .nav-sub>li.more>.submenu br {
    display: none
  }

  .nav-sub .level-1>li.with-submenu>a:before {
    content: "+";
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -13px;
    font-weight: 400
  }

  .nav-sub .level-1>li.with-submenu>.submenu {
    max-height: 0
  }

  .nav-sub .level-1>li.with-submenu.open>a:before {
    content: "\2013";
    margin-top: -12px;
    right: 26px
  }

  .nav-sub .level-1>li.with-submenu.open>.submenu {
    max-height: 750px
  }

  .nav-sub.skin-translucent>li>.submenu {
    background-color: rgba(59, 59, 59, .95)
  }

  .nav-sub.skin-translucent>li>.submenu a.active,
  .nav-sub.skin-translucent>li>.submenu a.current,
  .nav-sub.skin-translucent>li>.submenu a:hover {
    background-color: rgba(235, 236, 234, .95)
  }

  .nav-sub.skin-translucent>li>.submenu .submenu {
    background-color: rgba(34, 34, 34, .65)
  }

  .state-resizing .nav-sub {
    overflow: hidden
  }
}

@media (min-width:1200px) {
  .subnavigation>.nav-sub {
    padding-left: 161px
  }

  [dir=rtl] .subnavigation>.nav-sub {
    padding-left: 0;
    padding-right: 161px
  }
}

.nav-sub.skin-tabs {
  background: transparent;
  overflow: hidden;
  text-align: center
}

.nav-sub.skin-tabs>li {
  float: left;
  width: 16.66667%
}

[dir=rtl] .nav-sub.skin-tabs>li {
  float: right
}

.nav-sub.skin-tabs>li>a {
  height: auto
}

.nav-sub.skin-tabs>li>a span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 18px
}

.nav-sub.skin-tabs a {
  border: none;
  padding: 5px 15px
}

.nav-sub.skin-tabs a:hover {
  background: transparent
}

@media (min-width:990px) {
  .nav-sub.skin-tabs>li:first-child a {
    border-left: 1px solid #f4f5f4
  }

  .nav-sub.skin-tabs a {
    border-right: 1px solid #f4f5f4
  }

  .nav-sub.skin-tabs a:hover {
    background: #fcfcfc
  }

  .nav-sub.skin-tabs a.active,
  .nav-sub.skin-tabs a.current {
    background: #f4f5f4;
    color: #424d56;
    font-weight: 400
  }
}

@media (max-width:989px) {
  .nav-sub.skin-tabs {
    background: #008ba0;
    margin: -50px -30px -51px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    height: auto;
    display: block
  }

  .skin-no-padding .nav-sub.skin-tabs {
    margin: 0 -30px -1px
  }

  .nav-sub.skin-tabs>li {
    display: block;
    float: left;
    width: 25%;
    border-bottom: 1px solid #fff;
    overflow: hidden
  }

  .nav-sub.skin-tabs>li:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    background: #fff
  }

  .nav-sub.skin-tabs>li:last-child {
    overflow: visible
  }

  .nav-sub.skin-tabs>li:last-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -1px;
    background: #fff
  }

  .nav-sub.skin-tabs>li:nth-child(4n+1) {
    clear: left
  }

  .nav-sub.skin-tabs>li:nth-child(4n+1):before {
    display: none
  }

  .nav-sub.skin-tabs>li a {
    color: #fff;
    border-bottom: 3px solid transparent;
    margin: 15px 15px 20px;
    padding: 0;
    line-height: 70px
  }

  .nav-sub.skin-tabs>li a:before {
    display: none
  }

  .nav-sub.skin-tabs>li a.active,
  .nav-sub.skin-tabs>li a.current {
    color: #fff;
    background: transparent;
    border-bottom-color: #fff
  }

  .nav-sub.skin-tabs>li a.active:after,
  .nav-sub.skin-tabs>li a.current:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
  }
}

.nav-buttonized {
  text-align: center
}

.nav-buttonized>li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.nav-buttonized>li a {
  margin: 5px
}

.nav-sitemap-footer {
  margin: 0 -15px 75px
}

.nav-sitemap-footer dt {
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 700
}

.nav-sitemap-footer a {
  font-weight: 400
}

.nav-sitemap-footer dd {
  margin-bottom: 3px
}

@media (max-width:989px) {
  .nav-sitemap-footer dl {
    display: none;
    padding: 0 15px
  }

  .nav-sitemap-footer dd {
    margin: 0 0 10px
  }

  .nav-sitemap-footer a {
    padding: 12px 0;
    line-height: 40px
  }

  .nav-sitemap-footer .toggle {
    display: block;
    position: relative;
    background: #454d53;
    font-size: 20px;
    padding: 15px 50px 15px 20px
  }

  .nav-sitemap-footer .toggle:after {
    content: "+";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    font-weight: 700
  }

  .nav-sitemap-footer .sitemap-section {
    margin: 0 0 3px;
    padding: 0
  }

  .nav-sitemap-footer .sitemap-section.current dl {
    display: block
  }

  .nav-sitemap-footer .sitemap-section.current .toggle:after {
    content: "\2013"
  }
}

.nav-social-profiles {
  text-align: center;
  margin: 0 0 20px;
  z-index: 10
}

.nav-social-profiles li {
  margin: 5px
}

.nav-social-profiles a {
  background: #fff;
  text-decoration: none;
  color: #424d56 !important;
  width: 30px;
  height: 30px
}

.nav-social-profiles a:hover {
  background: #f4f5f4 !important
}

.nav-social-profiles .icon,
.nav-social-profiles .icon:before {
  width: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 30px;
  line-height: 30px
}

.nav-social-profiles .icon.ficon-google,
.nav-social-profiles .icon.ficon-google:before,
.nav-social-profiles .icon.ficon-twitter,
.nav-social-profiles .icon.ficon-twitter:before {
  line-height: 32px
}

.nav-social-profiles .icon.ficon-youtube {
  padding-left: 1px
}

.nav-social-profiles .provider-more,
.nav-social-profiles .provider-more:hover {
  background: transparent !important;
  color: #fff !important
}

.nav-social-profiles .dropdown-menu {
  background: #181c20;
  margin: 10px 0;
  padding: 5px;
  right: -5px;
  min-width: 220px;
  text-align: center
}

.nav-social-profiles .dropdown-menu:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -8px;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #181c20;
  left: auto;
  right: 8px
}

[dir=rtl] .nav-social-profiles .dropdown-menu:after {
  left: 16px;
  right: auto
}

.nav-social-profiles .dropdown-menu li {
  float: left;
  padding: 5px;
  margin: 0
}

[dir=rtl] .nav-social-profiles .dropdown-menu li {
  float: right
}

.nav-social-profiles .dropdown-menu a {
  padding: 0;
  color: #181c20 !important
}

.nav-social-profiles .by-5 .dropdown-menu li {
  width: 20%
}

.nav-social-profiles .by-4 .dropdown-menu li,
.nav-social-profiles .by-8 .dropdown-menu li {
  width: 25%
}

.nav-social-profiles .provider-facebook:hover {
  background: #3b5998 !important;
  color: #fff !important
}

.nav-social-profiles .provider-twitter:hover {
  background: #00aced !important;
  color: #fff !important
}

.nav-social-profiles .provider-youtube:hover {
  background: #e52d27 !important;
  color: #fff !important
}

.nav-social-profiles .provider-linkedin:hover {
  background: #007bb6 !important;
  color: #fff !important
}

.nav-social-profiles .provider-google:hover {
  background: #cc181e !important;
  color: #fff !important
}

.nav-social-profiles .provider-slideshare:hover {
  background: #008ed2 !important;
  color: #fff !important
}

.nav-social-profiles .provider-rss:hover {
  background: #fe610a !important;
  color: #fff !important
}

.nav-social-profiles .provider-pinterest:hover {
  background: #bd2126 !important;
  color: #fff !important
}

.nav-social-profiles .provider-xing:hover {
  background: #006567 !important;
  color: #fff !important
}

.nav-social-profiles .provider-vk:hover {
  background: #6383a8 !important;
  color: #fff !important
}

.nav-social-profiles .provider-ok:hover {
  background: #f2720c !important;
  color: #fff !important
}

.nav-card-links a {
  display: block;
  margin: 15px 0;
  padding: 0 0 0 35px
}

.nav-card-links .icon {
  font-size: 17px;
  float: left;
  margin: 4px 0 0 -35px
}

.browse-link {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  padding: 18px 0;
  max-width: 300px
}

.browse-link .label {
  display: block;
  font-size: 20px;
  color: #424d56
}

.browse-link .arrow {
  color: #424d56;
  font-size: 60px;
  position: absolute;
  top: 50%;
  margin: -30px 0 0
}

.browse-link .arrow:before {
  content: "\F11E"
}

[dir=rtl] .browse-link .arrow:before {
  content: "\F11F"
}

.browse-link.to-prev {
  text-align: left;
  text-decoration: none;
  padding-left: 40px
}

.browse-link.to-prev .arrow {
  left: 0
}

[dir=rtl] .browse-link.to-prev .arrow {
  right: 0;
  left: auto
}

.browse-link.to-next {
  text-align: right;
  text-decoration: none;
  padding-right: 40px
}

.browse-link.to-next .arrow {
  right: 0
}

.browse-link.to-next .arrow:before {
  content: "\F11F"
}

[dir=rtl] .browse-link.to-next .arrow {
  right: auto;
  left: 0
}

[dir=rtl] .browse-link.to-next .arrow:before {
  content: "\F11E"
}

.browse .browse-link {
  float: left;
  width: 50%
}

.browse .browse-link.to-next,
[dir=rtl] .browse .browse-link {
  float: right
}

[dir=rtl] .browse .browse-link.to-next {
  float: left
}

@media (max-width:767px) {
  .browse-link:hover {
    text-decoration: none
  }
}

@media (min-width:768px) {
  .browse-link.with-excerpt {
    padding: 0;
    text-decoration: none
  }

  .browse-link.with-excerpt .excerpt {
    display: block;
    margin-top: 10px
  }

  .browse-link:hover .excerpt,
  .browse-link:hover .label {
    text-decoration: underline
  }

  .browse-link.to-prev {
    padding-left: 85px
  }

  [dir=rtl] .browse-link.to-prev {
    padding-left: 0;
    padding-right: 85px
  }

  .browse-link.to-next {
    padding-right: 85px
  }

  [dir=rtl] .browse-link.to-next {
    padding-left: 85px;
    padding-right: 0
  }
}

.browse {
  padding: 45px 0
}

@media (min-width:990px) {
  #navigation .nav.nav-secondary li#item-menu {
    display: none
  }
}

@media (max-width:767px) {
  #navigation .nav.nav-secondary {
    right: 24px;
    top: 3px
  }

  [dir=rtl] #navigation .nav.nav-secondary {
    left: 5px;
    right: auto
  }
}

@media (max-width:989px) {
  #navigation #nav-main-deep {
    left: calc(49% - 155px);
    transition: all .3s ease-out
  }
}

.os-android .showon_linux,
.os-android .showon_mac,
.os-android .showon_other,
.os-android .showon_windows,
.os-linux.no-os-android .showon_android,
.os-linux.no-os-android .showon_mac,
.os-linux.no-os-android .showon_other,
.os-linux.no-os-android .showon_windows,
.os-osx .showon_android,
.os-osx .showon_linux,
.os-osx .showon_other,
.os-osx .showon_windows,
.os-win .showon_android,
.os-win .showon_linux,
.os-win .showon_mac,
.os-win .showon_other,
.os-x11.no-os-android .showon_android,
.os-x11.no-os-android .showon_mac,
.os-x11.no-os-android .showon_other,
.os-x11.no-os-android .showon_windows {
  display: none
}

.tabs.skin-accordion {
  margin-bottom: 25px
}

.tabs.skin-accordion.skin-accordion-image .panes .swiper-pagination {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-80%)
}

.tabs.skin-accordion.skin-accordion-image .panes .swiper-pagination .swiper-pagination-bullet {
  display: block
}

.tabs.skin-accordion.skin-accordion-image .panes .swiper-pagination .swiper-pagination-bullet i {
  background: #424d56
}

.tabs.skin-accordion.skin-accordion-image .panes .swiper-pagination .swiper-pagination-bullet-active i:after {
  border-color: #424d56;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

@media (max-width:767px) {
  .tabs.skin-accordion.skin-accordion-image .panes .swiper-pagination {
    display: none
  }
}

.tabs.skin-accordion.skin-accordion-image .panes .pane {
  position: relative
}

.tabs.skin-accordion.skin-accordion-image .panes .pane .title {
  background: transparent
}

.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h1,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h2,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h3,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h4,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h5,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a h6,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a p,
.tabs.skin-accordion.skin-accordion-image .panes .pane .title a span {
  color: #424d56
}

.tabs.skin-accordion.skin-accordion-image .panes .pane .title a:before {
  content: none
}

.tabs.skin-accordion.skin-accordion-image .panes .pane .content-wrapper {
  padding: 0 25px
}

.tabs.skin-accordion.skin-accordion-image .panes .pane .content-left {
  display: none
}

@media (min-width:768px) {
  .tabs.skin-accordion.skin-accordion-image .panes .pane .content-left {
    display: none !important
  }
}

.tabs.skin-accordion.skin-accordion-image .panes .pane:before {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #008ba0;
  transition: transform .5s ease-out;
  opacity: 0
}

.tabs.skin-accordion.skin-accordion-image .panes .pane.current {
  border: 1px solid #f4f5f4;
  border-radius: 0 15px 15px 0;
  background-color: #f4f5f4;
  padding-bottom: 5px;
  margin-left: -1px;
  margin-bottom: 5px
}

.tabs.skin-accordion.skin-accordion-image .panes .pane.current .title a:after,
.tabs.skin-accordion.skin-accordion-image .panes .pane.current .title a:before {
  content: none
}

.tabs.skin-accordion.skin-accordion-image .panes .pane.current:before,
.tabs.skin-accordion.skin-accordion-image .panes .pane:hover:before {
  opacity: 1
}

.tabs.skin-accordion.skin-accordion-image .panes .images-container {
  position: relative
}

.tabs.skin-accordion.skin-accordion-image .panes .images-container .content-left {
  display: none
}

@media (max-width:767px) {
  .tabs.skin-accordion.skin-accordion-image .panes .images-container {
    display: none !important
  }
}

.tabs.skin-accordion.skin-accordion-image .panes .content-right {
  overflow-wrap: break-word
}

.tabs.skin-accordion .pane>.title {
  display: block;
  color: #008ba0;
  background: #f4f5f4
}

.tabs.skin-accordion .pane>.title a {
  color: inherit;
  padding: 10px 50px 10px 25px
}

[dir=rtl] .tabs.skin-accordion .pane>.title a {
  padding-left: 50px;
  padding-right: 25px
}

.tabs.skin-accordion .pane>.title a:before {
  content: "+";
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -15px
}

[dir=rtl] .tabs.skin-accordion .pane>.title a:before {
  right: auto;
  left: 25px
}

.tabs.skin-accordion .pane>.title a h1,
.tabs.skin-accordion .pane>.title a h2,
.tabs.skin-accordion .pane>.title a h3,
.tabs.skin-accordion .pane>.title a h4,
.tabs.skin-accordion .pane>.title a h5,
.tabs.skin-accordion .pane>.title a h6,
.tabs.skin-accordion .pane>.title a p {
  margin: 0
}

.tabs.skin-accordion .pane .content-wrapper {
  padding: 25px
}

.tabs.skin-accordion .pane+.pane {
  margin-top: 5px
}

.tabs.skin-accordion .pane.current+.pane {
  margin-top: 0
}

.tabs.skin-accordion .pane.current>.title a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f4f5f4
}

.tabs.skin-accordion .pane.current>.title a:before {
  content: "\2013"
}

@media (min-width:768px) {
  .tabs.skin-accordion .pane>.title {
    font-size: 26px
  }

  .tabs.skin-accordion .pane>.title a {
    padding: 18px 50px 17px 25px
  }

  [dir=rtl] .tabs.skin-accordion .pane>.title a {
    padding-left: 50px;
    padding-right: 25px
  }

  .tabs.skin-accordion .pane .content-wrapper {
    padding: 50px
  }

  .tabs.skin-accordion .pane.current>.title a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f4f5f4
  }
}

.tabs.skin-accordion.skin-content-white .content {
  background: #fff
}

.tabs.skin-accordion.skin-content-gray-lighter .content {
  background: #f4f5f4;
  color: #424d56
}

.tabs.skin-accordion.skin-content-gray-darker .content {
  background: #353e45;
  color: #fff
}

.tabs.skin-accordion.skin-title-teal .pane>.title {
  color: #fff;
  background-color: #008193
}

.tabs.skin-accordion.skin-title-teal .pane.current>.title a:after {
  border-top-color: #008193
}

.tabs.skin-accordion.skin-title-blue .pane>.title {
  color: #fff;
  background-color: #00508c
}

.tabs.skin-accordion.skin-title-blue .pane.current>.title a:after {
  border-top-color: #00508c
}

.tabs.skin-accordion.skin-title-green .pane>.title {
  color: #fff;
  background-color: #8dc63f
}

.tabs.skin-accordion.skin-title-green .pane.current>.title a:after {
  border-top-color: #8dc63f
}

.tabs.skin-accordion.skin-title-gray-blue .pane>.title {
  color: #fff;
  background-color: #424d56
}

.tabs.skin-accordion.skin-title-gray-blue .pane.current>.title a:after {
  border-top-color: #424d56
}

.tabs.skin-accordion.skin-title-crimson .pane>.title {
  color: #fff;
  background-color: #c60651
}

.tabs.skin-accordion.skin-title-crimson .pane.current>.title a:after {
  border-top-color: #c60651
}

.tabs.skin-accordion.skin-title-teal-heavy .pane>.title {
  color: #fff;
  background-color: #004b55
}

.tabs.skin-accordion.skin-title-teal-heavy .pane.current>.title a:after {
  border-top-color: #004b55
}

.tabs.skin-accordion.skin-title-gray-light .pane>.title {
  color: #fff;
  background-color: #ebecea
}

.tabs.skin-accordion.skin-title-gray-light .pane.current>.title a:after {
  border-top-color: #ebecea
}

.tabs.skin-accordion.skin-title-yellow .pane>.title {
  color: #fff;
  background-color: #f8b323
}

.tabs.skin-accordion.skin-title-yellow .pane.current>.title a:after {
  border-top-color: #f8b323
}

.tabs.skin-accordion.skin-title-transparent .pane>.title {
  color: #fff;
  background-color: transparent
}

.tabs.skin-accordion.skin-title-transparent .pane.current>.title a:after {
  border-top-color: transparent
}

.tabs.skin-accordion.skin-title-black .pane>.title {
  color: #fff;
  background-color: #181c20
}

.tabs.skin-accordion.skin-title-black .pane.current>.title a:after {
  border-top-color: #181c20
}

.alert {
  padding: 20px;
  margin: 20px 0;
  background: #ecedee;
  font-size: 15px;
  line-height: 1.33333em;
  position: relative
}

.skin-inverse .alert {
  color: #424d56
}

.alert :last-child {
  margin-bottom: 0
}

.alert:before {
  font-size: 22px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px
}

[dir=rtl] .alert:before {
  right: 20px;
  left: auto
}

.alert.contextual {
  margin: 20px 25px
}

.alert.contextual:after {
  content: "";
  visibility: visible;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ecedee;
  position: absolute;
  top: -10px;
  left: 25px
}

[dir=rtl] .alert.contextual:after {
  left: auto;
  right: 25px
}

.alert-error,
.alert-info,
.alert-warning {
  padding-left: 70px
}

[dir=rtl] .alert-error,
[dir=rtl] .alert-info,
[dir=rtl] .alert-warning {
  padding-right: 70px;
  padding-left: 20px
}

.alert-info {
  background: #e6eef5
}

.alert-info:before {
  content: "\F152";
  color: #005396
}

.alert-info.contextual:after {
  border-bottom: 10px solid #e6eef5
}

.alert-warning {
  background: #fcf4e6
}

.alert-warning:before {
  content: "\F153";
  color: #e29300
}

.alert-warning.contextual:after {
  border-bottom: 10px solid #fcf4e6
}

.alert-error {
  background: #f9e6ea
}

.alert-error:before {
  content: "\F151";
  color: #c6062f
}

.alert-error.contextual:after {
  border-bottom: 10px solid #f9e6ea
}

.article-detail {
  margin: 0 0 80px
}

.article-detail .image-wrapper {
  position: relative
}

.article-detail .audio,
.article-detail .responsive-embed,
.article-detail .video {
  margin: 30px 0
}

.article-detail .title {
  font-size: 45px;
  line-height: 1.11111em
}

.article-detail .meta {
  font-size: 20px;
  margin-bottom: 30px
}

.article-detail .author,
.article-detail .date {
  display: block
}

.article-detail .register {
  overflow: hidden;
  padding: 15px 22px;
  margin: 15px 0;
  background: #f4f5f4
}

.article-detail .register span {
  float: left;
  padding: 15px 0;
  font-weight: 400
}

.article-detail .register .btn {
  float: right;
  margin-left: 15px
}

.article-detail .article-header .browse-link {
  float: right
}

[dir=rtl] .article-detail .article-header .browse-link {
  float: left
}

.article-detail .article-footer {
  clear: both
}

@media (max-width:767px) {
  .article-detail .meta {
    margin-bottom: 10px
  }

  .article-detail .date {
    font-size: 24px
  }

  .article-detail .article-header-background {
    margin: -50px -30px 10px;
    padding-top: 200px;
    background: #f4f5f4 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
  }

  .article-detail .article-header-background.without-image {
    padding-top: 0
  }

  .article-detail .article-header-main {
    padding: 15px 30px;
    background-color: rgba(24, 28, 32, .7)
  }

  .article-detail .article-header-main,
  .article-detail .article-header-main a {
    color: #fff
  }

  .article-detail .article-footer {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c6cfd4
  }
}

@media (min-width:768px) {
  .article-detail .article-content {
    padding-right: 60px
  }

  [dir=rtl] .article-detail .article-content {
    padding-left: 60px;
    padding-right: 15px
  }

  .article-detail .article-header-background {
    background: transparent !important
  }

  .article-detail .article-header {
    padding-bottom: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid #c6cfd4
  }

  .article-detail .quote-header {
    margin-bottom: 30px
  }

  .article-detail .image-wrapper {
    float: left;
    margin: .3em 40px 36px 0
  }

  [dir=rtl] .article-detail .image-wrapper {
    float: right;
    margin-left: 40px;
    margin-right: 0
  }

  .article-detail .image-wrapper .rimg {
    vertical-align: bottom;
    float: none;
    margin: 0
  }
}

.article-list .item {
  position: relative;
  padding: 0 0 50px;
  margin: 0 0 50px;
  border-bottom: 1px solid #c6cfd4
}

.article-list .item:last-child {
  border: none;
  margin-bottom: 0
}

@media (max-width:767px) {
  .article-list.skin-chunked .col+.col {
    margin-top: 0
  }
}

.article-list.skin-chunked .item {
  padding-bottom: 25px
}

.article-list .media {
  float: left;
  width: 33%;
  margin: 3px 25px 0 0
}

[dir=rtl] .article-list .media {
  float: right;
  margin-left: 25px;
  margin-right: 0
}

.article-list .media img {
  margin-bottom: 0;
  vertical-align: bottom
}

.article-list .media:hover:before {
  opacity: 0;
  visibility: hidden
}

.article-list .title {
  font-size: 20px;
  margin: 0 0 10px
}

.article-list .meta {
  display: block;
  margin: 0 0 10px
}

.article-list .meta .location,
.article-list .meta .start {
  display: block
}

.article-list .links a:before,
.article-list .tags a:before {
  background: #008ba0
}

.article-list .links {
  margin: 0 -7px
}

.article-list .tags a {
  margin: 0 8px 10px 0
}

.article-list .url {
  color: #949495;
  font-size: .85em
}

.article-list.skin-content-browser .item {
  padding: 0 0 30px;
  margin: 0 0 30px
}

@media (max-width:479px) {
  .article-list .time {
    font-size: .85em
  }

  .article-list .excerpt {
    clear: both
  }
}

@media (max-width:767px) {
  .article-list .links {
    margin: 0
  }

  .article-list .links li {
    display: block
  }

  .article-list .links a {
    padding: 5px 0 0
  }

  .article-list .links a:before {
    display: none
  }
}

@media (min-width:768px) {
  .article-list .item {
    padding: 0 0 50px 235px
  }

  [dir=rtl] .article-list .item {
    padding-right: 235px;
    padding-left: 0
  }

  .article-list .item.without-media {
    padding-left: 0 !important
  }

  [dir=rtl] .article-list .item.without-media {
    padding-right: 0 !important
  }

  .article-list .media {
    margin: 3px 0 0 -235px;
    width: 180px
  }

  [dir=rtl] .article-list .media {
    margin-left: 0;
    margin-right: -235px
  }

  .article-list.skin-content-browser .item {
    padding: 0 0 30px 235px
  }

  [dir=rtl] .article-list.skin-content-browser .item {
    padding-left: 0;
    padding-right: 235px
  }

  .article-list.skin-content-browser .item-knowledge-base {
    padding: 0 0 30px 60px
  }

  [dir=rtl] .article-list.skin-content-browser .item-knowledge-base {
    padding-left: 0;
    padding-right: 60px
  }

  .article-list.skin-content-browser .item-knowledge-base:before {
    content: "\F10F";
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 45px;
    color: #ebecea
  }
}

@media (min-width:990px) {
  .article-list.skin-chunked .links li {
    display: block
  }

  .article-list.skin-chunked .links a:before {
    background: transparent
  }
}

@media (min-width:1200px) {
  .article-list .links {
    margin: 0 -20px
  }
}

.article-list-related li {
  overflow: hidden;
  padding: 15px 0;
  border-top: 1px solid #c6cfd4
}

.article-list-related li:first-child {
  border-top: none;
  padding-top: 0
}

.article-list-related li.with-media {
  padding-left: 90px
}

[dir=rtl] .article-list-related li.with-media {
  padding-left: 0;
  padding-right: 0
}

.article-list-related .media {
  float: left;
  margin-left: -90px;
  width: 75px
}

[dir=rtl] .article-list-related .media {
  float: right;
  margin-left: 0;
  margin-right: -90px
}

.article-list-related .title {
  font-size: 17px;
  line-height: 1.52941em;
  margin: 0
}

.article-categories .label {
  font-weight: 700
}

.article-categories li {
  margin-right: 3px;
  vertical-align: baseline
}

.article-categories li:after,
.article-categories li a,
.article-categories li span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.article-categories li:after {
  content: ", "
}

.article-categories li:first-child:after,
.article-categories li:last-child:after {
  content: none
}

.article-sidebar .widget+.widget {
  border-top: 1px solid #c6cfd4;
  margin-top: 30px;
  padding-top: 30px
}

.news {
  padding: 0 !important
}

.news .container {
  padding: 0;
  margin: 0
}

.page-navigation ul {
  margin: 0;
  padding: 0;
  position: relative
}

.page-navigation li {
  display: inline-block;
  margin: 0 4px
}

.page-navigation li .number {
  padding: 4px 8px
}

.page-navigation .current {
  font-weight: 700;
  cursor: default !important
}

.page-navigation .f3-widget-paginator {
  display: block
}

.page-navigation .load-more-wrapper,
.phone.touch .page-navigation .f3-widget-paginator,
.tablet.touch .page-navigation .f3-widget-paginator {
  display: none
}

.phone.touch .page-navigation .load-more-wrapper,
.tablet.touch .page-navigation .load-more-wrapper {
  display: block
}

.page-navigation [class*=btn] {
  min-width: 47px;
  padding-left: 0;
  padding-right: 0
}

@media (min-width:768px) {
  .page-navigation .spacer {
    padding-left: 5px;
    padding-right: 5px
  }

  .page-navigation .previous {
    margin-right: 20px
  }

  [dir=rtl] .page-navigation .previous {
    margin-left: 20px;
    margin-right: 0
  }

  .page-navigation .next {
    margin-left: 20px
  }

  [dir=rtl] .page-navigation .next {
    margin-right: 20px;
    margin-left: 0
  }
}

.page-navigation .previous .btn:before {
  content: "\F11D";
  margin-top: -3px
}

[dir=rtl] .page-navigation .previous .btn:before {
  content: "\F120"
}

.page-navigation .next .btn:before {
  content: "\F120";
  margin-top: -3px
}

[dir=rtl] .page-navigation .next .btn:before {
  content: "\F11D"
}

article ol,
article ul {
  padding: 0 0 0 25px
}

.box:not(.skin-inverse) .skin-inverse .sppc .tax-message,
.box:not(.skin-inverse) .sppc .sppc-selection .display {
  color: #424d56
}

.box:not(.skin-inverse) .sppc .knob {
  background-color: #008193
}

.box:not(.skin-inverse) .sppc .knob.inactive {
  background-color: #767676
}

.box:not(.skin-inverse) .sppc .knob i {
  color: #fff
}

.box.skin-gray-light.opacity-100 .box-content {
  background: #ebecea;
  color: #fff
}

.box.skin-gray-light.opacity-90 .box-content {
  background: rgba(235, 236, 234, .9);
  color: #fff
}

.box.skin-gray-light.opacity-75 .box-content {
  background: rgba(235, 236, 234, .75);
  color: #fff
}

.box.skin-gray-light.opacity-50 .box-content {
  background: rgba(235, 236, 234, .5);
  color: #fff
}

.box.skin-gray-light.opacity-25 .box-content {
  background: rgba(235, 236, 234, .25);
  color: #fff;
  color: #424d56
}

.box.skin-gray-light.opacity-0 .box-content {
  background: rgba(235, 236, 234, 0);
  color: #fff;
  color: #424d56
}

.box.skin-gray-dark.opacity-100 .box-content {
  background: #3b3b3b;
  color: #fff
}

.box.skin-gray-dark.opacity-90 .box-content {
  background: rgba(59, 59, 59, .9);
  color: #fff
}

.box.skin-gray-dark.opacity-75 .box-content {
  background: rgba(59, 59, 59, .75);
  color: #fff
}

.box.skin-gray-dark.opacity-50 .box-content {
  background: rgba(59, 59, 59, .5);
  color: #fff
}

.box.skin-gray-dark.opacity-25 .box-content {
  background: rgba(59, 59, 59, .25);
  color: #fff;
  color: #424d56
}

.box.skin-gray-dark.opacity-0 .box-content {
  background: rgba(59, 59, 59, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal.opacity-100 .box-content {
  background: #0096a1;
  color: #fff
}

.box.skin-faded-teal.opacity-90 .box-content {
  background: rgba(0, 150, 161, .9);
  color: #fff
}

.box.skin-faded-teal.opacity-75 .box-content {
  background: rgba(0, 150, 161, .75);
  color: #fff
}

.box.skin-faded-teal.opacity-50 .box-content {
  background: rgba(0, 150, 161, .5);
  color: #fff
}

.box.skin-faded-teal.opacity-25 .box-content {
  background: rgba(0, 150, 161, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal.opacity-0 .box-content {
  background: rgba(0, 150, 161, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-blue.opacity-100 .box-content {
  background: #00508c;
  color: #fff
}

.box.skin-faded-blue.opacity-90 .box-content {
  background: rgba(0, 80, 140, .9);
  color: #fff
}

.box.skin-faded-blue.opacity-75 .box-content {
  background: rgba(0, 80, 140, .75);
  color: #fff
}

.box.skin-faded-blue.opacity-50 .box-content {
  background: rgba(0, 80, 140, .5);
  color: #fff
}

.box.skin-faded-blue.opacity-25 .box-content {
  background: rgba(0, 80, 140, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-blue.opacity-0 .box-content {
  background: rgba(0, 80, 140, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-gray-blue.opacity-100 .box-content {
  background: #424d56;
  color: #fff
}

.box.skin-faded-gray-blue.opacity-90 .box-content {
  background: rgba(66, 77, 86, .9);
  color: #fff
}

.box.skin-faded-gray-blue.opacity-75 .box-content {
  background: rgba(66, 77, 86, .75);
  color: #fff
}

.box.skin-faded-gray-blue.opacity-50 .box-content {
  background: rgba(66, 77, 86, .5);
  color: #fff
}

.box.skin-faded-gray-blue.opacity-25 .box-content {
  background: rgba(66, 77, 86, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-gray-blue.opacity-0 .box-content {
  background: rgba(66, 77, 86, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-gray-lighter.opacity-100 .box-content {
  background: #f4f5f4
}

.box.skin-faded-gray-lighter.opacity-90 .box-content {
  background: rgba(244, 245, 244, .9)
}

.box.skin-faded-gray-lighter.opacity-75 .box-content {
  background: rgba(244, 245, 244, .75)
}

.box.skin-faded-gray-lighter.opacity-50 .box-content {
  background: rgba(244, 245, 244, .5)
}

.box.skin-faded-gray-lighter.opacity-25 .box-content {
  background: rgba(244, 245, 244, .25);
  color: #424d56
}

.box.skin-faded-gray-lighter.opacity-0 .box-content {
  background: rgba(244, 245, 244, 0);
  color: #424d56
}

.box.skin-faded-teal-heavy.opacity-100 .box-content {
  background: #00717f;
  color: #fff
}

.box.skin-faded-teal-heavy.opacity-90 .box-content {
  background: rgba(0, 113, 127, .9);
  color: #fff
}

.box.skin-faded-teal-heavy.opacity-75 .box-content {
  background: rgba(0, 113, 127, .75);
  color: #fff
}

.box.skin-faded-teal-heavy.opacity-50 .box-content {
  background: rgba(0, 113, 127, .5);
  color: #fff
}

.box.skin-faded-teal-heavy.opacity-25 .box-content {
  background: rgba(0, 113, 127, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal-heavy.opacity-0 .box-content {
  background: rgba(0, 113, 127, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal-dark.opacity-100 .box-content {
  background: #004b55;
  color: #fff
}

.box.skin-faded-teal-dark.opacity-90 .box-content {
  background: rgba(0, 75, 85, .9);
  color: #fff
}

.box.skin-faded-teal-dark.opacity-75 .box-content {
  background: rgba(0, 75, 85, .75);
  color: #fff
}

.box.skin-faded-teal-dark.opacity-50 .box-content {
  background: rgba(0, 75, 85, .5);
  color: #fff
}

.box.skin-faded-teal-dark.opacity-25 .box-content {
  background: rgba(0, 75, 85, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal-dark.opacity-0 .box-content {
  background: rgba(0, 75, 85, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-teal-bright.opacity-100 .box-content {
  background: #00bbc5
}

.box.skin-faded-teal-bright.opacity-90 .box-content {
  background: rgba(0, 187, 197, .9)
}

.box.skin-faded-teal-bright.opacity-75 .box-content {
  background: rgba(0, 187, 197, .75)
}

.box.skin-faded-teal-bright.opacity-50 .box-content {
  background: rgba(0, 187, 197, .5)
}

.box.skin-faded-teal-bright.opacity-25 .box-content {
  background: rgba(0, 187, 197, .25);
  color: #424d56
}

.box.skin-faded-teal-bright.opacity-0 .box-content {
  background: rgba(0, 187, 197, 0);
  color: #424d56
}

.box.skin-faded-blue-dark-muted.opacity-100 .box-content {
  background: #385f7f;
  color: #fff
}

.box.skin-faded-blue-dark-muted.opacity-90 .box-content {
  background: rgba(56, 95, 127, .9);
  color: #fff
}

.box.skin-faded-blue-dark-muted.opacity-75 .box-content {
  background: rgba(56, 95, 127, .75);
  color: #fff
}

.box.skin-faded-blue-dark-muted.opacity-50 .box-content {
  background: rgba(56, 95, 127, .5);
  color: #fff
}

.box.skin-faded-blue-dark-muted.opacity-25 .box-content {
  background: rgba(56, 95, 127, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-blue-dark-muted.opacity-0 .box-content {
  background: rgba(56, 95, 127, 0);
  color: #fff;
  color: #424d56
}

.box.skin-faded-black.opacity-100 .box-content {
  background: #181c20;
  color: #fff
}

.box.skin-faded-black.opacity-90 .box-content {
  background: rgba(24, 28, 32, .9);
  color: #fff
}

.box.skin-faded-black.opacity-75 .box-content {
  background: rgba(24, 28, 32, .75);
  color: #fff
}

.box.skin-faded-black.opacity-50 .box-content {
  background: rgba(24, 28, 32, .5);
  color: #fff
}

.box.skin-faded-black.opacity-25 .box-content {
  background: rgba(24, 28, 32, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-black.opacity-0 .box-content {
  background: rgba(24, 28, 32, 0);
  color: #fff;
  color: #424d56
}

.box.skin-white.opacity-100 .box-content {
  background: #fff;
  color: #424d56
}

.box.skin-white.opacity-90 .box-content {
  background: hsla(0, 0%, 100%, .9);
  color: #424d56
}

.box.skin-white.opacity-75 .box-content {
  background: hsla(0, 0%, 100%, .75);
  color: #424d56
}

.box.skin-white.opacity-50 .box-content {
  background: hsla(0, 0%, 100%, .5);
  color: #424d56
}

.box.skin-white.opacity-25 .box-content {
  background: hsla(0, 0%, 100%, .25);
  color: #424d56
}

.box.skin-white.opacity-0 .box-content {
  background: hsla(0, 0%, 100%, 0);
  color: #424d56
}

.box.skin-faded-gray.opacity-100 .box-content {
  background: #949495
}

.box.skin-faded-gray.opacity-90 .box-content {
  background: rgba(148, 148, 149, .9)
}

.box.skin-faded-gray.opacity-75 .box-content {
  background: rgba(148, 148, 149, .75)
}

.box.skin-faded-gray.opacity-50 .box-content {
  background: rgba(148, 148, 149, .5)
}

.box.skin-faded-gray.opacity-25 .box-content {
  background: rgba(148, 148, 149, .25);
  color: #424d56
}

.box.skin-faded-gray.opacity-0 .box-content {
  background: rgba(148, 148, 149, 0);
  color: #424d56
}

.box.skin-faded-yellow.opacity-100 .box-content {
  background: #f8c523;
  color: #fff
}

.box.skin-faded-yellow.opacity-90 .box-content {
  background: rgba(248, 197, 35, .9);
  color: #fff
}

.box.skin-faded-yellow.opacity-75 .box-content {
  background: rgba(248, 197, 35, .75);
  color: #fff
}

.box.skin-faded-yellow.opacity-50 .box-content {
  background: rgba(248, 197, 35, .5);
  color: #fff
}

.box.skin-faded-yellow.opacity-25 .box-content {
  background: rgba(248, 197, 35, .25);
  color: #fff;
  color: #424d56
}

.box.skin-faded-yellow.opacity-0 .box-content {
  background: rgba(248, 197, 35, 0);
  color: #fff;
  color: #424d56
}

.box.skin-yellow.opacity-100 .box-content {
  background: #f8b323;
  color: #fff
}

.box.skin-yellow.opacity-90 .box-content {
  background: rgba(248, 179, 35, .9);
  color: #fff
}

.box.skin-yellow.opacity-75 .box-content {
  background: rgba(248, 179, 35, .75);
  color: #fff
}

.box.skin-yellow.opacity-50 .box-content {
  background: rgba(248, 179, 35, .5);
  color: #fff
}

.box.skin-yellow.opacity-25 .box-content {
  background: rgba(248, 179, 35, .25);
  color: #fff;
  color: #424d56
}

.box.skin-yellow.opacity-0 .box-content {
  background: rgba(248, 179, 35, 0);
  color: #fff;
  color: #424d56
}

.box.skin-gray-light .box-content {
  background: #ebecea;
  color: #fff
}

.box.skin-gray-dark .box-content {
  background: #3b3b3b;
  color: #fff
}

.box.skin-faded-teal .box-content {
  background: #0096a1;
  color: #fff
}

.box.skin-faded-blue .box-content {
  background: #00508c;
  color: #fff
}

.box.skin-faded-gray-blue .box-content {
  background: #424d56;
  color: #fff
}

.box.skin-faded-gray-lighter .box-content {
  background: #f4f5f4
}

.box.skin-faded-teal-heavy .box-content {
  background: #00717f;
  color: #fff
}

.box.skin-faded-teal-dark .box-content {
  background: #004b55;
  color: #fff
}

.box.skin-faded-teal-bright .box-content {
  background: #00bbc5
}

.box.skin-faded-blue-dark-muted .box-content {
  background: #385f7f;
  color: #fff
}

.box.skin-faded-black .box-content {
  background: #181c20;
  color: #fff
}

.box.skin-white .box-content {
  background: #fff;
  color: #fff
}

.box.skin-faded-gray .box-content {
  background: #949495
}

.box.skin-faded-yellow .box-content {
  background: #f8c523;
  color: #fff
}

.box.skin-yellow .box-content {
  background: #f8b323;
  color: #fff
}

.flex.equal-element-height>div.col>div,
.flex.equal-element-height>div.col>div>div.frame-default {
  height: 100%
}

.flex.equal-element-height>div.col div>.box {
  display: flex;
  flex-direction: column;
  height: 100%
}

.flex.equal-element-height>div.col div>.box>a {
  display: block;
  height: 100%
}

.flex.equal-element-height>div.col div>.box .box-content {
  height: 100%
}

.box {
  position: relative;
  padding: 42px 0 15px;
  color: #424d56;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out
}

.box .box-content>div:last-child p:last-child {
  margin: 0
}

.box .box-badge {
  position: absolute;
  display: block;
  bottom: 100%;
  width: 100%;
  margin-bottom: -42px
}

.box .box-badge p {
  margin: 0
}

.box .box-image {
  padding: 0
}

.box .box-image img {
  margin: 0;
  border: none;
  display: block;
  width: 100%
}

.box.skin-inverse {
  color: #fff
}

.box.skin-inverse:after {
  border-top-color: #3b3b3b
}

#cboxContent .box {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.box.border-1 .box-content,
.box.border-2 .box-content,
.box.border-3 .box-content,
.box.border-4 .box-content,
.box.border-5 .box-content {
  border-style: solid
}

.box.border-1 .box-content {
  border-width: 1px
}

.box.border-2 .box-content {
  border-width: 2px
}

.box.border-3 .box-content {
  border-width: 3px
}

.box.border-4 .box-content {
  border-width: 4px
}

.box.border-5 .box-content {
  border-width: 5px
}

.box.border-gray-light .box-content {
  border-color: #c6cfd4
}

.box.border-light .box-content {
  border-color: hsla(0, 0%, 100%, .5)
}

.box.border-gray-dark .box-content {
  border-color: #3b3b3b
}

.box.border-faded-teal .box-content {
  border-color: #0096a1
}

.box.border-faded-blue .box-content {
  border-color: #00508c
}

.box.border-faded-gray-blue .box-content {
  border-color: #424d56
}

.box.border-faded-gray-lighter .box-content {
  border-color: #f4f5f4
}

.box.border-faded-teal-heavy .box-content {
  border-color: #00717f
}

.box.border-faded-teal-dark .box-content {
  border-color: #004b55
}

.box.border-faded-teal-bright .box-content {
  border-color: #00bbc5
}

.box.border-faded-blue-dark-muted .box-content {
  border-color: #385f7f
}

.box.border-faded-black .box-content {
  border-color: #181c20
}

.box.skin-badge-no-padding {
  padding-top: 0
}

.box.skin-shadow .box-content {
  -webkit-box-shadow: rgba(50, 50, 93, .6) 0 2px 10px -1px, rgba(0, 0, 0, .1) 0 1px 3px -1px;
  -moz-box-shadow: rgba(50, 50, 93, .6) 0 2px 10px -1px, rgba(0, 0, 0, .1) 0 1px 3px -1px;
  box-shadow: 0 2px 10px -1px rgba(50, 50, 93, .6), 0 1px 3px -1px rgba(0, 0, 0, .1);
  z-index: 1;
  position: relative
}

.box:hover.hover-inverse,
.box:hover.hover-inverse .box-content {
  color: #fff
}

.box:hover.hover-inverse .box-content a:not([class*=btn]).btn-bordered {
  border-color: #fff;
  color: #fff
}

.box:hover.hover-inverse .box-content a:not([class*=btn]).btn-bordered:hover {
  color: #424d56
}

.box:hover.hover-normal,
.box:hover.hover-normal .box-content {
  color: #3b3b3b
}

.box:hover.hover-normal .box-content a.btn-bordered {
  border-color: #3b3b3b;
  color: #3b3b3b
}

.box:hover.hover-normal .box-content a.btn-bordered:hover {
  color: #fff;
  border-color: #3b3b3b;
  background-color: #3b3b3b
}

.box:hover.box-hover-zoom {
  transform: scale(1.1)
}

.box:hover.box-hover-shadow .box-content {
  box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.box:hover.box-hover-fade {
  opacity: .8
}

.box:hover.hover-gray-light .box-content {
  background: #c6cfd4
}

.box:hover.hover-light .box-content {
  background: hsla(0, 0%, 100%, .5)
}

.box:hover.hover-gray-dark .box-content {
  background: #3b3b3b
}

.box:hover.hover-faded-teal .box-content {
  background: #0096a1
}

.box:hover.hover-faded-blue .box-content {
  background: #00508c
}

.box:hover.hover-faded-gray-blue .box-content {
  background: #424d56
}

.box:hover.hover-faded-gray-lighter .box-content {
  background: #f4f5f4
}

.box:hover.hover-faded-gray .box-content {
  background: #949495
}

.box:hover.hover-faded-teal-heavy .box-content {
  background: #00717f
}

.box:hover.hover-faded-teal-dark .box-content {
  background: #004b55
}

.box:hover.hover-faded-teal-bright .box-content {
  background: #00bbc5
}

.box:hover.hover-faded-blue-dark-muted .box-content {
  background: #385f7f
}

.box:hover.hover-faded-black .box-content {
  background: #181c20
}

.box:hover.border-hover-gray-light .box-content {
  border-color: #c6cfd4
}

.box:hover.border-hover-light .box-content {
  border-color: hsla(0, 0%, 100%, .5)
}

.box:hover.border-hover-gray-dark .box-content {
  border-color: #3b3b3b
}

.box:hover.border-hover-faded-teal .box-content {
  border-color: #0096a1
}

.box:hover.border-hover-faded-blue .box-content {
  border-color: #00508c
}

.box:hover.border-hover-faded-gray-blue .box-content {
  border-color: #424d56
}

.box:hover.border-hover-faded-gray-lighter .box-content {
  border-color: #f4f5f4
}

.box:hover.border-hover-faded-teal-heavy .box-content {
  border-color: #00717f
}

.box:hover.border-hover-faded-teal-dark .box-content {
  border-color: #004b55
}

.box:hover.border-hover-faded-teal-bright .box-content {
  border-color: #00bbc5
}

.box:hover.border-hover-faded-blue-dark-muted .box-content {
  border-color: #385f7f
}

.box:hover.border-hover-faded-black .box-content {
  border-color: #181c20
}

.box-badge {
  color: #fff;
  background: #3b3b3b;
  padding: 5px 25px
}

.skin-shadow .box-badge {
  -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 93, .6);
  -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 93, .6);
  box-shadow: 0 0 10px 0 rgba(50, 50, 93, .6)
}

.box-title {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px
}

.box-title h1,
.box-title h2,
.box-title h3,
.box-title h4,
.box-title h5,
.box-title h6 {
  margin-bottom: 0
}

.box-content {
  background: #fff;
  padding: 25px;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out
}

.box-content.flex>div {
  flex-basis: 100%
}

.box-content.flex>div.box-bottom-content {
  align-self: self-end
}

.box .box-badge.skin-teal {
  background: #008193
}

.box .box-badge.skin-blue {
  background: #00508c
}

.box .box-badge.skin-green {
  background: #8dc63f
}

.box .box-badge.skin-gray-blue {
  background: #424d56
}

.box .box-badge.skin-crimson {
  background: #c60651
}

.box .box-badge.skin-teal-heavy {
  background: #004b55
}

.box .box-badge.skin-gray-light {
  background: #ebecea;
  color: #3b3b3b
}

.box .box-badge.skin-yellow {
  background: #f8b323;
  color: #3b3b3b
}

.box .box-badge.skin-transparent {
  background: transparent;
  color: #3b3b3b
}

.box .box-badge.skin-black {
  background: #181c20
}

.box .box-badge.skin-invisible {
  visibility: hidden
}

.box .box-badge.skin-transparent {
  border-bottom: 2px solid #3b3b3b
}

.skin-inverse .box .box-badge.skin-transparent {
  border-bottom: 2px solid #fff;
  color: #fff
}

.skin-inverse .box.opacity-0 .box-content {
  color: #fff
}

.box.skin-border-gray-light .box-content {
  border: 1px solid #c6cfd4
}

.box.skin-border-light .box-content {
  border: 1px solid hsla(0, 0%, 100%, .5)
}

.box-no-padding .box-content {
  padding-left: 0;
  padding-right: 0
}

.widget .box {
  background: #3b3b3b;
  color: #fff;
  font-size: 15px;
  line-height: 1.33333em;
  padding: 15px
}

.widget .box p {
  margin: 0 0 5px
}

.widget .box a {
  color: inherit
}

.widget .box .box-title {
  font-size: 20px;
  margin: 0 0 10px
}

.box.event-information {
  background: #3aa040
}

.box.webcast {
  background: #3aa4a4
}

.box.trial {
  background: #00558f
}

.box:hover * {
  text-decoration: none
}

.state-cart-request-pending [data-js-buy] {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: .65
}

.state-cart-request-pending a {
  cursor: default
}

.link-cart {
  overflow: hidden
}

.link-cart.invisible {
  width: 0 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.flyout-cart-wrap {
  -webkit-transition: max-height false .3s, box-shadow false 0s;
  -moz-transition: max-height .3s false false, box-shadow 0s false false;
  -o-transition: max-height .3s false false, box-shadow 0s false false;
  transition: max-height .3s, box-shadow 0s;
  -webkit-box-shadow: 0 5px 10px transparent;
  -moz-box-shadow: 0 5px 10px transparent;
  box-shadow: 0 5px 10px transparent;
  max-height: 0;
  width: 100%
}

.dropdown .flyout-cart-wrap {
  display: block;
  overflow: hidden;
  background: transparent;
  left: auto;
  right: 0
}

[dir=rtl] .dropdown .flyout-cart-wrap {
  right: auto;
  left: 0
}

.open .flyout-cart-wrap {
  max-height: 445px;
  -webkit-transition: max-height false .3s, box-shadow false .3s;
  -webkit-transition-delay: 0s, .2s;
  -moz-transition: max-height .3s false false, box-shadow .3s false .2s;
  -o-transition: max-height .3s false false, box-shadow .3s false .2s;
  transition: max-height .3s, box-shadow .3s .2s;
  -webkit-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
  -moz-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .19)
}

@media (min-width:768px) {
  .open .flyout-cart-wrap {
    max-height: 590px
  }
}

@media (min-width:768px) {
  .flyout-cart-wrap {
    width: 515px
  }
}

.flyout-cart {
  position: relative;
  overflow: hidden
}

.flyout-cart,
.flyout-cart a,
.header.skin-inverse .flyout-cart {
  background: #181c20;
  color: #fff
}

.dropdown .flyout-cart {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.dropdown.open .flyout-cart {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.sidebar .flyout-cart {
  margin: 0 -25px 20px
}

.flyout-cart .cart-footer {
  overflow: hidden;
  background: #3b3b3b;
  padding: 20px
}

.flyout-cart .cart-footer .label {
  font-size: 13px;
  line-height: 1.07692em;
  text-transform: uppercase
}

.flyout-cart .cart-footer .subtotal {
  margin: 3px 0 0 35px;
  text-align: right
}

[dir=rtl] .flyout-cart .cart-footer .subtotal {
  text-align: left;
  float: left;
  margin-right: 35px;
  margin-left: 10px
}

.flyout-cart .cart-footer .btn-goto-cart {
  min-width: 0;
  padding-left: 5px;
  padding-right: 5px
}

.flyout-cart .cart-footer .btn-view-all {
  margin: 0 55px
}

.flyout-cart .cart-body {
  padding: 0 20px
}

.dropdown .flyout-cart .cart-body {
  max-height: 350px
}

@media (min-width:768px) {
  .dropdown .flyout-cart .cart-body {
    max-height: 455px
  }
}

.flyout-cart .item {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid #3b3b3b
}

.flyout-cart .item.has-image {
  padding-top: 50px
}

.flyout-cart .item.has-image .remove {
  top: 90px
}

.flyout-cart .item .price {
  margin: 0 0 0 5px;
  float: right
}

[dir=rtl] .flyout-cart .item .price {
  float: left;
  margin-right: 5px;
  margin-left: 0
}

.flyout-cart .item:first-child {
  border-top: none
}

.flyout-cart .price {
  margin: 3px 0 0;
  font-size: 30px
}

.flyout-cart .thumbnail {
  float: left;
  margin: -30px 20px 0 0;
  width: 90px
}

[dir=rtl] .flyout-cart .thumbnail {
  float: right;
  margin-right: 0;
  margin-left: 20px
}

.flyout-cart .quantity {
  display: inline;
  color: #8dc63f
}

.flyout-cart .description {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.33333em;
  font-weight: 700
}

.flyout-cart .attribute {
  font-size: 15px;
  line-height: 1.33333em;
  color: #ebecea;
  text-transform: uppercase;
  display: inline
}

.flyout-cart .price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-transform: uppercase
}

.flyout-cart .remove {
  color: #43494c;
  position: absolute;
  top: 60px;
  right: 0
}

.flyout-cart .remove .icon {
  width: 17px;
  height: 17px;
  font-size: 17px
}

.flyout-cart .remove:hover {
  color: #ebecea
}

[dir=rtl] .flyout-cart .remove {
  right: auto;
  left: 0
}

.flyout-cart .message {
  margin: 0
}

.flyout-cart .message-empty {
  text-align: center;
  margin: 65px 0
}

.flyout-cart .promoapplied {
  font-size: 15px;
  line-height: 1.33333em
}

.case-study-banner .section-group-cta,
.case-study-banner .section-group-headline {
  position: relative;
  width: 100%;
  z-index: 1
}

.case-study-banner .responsive-embed,
.case-study-banner .video {
  margin: 0 0 60px
}

.case-study-banner .section-group-headline {
  color: #fff;
  padding-top: 50px
}

.case-study-banner .section-group-cta {
  margin-top: -60px;
  padding-bottom: 40px
}

.case-study-banner .section {
  padding-bottom: 20px
}

.case-study-banner .section-content {
  vertical-align: top
}

.hero .case-study-banner .section-group-headline {
  padding-top: 150px
}

.hero .case-study-banner .section>.container {
  padding-top: 0
}

.form-case-studies {
  margin: 0;
  padding: 15px 0 0
}

@media (min-width:768px) {
  .form-case-studies {
    padding: 55px 0 40px
  }
}

.case-study-cards {
  margin: -5px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-direction: row;
  flex-direction: row
}

.case-study-cards.has-few-elements {
  text-align: center
}

.case-study-cards.is-initialised .case-study-card {
  display: none
}

.case-study-card {
  position: relative;
  width: 50%;
  padding: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  -ms-perspective: 500px;
  -o-perspective: 500px;
  perspective: 500px
}

.case-study-card .content {
  position: relative;
  height: 200px;
  text-align: center;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.case-study-card .info,
.case-study-card .sign {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.case-study-card .sign {
  line-height: 200px
}

.case-study-card .sign img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.case-study-card .info {
  padding: 25px 25px 50px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.case-study-card .quote {
  color: #424d56
}

.case-study-card .link {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%
}

.case-study-card.open,
.no-touch .case-study-card:hover {
  z-index: 10
}

.case-study-card.open .content,
.no-touch .case-study-card:hover .content {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg)
}

.no-csstransforms3d .case-study-card .content,
.no-csstransforms3d .case-study-card .info {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg)
}

.no-csstransforms3d .case-study-card .info {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.no-csstransforms3d .case-study-card.open .info {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.no-csstransforms3d.no-touch .case-study-card:hover .content,
.no-csstransforms3d.no-touch .case-study-card:hover .info {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg)
}

.no-csstransforms3d.no-touch .case-study-card:hover .info {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

@media (max-width:767px) {
  .case-study-card {
    font-size: .8em;
    line-height: 1.2em
  }

  .case-study-card .content {
    height: 150px
  }

  .case-study-card .sign {
    line-height: 150px
  }
}

@media (max-width:399px) {
  .case-study-card {
    font-size: .6em
  }
}

@media (min-width:990px) {
  .case-study-card {
    width: 33.33333%
  }
}

@media (min-width:1200px) {
  .case-study-card {
    width: 25%
  }
}

.compare {
  overflow: hidden;
  margin-bottom: 25px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.compare [class*=link] {
  display: block
}

.compare [class*=btn]+[class*=link] {
  margin-top: 20px
}

.compare .information,
.compare .product {
  text-align: center;
  position: relative;
  clear: both;
  margin: 0 auto
}

.compare .price {
  color: #424d56;
  font-size: 24px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: 700
}

.compare .price.obsolete {
  font-size: .8em;
  margin: 0 15px 0 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7;
  font-weight: 400
}

.compare .tooltip {
  float: right;
  margin: 0 -25px 0 0
}

[dir=rtl] .compare .tooltip {
  float: left;
  margin: 0 0 0 -25px
}

.compare .name {
  font-weight: 700
}

.compare .ribbon {
  right: -15px
}

.compare .feature {
  position: relative;
  display: block;
  margin: 0;
  line-height: 1.2em
}

.compare .feature.unchecked:before {
  content: "\2013";
  color: #c5cfd8
}

.compare .feature.checked:before {
  content: "\F11B";
  color: #8dc63f
}

.compare .skin-highlight .name a {
  color: #424d56
}

.compare-table {
  border-collapse: separate;
  text-align: center
}

.compare-table td,
.compare-table th {
  padding: 6px 20px;
  font-weight: 400
}

.compare-table td.skin-highlight,
.compare-table th.skin-highlight {
  background: #f4f5f4
}

.compare-table .head th {
  padding-top: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c6cfd4
}

.compare-table .head th.skin-highlight {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0
}

.compare-table .foot td {
  padding-top: 15px;
  padding-bottom: 20px
}

.compare-table .foot td.skin-highlight {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px
}

.compare-table .body td,
.compare-table .body th {
  border-bottom: 1px solid #c6cfd4;
  vertical-align: middle
}

.compare-table .body th {
  text-align: left;
  padding-left: 0
}

[dir=rtl] .compare-table .body th {
  text-align: right;
  padding-right: 0;
  padding-left: 20px
}

.compare-table .features {
  min-width: 150px
}

.compare-table .features .feature {
  padding-right: 35px
}

[dir=rtl] .compare-table .features .feature {
  padding-right: 0;
  padding-left: 35px
}

.compare-table .name {
  margin: 0
}

.compare-table .description {
  overflow: hidden;
  line-height: 1.2em;
  margin-bottom: 13px
}

.compare-table .thumbnail {
  display: block;
  margin: 0 auto 25px;
  height: 170px;
  width: auto
}

.compare-table .thumbnail-wrap {
  padding-top: 10px
}

@media (max-width:989px) {

  .compare-table td,
  .compare-table th {
    padding: 5px
  }

  .compare-table .prices {
    height: 75px
  }

  .compare-table .thumbnail {
    height: 110px;
    width: auto
  }

  .compare-table [class*=btn-] {
    padding: 10px 3px;
    min-width: 0;
    font-size: .75em
  }
}

.compare-table.skin-count2 [scope=col] {
  width: 33.33333%
}

.compare-table.skin-count3 [scope=col] {
  width: 25%
}

.compare-table.skin-count4 [scope=col] {
  width: 20%
}

@media (min-width:1200px) {
  .compare-table .features {
    min-width: 330px
  }
}

.compare-list .features,
.compare-list .product {
  float: left;
  width: 40%
}

.compare-list .features {
  width: 60%;
  padding-left: 25px
}

.compare-list .feature {
  margin: 0 0 10px;
  padding-left: 35px
}

.compare-list .feature:before {
  float: left;
  margin: 3px 0 0 -25px
}

.compare-list .information {
  clear: both;
  max-width: none
}

.compare-list .comparable {
  border-top: 1px solid #c6cfd4;
  padding: 30px
}

.compare-list .comparable.skin-highlight {
  background: #f4f5f4
}

@media (max-width:989px) {
  .compare-list {
    margin: 0 -30px
  }
}

.container.countdown.padding-top-normal {
  padding-top: 25px
}

.container.countdown.padding-top-small {
  padding-top: 15px
}

.container.countdown.padding-top-none {
  padding-top: 0
}

.container.countdown.padding-bottom-normal {
  padding-bottom: 35px
}

.container.countdown.padding-bottom-small {
  padding-bottom: 25px
}

.container.countdown.padding-bottom-none {
  padding-bottom: 0
}

.countdown-container {
  opacity: 0;
  transition: opacity 1s;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  font-family: Fedra, Tahoma, sans-serif
}

.countdown-container .label {
  text-transform: uppercase
}

.countdown-container.countdown-center {
  margin: 0 auto
}

.countdown-container.countdown-left {
  margin: 0 auto 0 0
}

.countdown-container.countdown-right {
  margin: 0 0 0 auto
}

.countdown-container.enabled {
  opacity: 1
}

.countdown-container .countdown-expired {
  display: none
}

.countdown-container .countdown-expired.padding-top-normal {
  padding-top: 35px
}

.countdown-container .countdown-expired.padding-top-small {
  padding-top: 25px
}

.countdown-container .countdown-expired.padding-top-none {
  padding-top: 0
}

.countdown-container .countdown-expired.padding-bottom-normal {
  padding-bottom: 35px
}

.countdown-container .countdown-expired.padding-bottom-small {
  padding-bottom: 25px
}

.countdown-container .countdown-expired.padding-bottom-none {
  padding-bottom: 0
}

.countdown-container.expired .countdown-expired {
  display: block;
  width: 100%
}

.countdown-container.countdown-left .countdown-expired {
  text-align: left
}

.countdown-container.countdown-right .countdown-expired {
  text-align: right
}

.countdown-container.countdown-center .countdown-expired {
  text-align: center
}

.countdown-container.countdown-xlarge {
  max-width: 650px
}

.countdown-container.countdown-xlarge.labels-beside {
  max-width: 980px
}

.countdown-container.countdown-xlarge .number {
  font-size: 75px;
  line-height: 80px;
  transition: all .4s;
  font-weight: 400
}

.countdown-container.countdown-xlarge .label {
  font-size: 25px;
  transition: all .4s
}

.countdown-container.countdown-xlarge.delimiter-colon .countdown-delimiter:before {
  font-size: 55px
}

.countdown-container.countdown-xlarge.labels-above .countdown-delimiter:before {
  padding-top: 15px
}

.countdown-container.countdown-xlarge.labels-below .countdown-delimiter:before {
  padding-bottom: 35px
}

.countdown-container.countdown-large {
  max-width: 550px
}

.countdown-container.countdown-large.labels-beside {
  max-width: 680px
}

.countdown-container.countdown-large .number {
  font-size: 45px;
  line-height: 50px
}

.countdown-container.countdown-large .label {
  font-size: 17px
}

.countdown-container.countdown-large.delimiter-colon .countdown-delimiter:before {
  font-size: 35px
}

.countdown-container.countdown-large.labels-above .countdown-delimiter:before {
  padding-top: 22px
}

.countdown-container.countdown-large.labels-below .countdown-delimiter:before {
  padding-bottom: 30px
}

.countdown-container.countdown-medium {
  max-width: 450px
}

.countdown-container.countdown-medium.labels-beside {
  max-width: 650px
}

.countdown-container.countdown-medium .number {
  font-size: 35px;
  line-height: 40px
}

.countdown-container.countdown-medium .label {
  font-size: 15px
}

.countdown-container.countdown-medium.delimiter-colon .countdown-delimiter:before {
  font-size: 25px
}

.countdown-container.countdown-medium.labels-above .countdown-delimiter:before {
  padding-top: 22px
}

.countdown-container.countdown-medium.labels-below .countdown-delimiter:before {
  padding-bottom: 28px
}

.countdown-container.countdown-small {
  max-width: 650px
}

.countdown-container.countdown-small .number {
  font-size: 22px;
  line-height: 20px
}

.countdown-container.countdown-small .label {
  font-size: 13px
}

.countdown-container.countdown-small.delimiter-colon .countdown-delimiter:before {
  font-size: 20px
}

.countdown-container.countdown-small.labels-above .countdown-delimiter:before {
  padding-top: 25px
}

.countdown-container.countdown-small.labels-below .countdown-delimiter:before {
  padding-bottom: 25px
}

.countdown-container.labels-none .label {
  display: none
}

.countdown-container.labels-below .countdown-group {
  margin-right: 25px
}

.countdown-container.labels-above .countdown-group,
.countdown-container.labels-below .countdown-group {
  display: flex;
  flex-direction: column;
  text-align: center
}

.countdown-container.labels-above .countdown-group .label {
  order: 0
}

.countdown-container.labels-above .countdown-group .number {
  order: 1
}

.countdown-container.labels-beside .countdown-group {
  align-items: center;
  flex-direction: row;
  display: flex
}

.countdown-container.labels-beside .countdown-group .label {
  padding-left: 15px
}

.countdown-container.delimiter-colon .countdown-delimiter {
  position: relative;
  text-align: center;
  width: 10px
}

.countdown-container.delimiter-colon .countdown-delimiter:before {
  content: ":";
  position: absolute;
  font-weight: 700;
  transform: translate(-50%, -50%)
}

.countdown-container.delimiter-line .countdown-delimiter {
  position: relative;
  text-align: center;
  background: #424d56;
  width: 2px;
  padding: 35px 0
}

.countdown-container.hide-days .countdown-delimiter:nth-child(2),
.countdown-container.hide-days .countdown-delimiter:nth-child(2):before,
.countdown-container.hide-days .countdown-group.days,
.countdown-container.hide-seconds .countdown-delimiter:nth-child(6),
.countdown-container.hide-seconds .countdown-delimiter:nth-child(6):before,
.countdown-container.hide-seconds .countdown-group.seconds {
  display: none
}

.skin-inverse .delimiter-line .countdown-delimiter {
  background: #fff
}

@media (max-width:767px) {
  .container .countdown-container.countdown-xlarge .number {
    font-size: 45px;
    line-height: 60px;
    font-weight: 700
  }

  .container .countdown-container.countdown-xlarge .label {
    font-size: 16px
  }

  .container .countdown-container.delimiter-colon .countdown-delimiter:before {
    font-size: 35px;
    font-weight: 400
  }

  .container .countdown-container.countdown-medium.labels-beside {
    max-width: 280px
  }
}

@media (max-width:989px) {

  .container .countdown-container.labels-beside.countdown-large .number,
  .container .countdown-container.labels-beside.countdown-xlarge .number {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400
  }

  .container .countdown-container.delimiter-colon.countdown-large .countdown-delimiter:before,
  .container .countdown-container.delimiter-colon.countdown-xlarge .countdown-delimiter:before {
    font-size: 35px
  }
}

@media (max-width:767px) {
  .container .countdown-container.labels-beside.countdown-small {
    max-width: 270px
  }

  .container .countdown-container.labels-beside.countdown-xlarge {
    max-width: 300px
  }

  .container .countdown-container.labels-beside.countdown-xlarge .number {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400
  }

  .container .countdown-container.labels-beside.countdown-large {
    max-width: 300px
  }

  .container .countdown-container.labels-beside.countdown-large .number {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400
  }

  .container .countdown-container.labels-beside .label {
    font-size: 14px
  }

  .container .countdown-container.delimiter-colon .countdown-delimiter:before {
    font-size: 25px
  }

  .container .countdown-container.delimiter-line .countdown-delimiter:nth-child(4):before {
    display: none
  }
}

@media (max-width:319px) {
  .container .countdown-container.labels-beside .countdown-group {
    width: 100%
  }

  .container .countdown-container.labels-beside .number {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    min-width: 15%;
    text-align: center
  }

  .container .countdown-container.labels-beside .label {
    font-size: 14px
  }

  .container .countdown-container.delimiter-colon .countdown-delimiter {
    display: none
  }
}

.swiper-wrapper .customer-quote {
  margin: 0 0 60px
}

.customer-quote .source {
  overflow: hidden;
  margin: 30px 0 0;
  display: inline-block
}

.customer-quote .sign {
  overflow: hidden;
  float: left;
  margin: 0 25px 0 0;
  line-height: 80px;
  background: #fff;
  text-align: center;
  width: 80px;
  height: 80px
}

[dir=rtl] .customer-quote .sign {
  float: right;
  margin-right: 0;
  margin-left: 25px
}

.customer-quote .img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0
}

.customer-quote .author {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 105px)
}

.customer-quote .author p {
  margin: 0 0 5px
}

.debug {
  margin: 20px 0;
  font-size: 13px;
  line-height: 1.3;
  padding: 20px;
  background: #f4f5f4;
  color: #424d56;
  border: 1px solid #ccd1cc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(148, 148, 149, .26);
  -moz-box-shadow: inset 0 0 5px rgba(148, 148, 149, .26);
  box-shadow: inset 0 0 5px rgba(148, 148, 149, .26)
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 9px solid;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent
}

.dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 70;
  display: none;
  float: left;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box
}

[dir=rtl] .dropdown-menu {
  float: right;
  text-align: right
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu>li>a {
  display: block;
  padding: 6px 20px;
  clear: both
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  text-decoration: none
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  text-decoration: none;
  outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left,
[dir=rtl] .dropdown-menu-right {
  right: auto;
  left: 0
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 60
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret {
  border-top: 0;
  border-bottom: 9px solid;
  content: ""
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%
}

.di-indicator {
  box-sizing: content-box;
  width: 130px;
  border: none;
  display: none;
  background: #0096a1;
  position: fixed;
  z-index: 9999;
  transition: all .3s;
  text-align: center;
  color: #fff
}

.di-indicator.di-chrome {
  animation: di-to-top 1s ease-in-out 5;
  top: 35px
}

.di-indicator.di-chrome.di-ltr {
  right: 115px
}

.di-indicator.di-chrome.di-rtl {
  left: 115px
}

.di-indicator.di-chrome:before {
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  text-overflow: clip;
  text-shadow: none;
  top: -15px;
  left: 0;
  border-bottom: 65px solid transparent;
  border-top: 65px solid transparent;
  border-color: currentcolor transparent #0096a1;
  border-style: solid;
  border-width: 0 65px 15px
}

.di-indicator.di-chrome .ficon-eset-icon:before {
  font-size: 3.3em;
  padding: 15px 0 10px;
  color: #fff
}

.di-indicator.di-msie {
  animation: di-to-bottom-center 1s ease-in-out 5;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%)
}

.di-indicator.di-msie:after {
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  text-overflow: clip;
  text-shadow: none;
  bottom: -15px;
  left: 0;
  border-bottom: 65px solid transparent;
  border-top: 65px solid transparent;
  border-color: #0096a1 transparent currentcolor;
  border-style: solid;
  border-width: 15px 65px 0
}

.di-indicator.di-msie .ficon-eset-icon:before {
  font-size: 4em;
  padding: 15px 0 10px;
  color: #fff
}

.di-indicator.di-safari {
  animation: di-to-top 1s ease-in-out 5;
  top: 35px
}

.di-indicator.di-safari.di-ltr {
  right: 15px
}

.di-indicator.di-safari.di-rtl {
  left: 15px
}

.di-indicator.di-safari:before {
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  text-overflow: clip;
  text-shadow: none;
  top: -15px;
  left: 0;
  border-bottom: 65px solid transparent;
  border-top: 65px solid transparent;
  border-color: currentcolor transparent #0096a1;
  border-style: solid;
  border-width: 0 65px 15px
}

.di-indicator.di-opera {
  animation: di-to-top 1s ease-in-out 5;
  top: 35px
}

.di-indicator.di-opera.di-ltr {
  right: 15px
}

.di-indicator.di-opera.di-rtl {
  left: 15px
}

.di-indicator.di-opera:before {
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  text-overflow: clip;
  text-shadow: none;
  top: -15px;
  left: 0;
  border-bottom: 65px solid transparent;
  border-top: 65px solid transparent;
  border-color: currentcolor transparent #0096a1;
  border-style: solid;
  border-width: 0 65px 15px
}

.di-indicator.di-mozilla.di-ltr {
  right: 95px
}

.di-indicator.di-mozilla.di-rtl {
  left: 85px
}

.di-indicator.di-edge.di-ltr {
  right: 200px
}

.di-indicator.di-edge.di-rtl {
  left: 190px
}

.di-indicator.di-edge,
.di-indicator.di-mozilla {
  animation: di-to-top 1s ease-in-out 5;
  top: 35px
}

.di-indicator.di-edge:before,
.di-indicator.di-mozilla:before {
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  text-overflow: clip;
  text-shadow: none;
  top: -15px;
  left: 0;
  border-bottom: 65px solid transparent;
  border-top: 65px solid transparent;
  border-color: currentcolor transparent #0096a1;
  border-style: solid;
  border-width: 0 65px 15px
}

.di-indicator .ficon-eset-icon:before {
  font-size: 3.3em;
  padding: 10px 0 15px;
  color: #fff
}

.cbox-open .di-indicator.di-chrome,
.cbox-open .di-indicator.di-edge,
.cbox-open .di-indicator.di-mozilla,
.cbox-open .di-indicator.di-msie,
.cbox-open .di-indicator.di-opera,
.cbox-open .di-indicator.di-safari {
  display: block
}

.di-help-text {
  padding: 5px;
  color: #fff;
  line-height: normal;
  font-size: 13px;
  overflow-wrap: break-word
}

@keyframes di-to-top {
  0% {
    transform: translateY(0)
  }

  35% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(-10px)
  }

  75% {
    transform: translateY(0)
  }
}

@keyframes di-to-bottom {
  0% {
    transform: translateY(0)
  }

  35% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(10px)
  }

  75% {
    transform: translateY(0)
  }
}

@keyframes di-to-bottom-center {
  0% {
    transform: translate(-50%)
  }

  35% {
    transform: translate(-50%, -10px)
  }

  50% {
    transform: translate(-50%, 10px)
  }

  75% {
    transform: translate(-50%)
  }

  to {
    transform: translate(-50%)
  }
}

.faded-black .card-top:before,
.faded-black:before,
.faded-blue-dark-muted .card-top:before,
.faded-blue-dark-muted:before,
.faded-blue .card-top:before,
.faded-blue:before,
.faded-gray-blue .card-top:before,
.faded-gray-blue:before,
.faded-gray-lighter .card-top:before,
.faded-gray-lighter:before,
.faded-gray .card-top:before,
.faded-gray:before,
.faded-teal-bright .card-top:before,
.faded-teal-bright:before,
.faded-teal-dark .card-top:before,
.faded-teal-dark:before,
.faded-teal-heavy .card-top:before,
.faded-teal-heavy:before,
.faded-teal .card-top:before,
.faded-teal:before,
.faded-white .card-top:before,
.faded-white:before,
.gradient-blue-light-to-gray-mid:before,
.gradient-teal-heavy-to-teal-mid:before,
.gradient-teal-mid-to-blue-light-muted:before,
.gradient-teal-mid-to-teal-lighter:before {
  content: "";
  display: block;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out false;
  -o-transition: opacity .3s ease-in-out false;
  transition: opacity .3s ease-in-out
}

.faded-teal .card-top:before,
.faded-teal:before {
  background: #0096a1
}

.faded-teal .card-top.section.skin-tongue:after,
.faded-teal.section.skin-tongue:after {
  border-top-color: #4db6bd
}

.faded-teal .card-top.section.skin-tongue.skin-inverse:after,
.faded-teal.section.skin-tongue.skin-inverse:after {
  border-top-color: #127b82
}

.faded-teal .card-top.section.skin-tongue.faded-opaque:after,
.faded-teal.section.skin-tongue.faded-opaque:after {
  border-top-color: #0096a1
}

.faded-teal-heavy .card-top:before,
.faded-teal-heavy:before {
  background: #004b55
}

.faded-teal-heavy .card-top.section.skin-tongue:after,
.faded-teal-heavy.section.skin-tongue:after {
  border-top-color: #4d8188
}

.faded-teal-heavy .card-top.section.skin-tongue.skin-inverse:after,
.faded-teal-heavy.section.skin-tongue.skin-inverse:after {
  border-top-color: #12464d
}

.faded-teal-heavy .card-top.section.skin-tongue.faded-opaque:after,
.faded-teal-heavy.section.skin-tongue.faded-opaque:after {
  border-top-color: #004b55
}

.faded-teal-dark .card-top:before,
.faded-teal-dark:before {
  background: #00717f
}

.faded-teal-dark .card-top.section.skin-tongue:after,
.faded-teal-dark.section.skin-tongue:after {
  border-top-color: #4d9ca5
}

.faded-teal-dark .card-top.section.skin-tongue.skin-inverse:after,
.faded-teal-dark.section.skin-tongue.skin-inverse:after {
  border-top-color: #12616b
}

.faded-teal-dark .card-top.section.skin-tongue.faded-opaque:after,
.faded-teal-dark.section.skin-tongue.faded-opaque:after {
  border-top-color: #00717f
}

.faded-teal-bright .card-top:before,
.faded-teal-bright:before {
  background: #00bbc5
}

.faded-teal-bright .card-top.section.skin-tongue:after,
.faded-teal-bright.section.skin-tongue:after {
  border-top-color: #4dcfd6
}

.faded-teal-bright .card-top.section.skin-tongue.skin-inverse:after,
.faded-teal-bright.section.skin-tongue.skin-inverse:after {
  border-top-color: #12959c
}

.faded-teal-bright .card-top.section.skin-tongue.faded-opaque:after,
.faded-teal-bright.section.skin-tongue.faded-opaque:after {
  border-top-color: #00bbc5
}

.faded-blue .card-top:before,
.faded-blue:before {
  background: #00508c
}

.faded-blue .card-top.section.skin-tongue:after,
.faded-blue.section.skin-tongue:after {
  border-top-color: #4d85af
}

.faded-blue .card-top.section.skin-tongue.skin-inverse:after,
.faded-blue.section.skin-tongue.skin-inverse:after {
  border-top-color: #124a74
}

.faded-blue .card-top.section.skin-tongue.faded-opaque:after,
.faded-blue.section.skin-tongue.faded-opaque:after {
  border-top-color: #00508c
}

.faded-blue-dark-muted .card-top:before,
.faded-blue-dark-muted:before {
  background: #385f7f
}

.faded-blue-dark-muted .card-top.section.skin-tongue:after,
.faded-blue-dark-muted.section.skin-tongue:after {
  border-top-color: #748fa5
}

.faded-blue-dark-muted .card-top.section.skin-tongue.skin-inverse:after,
.faded-blue-dark-muted.section.skin-tongue.skin-inverse:after {
  border-top-color: #39546b
}

.faded-blue-dark-muted .card-top.section.skin-tongue.faded-opaque:after,
.faded-blue-dark-muted.section.skin-tongue.faded-opaque:after {
  border-top-color: #385f7f
}

.faded-gray .card-top:before,
.faded-gray:before {
  background: #949495;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: .3
}

.faded-gray .card-top.section.skin-tongue:after,
.faded-gray.section.skin-tongue:after {
  border-top-color: #dfdfdf
}

.faded-gray .card-top.section.skin-tongue.skin-inverse:after,
.faded-gray.section.skin-tongue.skin-inverse:after {
  border-top-color: #565656
}

.faded-gray .card-top.section.skin-tongue.faded-opaque:after,
.faded-gray.section.skin-tongue.faded-opaque:after {
  border-top-color: #949495
}

.faded-white .card-top:before,
.faded-white:before {
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: .65
}

.faded-white .card-top.section.skin-tongue:after,
.faded-white.section.skin-tongue:after {
  border-top-color: #fff
}

.faded-white .card-top.section.skin-tongue.skin-inverse:after,
.faded-white.section.skin-tongue.skin-inverse:after {
  border-top-color: #bababa
}

.faded-white .card-top.section.skin-tongue.faded-opaque:after,
.faded-white.section.skin-tongue.faded-opaque:after {
  border-top-color: #fff
}

.faded-black .card-top:before,
.faded-black:before {
  background: #181c20
}

.faded-black .card-top.section.skin-tongue:after,
.faded-black.section.skin-tongue:after {
  border-top-color: #5d6063
}

.faded-black .card-top.section.skin-tongue.skin-inverse:after,
.faded-black.section.skin-tongue.skin-inverse:after {
  border-top-color: #232528
}

.faded-black .card-top.section.skin-tongue.faded-opaque:after,
.faded-black.section.skin-tongue.faded-opaque:after {
  border-top-color: #181c20
}

.faded-gray-blue,
.faded-gray-blue .card-top {
  color: #424d56
}

.faded-gray-blue .card-top:before,
.faded-gray-blue:before {
  background: #424d56
}

.faded-gray-blue .card-top.section.skin-tongue:after,
.faded-gray-blue.section.skin-tongue:after {
  border-top-color: #7b8289
}

.faded-gray-blue .card-top.section.skin-tongue.skin-inverse:after,
.faded-gray-blue.section.skin-tongue.skin-inverse:after {
  border-top-color: #40484e
}

.faded-gray-blue .card-top.section.skin-tongue.faded-opaque:after,
.faded-gray-blue.section.skin-tongue.faded-opaque:after {
  border-top-color: #424d56
}

.faded-gray-lighter .card-top:before,
.faded-gray-lighter:before {
  background: #f4f5f4
}

.faded-gray-lighter .card-top.section.skin-tongue:after,
.faded-gray-lighter.section.skin-tongue:after {
  border-top-color: #f7f8f7
}

.faded-gray-lighter .card-top.section.skin-tongue.skin-inverse:after,
.faded-gray-lighter.section.skin-tongue.skin-inverse:after {
  border-top-color: #bdbdbd
}

.faded-gray-lighter .card-top.section.skin-tongue.faded-opaque:after,
.faded-gray-lighter.section.skin-tongue.faded-opaque:after {
  border-top-color: #f4f5f4
}

.gradient-teal-heavy-to-teal-mid:before {
  background: -owg-linear-gradient(to right, #00717f, #0096a1);
  background: -webkit-linear-gradient(90deg, #00717f, #0096a1);
  background: -moz-linear-gradient(to right, #00717f, #0096a1);
  background: -o-linear-gradient(to right, #00717f, #0096a1);
  -pie-background: -pie-linear-gradient(to right, #00717f, #0096a1);
  background: linear-gradient(90deg, #00717f, #0096a1)
}

.gradient-teal-heavy-to-teal-mid.section.skin-tongue:after {
  border-top-color: #4da8b1
}

.gradient-teal-heavy-to-teal-mid.section.skin-tongue.skin-inverse:after {
  border-top-color: #126d77
}

.gradient-teal-heavy-to-teal-mid.section.skin-tongue.faded-opaque:after {
  border-top-color: #008390
}

.gradient-teal-mid-to-teal-lighter:before {
  background: -owg-linear-gradient(to right, #0096a1, #87cfd3);
  background: -webkit-linear-gradient(90deg, #0096a1, #87cfd3);
  background: -moz-linear-gradient(to right, #0096a1, #87cfd3);
  background: -o-linear-gradient(to right, #0096a1, #87cfd3);
  -pie-background: -pie-linear-gradient(to right, #0096a1, #87cfd3);
  background: linear-gradient(90deg, #0096a1, #87cfd3)
}

.gradient-teal-mid-to-teal-lighter.section.skin-tongue:after {
  border-top-color: #7ccacf
}

.gradient-teal-mid-to-teal-lighter.section.skin-tongue.skin-inverse:after {
  border-top-color: #418f94
}

.gradient-teal-mid-to-teal-lighter.section.skin-tongue.faded-opaque:after {
  border-top-color: #44b3ba
}

.gradient-teal-mid-to-blue-light-muted:before {
  background: -owg-linear-gradient(to right, #0096a1, #6093b7);
  background: -webkit-linear-gradient(90deg, #0096a1, #6093b7);
  background: -moz-linear-gradient(to right, #0096a1, #6093b7);
  background: -o-linear-gradient(to right, #0096a1, #6093b7);
  -pie-background: -pie-linear-gradient(to right, #0096a1, #6093b7);
  background: linear-gradient(90deg, #0096a1, #6093b7)
}

.gradient-teal-mid-to-blue-light-muted.section.skin-tongue:after {
  border-top-color: #6eb4c5
}

.gradient-teal-mid-to-blue-light-muted.section.skin-tongue.skin-inverse:after {
  border-top-color: #33798a
}

.gradient-teal-mid-to-blue-light-muted.section.skin-tongue.faded-opaque:after {
  border-top-color: #3094ac
}

.gradient-blue-light-to-gray-mid:before {
  background: -owg-linear-gradient(to right, #424d56, #949ca1);
  background: -webkit-linear-gradient(90deg, #424d56, #949ca1);
  background: -moz-linear-gradient(to right, #424d56, #949ca1);
  background: -o-linear-gradient(to right, #424d56, #949ca1);
  -pie-background: -pie-linear-gradient(to right, #424d56, #949ca1);
  background: linear-gradient(90deg, #424d56, #949ca1)
}

.gradient-blue-light-to-gray-mid.section.skin-tongue:after {
  border-top-color: #979ea3
}

.gradient-blue-light-to-gray-mid.section.skin-tongue.skin-inverse:after {
  border-top-color: #5d6368
}

.gradient-blue-light-to-gray-mid.section.skin-tongue.faded-opaque:after {
  border-top-color: #6b747b
}

.faded-opaque:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.flyout {
  position: relative;
  text-align: left
}

.flyout .label,
.flyout .toggle {
  display: block;
  line-height: 1.2em
}

.flyout .toggle {
  cursor: pointer;
  padding: 10px 10px 10px 30px
}

.flyout .toggle:before {
  content: "\F122";
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 14px;
  height: 14px;
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  -ms-transform: scale(1) rotate(45deg);
  -o-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg)
}

.flyout .label-hide {
  display: none;
  white-space: nowrap
}

.flyout .flyout-content {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 70;
  left: 0;
  width: 100%
}

.skin-gray-lighter .flyout .flyout-content {
  background: #f4f5f4
}

.flyout.open .toggle:before {
  -webkit-transform: scale(1) rotate(.1deg);
  -moz-transform: scale(1) rotate(.1deg);
  -ms-transform: scale(1) rotate(.1deg);
  -o-transform: scale(1) rotate(.1deg);
  transform: scale(1) rotate(.1deg)
}

.flyout.open .label-show {
  display: none
}

.flyout.open .flyout-content,
.flyout.open .label-hide {
  display: block
}

.flyout.to-top .flyout-content {
  bottom: 100%
}

.hero {
  position: relative;
  z-index: 0;
  margin-top: -50px;
  background: #3b3b3b 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.hero.skin-product-card>.section:before {
  display: none
}

@media (max-width:767px) {
  .hero.skin-product-card .section {
    background-image: none;
    padding: 0
  }

  .hero.skin-product-card .section:after {
    display: none
  }
}

@media (min-width:768px) {
  .hero.skin-product-card .section {
    padding: 0
  }
}

.hero.skin-product-card .section {
  background-color: #424d56
}

.hero.skin-product-card .section:after {
  border-top-color: #424d56
}

.hero.skin-product-card .section>.container {
  max-width: 100%;
  padding: 0
}

@media (max-width:767px) {
  .subnavigation+.hero {
    margin-top: 0
  }
}

@media (min-width:768px) {
  .subnavigation+.hero .container {
    margin-bottom: -80px
  }

  .subnavigation+.hero .section-content:first-child {
    padding-top: 80px
  }
}

.hero .section>.container {
  padding-top: 50px;
  padding-bottom: 50px
}

.hero .scroll-to {
  color: #181c20;
  border-color: #181c20
}

@media (min-width:1200px) {
  .hero.with-scroll-to-next .swiper-pagination {
    bottom: 135px
  }
}

.hero.skin-inverse .scroll-to {
  color: #fff;
  border-color: #fff
}

@media (min-width:768px) {
  .hero {
    margin-top: -100px
  }

  .hero .content {
    max-width: 475px;
    margin: 0 auto
  }

  .hero .section>.container {
    padding-top: 100px;
    padding-bottom: 50px
  }

  .hero.skin-product-card-dep .section,
  .hero.skin-product-card-dep .swiper-pagination {
    padding-right: 625px
  }

  .hero.skin-product-card-dep .product-card-dep {
    position: absolute;
    top: 100px;
    right: 0
  }

  [dir=rtl] .hero.skin-product-card-dep .product-card-dep {
    right: auto;
    left: 0
  }

  .subnavigation+.hero.skin-product-card-dep .product-card-dep {
    top: 180px
  }
}

@media (max-width:767px) {
  .hero.skin-product-card-dep .section {
    padding: 0;
    height: 200px !important;
    max-height: 200px
  }

  .hero.skin-without-mobile-section .section,
  .hero.skin-without-mobile-section .section-group {
    display: none
  }

  .hero.skin-without-mobile-section .product-card {
    padding-top: 85px
  }
}

.list-related-links {
  margin: 80px 0 0;
  text-align: center
}

.list-related-links>li {
  display: inline
}

.list-related-links>li>a {
  display: inline;
  white-space: nowrap;
  padding: 5px 15px
}

.list-related-links>li>a:after {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  content: "";
  height: 30px
}

.list-related-links>li>a:before {
  background: #008ba0;
  top: 7px;
  bottom: 7px
}

@media (max-width:1549px) {
  .list-related-links li:nth-child(2n+3):before {
    content: "\A";
    white-space: pre
  }

  .list-related-links li:nth-child(2n+3) a:before {
    background: transparent
  }
}

@media (min-width:1200px) {
  .list-related-links {
    margin-left: -30px;
    margin-right: -30px
  }
}

@media (min-width:1550px) {
  .list-related-links {
    margin-left: -200px;
    margin-right: -200px
  }
}

.list-facets {
  font-size: 16px
}

.list-facets dl {
  margin: 0
}

.list-facets dd,
.list-facets dt {
  margin: 0 0 15px
}

@media (max-width:767px) {

  .list-facets dd,
  .list-facets dt {
    margin-top: 15px
  }
}

.list-facets dt {
  font-weight: 300
}

.list-facets .facet-group {
  position: relative;
  margin: 0 0 45px
}

.list-facets .reset .icon {
  margin: -5px 10px 0 0
}

[dir=rtl] .list-facets .reset .icon {
  margin-left: 10px;
  margin-right: 0
}

.list-facets.skin-multiple dd {
  float: left;
  width: 50%;
  padding-right: 15px
}

.list-facets.skin-multiple dd:nth-child(odd) {
  clear: left
}

.list-autocomplete {
  margin: 0 -25px
}

.list-autocomplete a {
  color: inherit
}

.list-autocomplete p {
  margin: 0
}

.list-autocomplete .title {
  margin: 0;
  font-size: 15px;
  line-height: 1.33333em;
  color: #fff;
  font-weight: 400
}

.list-autocomplete .links {
  margin: 0 -7px
}

.list-autocomplete .links a {
  color: #dadada;
  padding: 0 7px
}

.list-autocomplete .links a:hover {
  color: #fff
}

.list-autocomplete .links a:before {
  background: #dadada;
  top: 1px;
  bottom: 1px
}

.os-win .list-autocomplete .links a:before {
  top: 3px;
  bottom: 0
}

.list-autocomplete .result-type {
  padding: 5px 20px;
  color: #9a9a9a;
  font-size: 15px;
  line-height: 1.33333em;
  text-transform: uppercase
}

.list-autocomplete .result {
  position: relative;
  overflow: hidden;
  padding: 20px;
  background: #181c20;
  color: #a6a5a5;
  font-size: 13px;
  line-height: 1.07692em
}

.list-autocomplete .result+.result {
  border-top: 1px solid #3b3b3b
}

.list-autocomplete .result-products {
  padding-left: 80px
}

[dir=rtl] .list-autocomplete .result-products {
  padding-left: 0;
  padding-right: 80px
}

.list-autocomplete .result-products .links {
  display: none
}

.list-autocomplete .result-products .product-thumbnail {
  display: block;
  float: left;
  margin: 0 0 -15px -75px;
  width: 70px
}

[dir=rtl] .list-autocomplete .result-products .product-thumbnail {
  float: right;
  margin-left: 0;
  margin-right: -75px
}

.list-finder-results li,
.list-product-download li {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #939ca3
}

.list-finder-results li:last-child,
.list-product-download li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.list-product-download {
  margin: 30px 0
}

.list-solution-products {
  margin: 0
}

.list-solution-products a {
  display: block;
  padding: 10px 15px
}

.list-solution-products dd,
.list-solution-products dt {
  margin-bottom: 2px;
  background: #e7e9e6
}

.list-solution-products dt {
  padding: 15px;
  font-weight: 700
}

.list-iconized {
  overflow: hidden
}

.list-iconized li {
  float: left;
  width: 33.33333%;
  text-align: center
}

.list-iconized .icon {
  display: block;
  font-size: 30px;
  margin: 0 0 5px
}

.list-arrowed a,
.quick-help-links a {
  text-align: left;
  margin: 5px 0;
  padding: 0 15px
}

.list-arrowed a:before,
.quick-help-links a:before {
  content: "\F120";
  position: absolute;
  left: 0;
  top: 7px
}

.list-arrowed a:hover,
.quick-help-links a:hover {
  text-decoration: underline
}

.panel-title {
  padding: 20px 40px;
  background-color: #f4f5f4;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid #939ca3;
  cursor: pointer
}

.panel-caption {
  font-size: 17px;
  color: #a6a5a5;
  padding-left: 20px
}

.panel-caption .panel-caption-item {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #a6a5a5
}

.panel-caption .panel-caption-item:last-child {
  border-right: 0
}

@media (max-width:767px) {
  .panel-caption {
    display: block;
    padding-left: 0
  }
}

.panel-trigger {
  float: right;
  font-size: 18px;
  line-height: 2em
}

.panel-trigger span:after {
  padding: 0 10px
}

.panel-trigger .expand:after {
  content: "+"
}

.panel-trigger .collapse:after {
  content: "-"
}

.panel-content {
  padding: 0 30px;
  display: none
}

.no-js .panel-content {
  display: block
}

.panel-content .panel-title {
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 60px;
  padding-right: 60px
}

.panel-content .panel-content .panel-title {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 90px;
  padding-right: 90px
}

.panel.opened>.panel-content,
.panel.opened>.panel-title .collapse {
  display: block
}

.partner-tile {
  margin: 0 15px
}

.partner-tile img {
  display: block;
  margin: 0 auto 15px
}

.ppc {
  margin: -5px;
  color: #424d56;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.flexbox .ppc,
.flexboxtweener .ppc {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: flex-end;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end
}

.flexbox .ppc.flex-left,
.flexboxtweener .ppc.flex-left {
  -webkit-justify-content: left;
  -ms-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left
}

.flexbox .ppc.flex-right,
.flexboxtweener .ppc.flex-right {
  -webkit-justify-content: right;
  -ms-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right
}

@media (max-width:767px) {

  .flexbox .ppc,
  .flexboxtweener .ppc {
    -webkit-box-flex-flow: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
  }
}

.ppc-box {
  width: 170px;
  margin: 5px;
  float: left
}

.ppc-box.duration.disabled {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: .3
}

.ppc-box.duration.disabled .ppc-ribbon {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.flexbox .ppc-box,
.flexboxtweener .ppc-box {
  float: none
}

.ppc-section {
  position: relative;
  height: 43px
}

.ppc-section:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ebecea
}

.ppc-section+.ppc-section {
  margin-top: 1px
}

.ppc-section.ppc-above+.ppc-section {
  margin-top: 0
}

.ppc-box.duration .ppc-section.ppc-bottom:before,
.ppc-section.ppc-above:before {
  display: none
}

.ppc-section.ppc-whole:before {
  background-color: #fff;
  color: #424d56
}

@media (max-width:767px) {

  .ppc-box.devices .ppc-section.ppc-bottom,
  .ppc-box.devices .ppc-section.ppc-top {
    display: none
  }
}

.ppc-content {
  height: 70px
}

.ppc-whole {
  height: 157px;
  background-color: #fff
}

.ppc-whole .ppc-error {
  height: 100%;
  display: table;
  padding: 15px
}

.ppc-whole .ppc-error a {
  color: #008ba0
}

.ppc-whole p {
  position: relative;
  display: table-cell;
  vertical-align: middle
}

.ppc-whole p i {
  padding-bottom: 10px
}

.ppc-whole .ficon-msg-info {
  color: #008ba0
}

.ppc-above {
  height: auto !important
}

.ppc-ribbon {
  font-size: 12px;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  line-height: 20px;
  background-color: #f8b323;
  color: #424d56;
  padding: 0 10px;
  margin-bottom: 0
}

.ppc-ribbon.visible,
[class*=skin-ppc-transparent] .ppc-ribbon {
  -webkit-transform: translateZ(0) translateY(-1px);
  -moz-transform: translateZ(0) translateY(-1px);
  -ms-transform: translateZ(0) translateY(-1px);
  -o-transform: translateZ(0) translateY(-1px);
  transform: translateZ(0) translateY(-1px)
}

[class*=skin-ppc-transparent] .ppc-ribbon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

[class*=skin-ppc-transparent] .ppc-ribbon.visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.ppc-selection .bs-select-control,
.ppc-selection .rangeified-ui {
  padding-top: 0;
  padding-bottom: 0;
  border: 0
}

.ppc-selection .bs-select-group,
.ppc-selection .rangeified-ui {
  position: absolute;
  top: 9px;
  width: 100%
}

.ppc-selection .bs-select-control {
  display: block;
  margin: 0 auto;
  width: auto;
  padding-right: 30px !important;
  right: -22px
}

.ppc-selection .display,
.ppc-selection .selectpicker {
  color: #424d56;
  top: 0;
  font-style: normal
}

.ppc-selection .selectpicker {
  padding: 0
}

.ppc-selection .selectpicker,
.ppc-selection select {
  background: none
}

.ppc-selection .display,
.ppc-selection .filter-option {
  font-size: 20px;
  font-style: normal;
  line-height: 26px
}

.ppc-selection .caret {
  color: #424d56
}

.ppc-selection .knob {
  width: 40px;
  height: 40px;
  background: none;
  border-radius: 0;
  margin-top: -20px;
  top: 50%;
  z-index: 1
}

.ppc-selection .knob.decrement {
  left: 25px
}

.ppc-selection .knob.increment {
  right: 25px
}

.ppc-selection .knob:after {
  top: 0;
  right: auto
}

.ppc-selection .knob i {
  font-weight: 700;
  color: #008ba0;
  top: 50%;
  margin-top: -12px;
  display: block
}

.ppc-selection .form-control-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: 4px;
  width: 100%
}

.ppc-selection .form-control-label.devices-no-margin {
  bottom: 0
}

.ppc-selection .ppc-monthly-payment {
  font-size: 22px;
  position: absolute;
  width: 100%;
  top: 8px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden
}

.ppc-selection .manualtype .display {
  font-size: 20px;
  height: 27px;
  padding: 0;
  width: 44%;
  margin: 4% 28%;
  background-color: rgba(0, 0, 0, .1)
}

.ppc-selection.is-monthly .ppc-monthly-payment {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible
}

.ppc-selection.is-monthly .bs-select-control,
.ppc-selection.is-monthly .rangeified-ui {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden
}

.ppc-cta [class*=btn] {
  margin: 0
}

.ppc-price {
  display: inline-block
}

.ppc-price .price {
  font-size: 20px;
  line-height: 43px;
  display: inline;
  margin: 0
}

.ppc-price .price.obsolete {
  font-size: 12px;
  color: #d90b00
}

.ppc-price .price+.price {
  margin-left: 10px
}

.skin-ppc-inversed {
  color: #fff
}

.skin-ppc-inversed .ppc-section:before {
  background-color: #3b3b3b
}

.skin-ppc-inversed .ppc-section.ppc-whole:before {
  background-color: #fff;
  color: #424d56
}

.skin-ppc-inversed .ppc-section,
.skin-ppc-inversed .ppc-selection .caret,
.skin-ppc-inversed .ppc-selection .display,
.skin-ppc-inversed .ppc-selection .selectpicker,
.skin-ppc-inversed .ppc-selection select {
  color: #fff
}

.skin-ppc-inversed .ppc-section .ppc-error {
  color: #424d56
}

.skin-ppc-inversed .ppc-price .price.obsolete {
  color: #ff928d
}

.skin-ppc-inversed .ppc .manualtype .display {
  background-color: rgba(0, 0, 0, .3)
}

.skin-ppc-transparent-50 .ppc-section:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

.skin-ppc-transparent-75 .ppc-section:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: .75
}

.skin-ppc-transparent-75 .ppc-section.ppc-whole:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.skin-ppc-small .ppc-box {
  width: 155px
}

@media (min-width:768px) {
  .skin-ppc-small .ppc-box.devices {
    width: 120px
  }

  .skin-ppc-small .ppc-box.devices .ppc-selection .knob.decrement {
    left: 0
  }

  .skin-ppc-small .ppc-box.devices .ppc-selection .knob.increment {
    right: 0
  }
}

.skin-ppc-small .ppc-box.duration {
  -webkit-box-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1
}

.skin-ppc-small .ppc-ribbon {
  font-size: 10px
}

.skin-ppc-small .ppc-selection .bs-select-group,
.skin-ppc-small .ppc-selection .rangeified-ui {
  top: -1px
}

.skin-ppc-small .ppc-selection .productDevicesDisplay {
  height: 22px
}

.skin-ppc-small .ppc-selection .display,
.skin-ppc-small .ppc-selection .filter-option {
  font-size: 18px
}

.skin-ppc-small .ppc-selection .knob {
  top: -1px;
  margin-top: 0
}

.skin-ppc-small .ppc-selection .knob.decrement {
  left: 13px
}

.skin-ppc-small .ppc-selection .knob.increment {
  right: 13px
}

.skin-ppc-small .ppc-selection .manualtype .display {
  width: 60%;
  margin: 4% 20%
}

.skin-ppc-small .ppc-selection .manualtype .knob i {
  top: 35%
}

.skin-ppc-small .ppc-selection .form-control-label {
  font-size: 10px;
  bottom: -3px
}

.skin-ppc-small .ppc-selection .ppc-monthly-payment {
  top: -4px;
  font-size: 14px
}

.skin-ppc-small .ppc-section {
  height: 40px
}

.skin-ppc-small .ppc-whole {
  height: 121px
}

.skin-ppc-small .ppc-price .price {
  font-size: 16px;
  line-height: 40px
}

.skin-ppc-small .ppc-price .price.obsolete {
  font-size: 10px
}

@media (min-width:768px) and (max-width:989px) {

  .ppc:not(.skin-ppc-small).ppc-box-count-3 .ppc-box.devices .ppc-bottom,
  .ppc:not(.skin-ppc-small).ppc-box-count-3 .ppc-box.devices .ppc-top {
    display: none
  }

  .ppc:not(.skin-ppc-small).ppc-box-count-3 .ppc-pseudo {
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%
  }
}

@media (max-width:767px) {
  .ppc.skin-ppc-small .ppc-box.devices {
    width: 155px
  }

  .ppc.skin-ppc-small .ppc-box.devices .ppc-section {
    height: 60px
  }

  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .form-control-label {
    bottom: 3px
  }

  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .bs-select-group,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .knob,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .rangeified-ui {
    top: 4px
  }

  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .bs-select-group.decrement,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .knob.decrement,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .rangeified-ui.decrement {
    left: 9px
  }

  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .bs-select-group.increment,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .knob.increment,
  .ppc.skin-ppc-small .ppc-box.devices .ppc-selection .rangeified-ui.increment {
    right: 9px
  }
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices {
  width: calc(33% - 8px)
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-bottom,
.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-top {
  display: none
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-section {
  height: 60px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .form-control-label {
  bottom: 5px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .bs-select-group,
.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .rangeified-ui {
  top: 6px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .knob {
  top: 3px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .knob.decrement {
  left: 9px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-box.devices .ppc-selection .knob.increment {
  right: 9px
}

.ppc.skin-ppc-small[data-ppc-viewport=sm].ppc-box-count-3 .ppc-pseudo {
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] {
  -webkit-box-flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices {
  width: 155px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-bottom,
.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-top {
  display: none
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-section {
  height: 60px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .form-control-label {
  bottom: 5px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .bs-select-group,
.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .rangeified-ui {
  top: 6px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .knob {
  top: 3px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .knob.decrement {
  left: 9px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-box.devices .ppc-selection .knob.increment {
  right: 9px
}

.ppc.skin-ppc-small[data-ppc-viewport=xs] .ppc-ribbon {
  position: relative;
  bottom: auto
}

.skin-inverse .ppc .ppc-price .price.obsolete {
  color: #c60651
}

#cboxWrapper #hero-content.hero .section:last-child .ppc-box.duration .ppc-section#cboxClose,
#cboxWrapper #hero-content.hero .section:last-child .ppc-box.duration .ppc-section#cboxNext,
#cboxWrapper #hero-content.hero .section:last-child .ppc-box.duration .ppc-section#cboxPrevious,
#cboxWrapper #hero-content.hero .section:last-child .ppc-box.duration .ppc-section#offcanvasClose,
#hero-content.hero .section:last-child .ppc-box.duration #cboxWrapper .ppc-section#cboxClose,
#hero-content.hero .section:last-child .ppc-box.duration #cboxWrapper .ppc-section#cboxNext,
#hero-content.hero .section:last-child .ppc-box.duration #cboxWrapper .ppc-section#cboxPrevious,
#hero-content.hero .section:last-child .ppc-box.duration #cboxWrapper .ppc-section#offcanvasClose,
#hero-content.hero .section:last-child .ppc-box.duration .add-to-sneaky .ppc-section.sneaky-only,
#hero-content.hero .section:last-child .ppc-box.duration .audio-js .ppc-section.vjs-big-play-button,
#hero-content.hero .section:last-child .ppc-box.duration .audio-js .ppc-section.vjs-fullscreen-control,
#hero-content.hero .section:last-child .ppc-box.duration .browse-link .ppc-section.excerpt,
#hero-content.hero .section:last-child .ppc-box.duration .compare-list .information .ppc-section.description,
#hero-content.hero .section:last-child .ppc-box.duration .compare-list .ppc-section.feature.unchecked,
#hero-content.hero .section:last-child .ppc-box.duration .compare-list .ppc-section.tooltip,
#hero-content.hero .section:last-child .ppc-box.duration .compare-table .head .ppc-section.description,
#hero-content.hero .section:last-child .ppc-box.duration .compare .skin-highlight .ppc-section.btn-secondary,
#hero-content.hero .section:last-child .ppc-box.duration .desktop .ppc-section.hidden-on-desktop,
#hero-content.hero .section:last-child .ppc-box.duration .js .ppc-section.btn-content-browser-submit,
#hero-content.hero .section:last-child .ppc-box.duration .media-video .ppc-section.video-modal,
#hero-content.hero .section:last-child .ppc-box.duration .nav-sidebar .ppc-section.icon,
#hero-content.hero .section:last-child .ppc-box.duration .nav-social-profiles .ppc-section.name,
#hero-content.hero .section:last-child .ppc-box.duration .nav-sub>li.more>a span.ppc-section:after,
#hero-content.hero .section:last-child .ppc-box.duration .no-js .ppc-section.panel-trigger,
#hero-content.hero .section:last-child .ppc-box.duration .no-js .slider .ppc-section.slide,
#hero-content.hero .section:last-child .ppc-box.duration .os-android .ppc-section.hidden-to-android,
#hero-content.hero .section:last-child .ppc-box.duration .os-linux .ppc-section.hidden-to-linux,
#hero-content.hero .section:last-child .ppc-box.duration .os-osx .ppc-section.hidden-to-osx,
#hero-content.hero .section:last-child .ppc-box.duration .os-win .ppc-section.hidden-to-win,
#hero-content.hero .section:last-child .ppc-box.duration .os-x11 .ppc-section.hidden-to-x11,
#hero-content.hero .section:last-child .ppc-box.duration .panel-trigger .ppc-section.collapse,
#hero-content.hero .section:last-child .ppc-box.duration .panel.opened>.panel-title .ppc-section.expand,
#hero-content.hero .section:last-child .ppc-box.duration .phone .ppc-section.hidden-on-phone,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section#cboxTitle,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.jspCap,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.nav-main-flat,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.sidebar-content.is-inactive,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-captions-button,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-control-text,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-hidden,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-live-controls,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-live-display,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-playback-rate,
#hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-remaining-time,
#hero-content.hero .section:last-child .ppc-box.duration .product-download .form-group.superfluous .ppc-section.caret,
#hero-content.hero .section:last-child .ppc-box.duration .product-download.no-liveinstaller .ppc-section.js-goto[data-step*=liveinstaller],
#hero-content.hero .section:last-child .ppc-box.duration .product-download.no-versions .ppc-section.js-goto[data-step*=version],
#hero-content.hero .section:last-child .ppc-box.duration .product-download .ppc-section.step,
#hero-content.hero .section:last-child .ppc-box.duration .product-download .ppc-section[class*=show-on-],
#hero-content.hero .section:last-child .ppc-box.duration .rangeified-ui.is-disabled .ppc-section.knob,
#hero-content.hero .section:last-child .ppc-box.duration .sidebar-content .ppc-section.sidebar-searching,
#hero-content.hero .section:last-child .ppc-box.duration .sidebar-content.search .ppc-section.sidebar-hideable-content,
#hero-content.hero .section:last-child .ppc-box.duration .skin-no-navigation .ppc-section.swiper-button,
#hero-content.hero .section:last-child .ppc-box.duration .skin-no-pagination .ppc-section.swiper-pagination,
#hero-content.hero .section:last-child .ppc-box.duration .slider-wrap.skin-mode-coverflow .ppc-section.swiper-button,
#hero-content.hero .section:last-child .ppc-box.duration .slider.skin-hidden-interaction-elements .ppc-section.swiper-button,
#hero-content.hero .section:last-child .ppc-box.duration .slider.skin-hidden-interaction-elements .ppc-section.swiper-pagination,
#hero-content.hero .section:last-child .ppc-box.duration .state-shown-search-results .ppc-section.sidebar-hideable-content,
#hero-content.hero .section:last-child .ppc-box.duration .tablet .ppc-section.hidden-on-tablet,
#hero-content.hero .section:last-child .ppc-box.duration .tabs-submenu>.nav .ppc-section.with-subitems:before,
#hero-content.hero .section:last-child .ppc-box.duration .tabs .pane>.ppc-section.title,
#hero-content.hero .section:last-child .ppc-box.duration .tabs.skin-accordion>.ppc-section.nav,
#hero-content.hero .section:last-child .ppc-box.duration .tabs.skin-bar .slider-wrap.skin-bar .ppc-section.swiper-pagination,
.add-to-sneaky #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.sneaky-only,
.audio-js #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-big-play-button,
.audio-js #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.vjs-fullscreen-control,
.browse-link #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.excerpt,
.compare-list #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.feature.unchecked,
.compare-list #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.tooltip,
.compare-list .information #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.description,
.compare-table .head #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.description,
.compare .skin-highlight #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.btn-secondary,
.desktop #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-on-desktop,
.js #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.btn-content-browser-submit,
.media-video #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.video-modal,
.nav-sidebar #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.icon,
.nav-social-profiles #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.name,
.nav-sub>li.more>a #hero-content.hero .section:last-child .ppc-box.duration span.ppc-section:after,
.no-js #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.panel-trigger,
.no-js .slider #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.slide,
.os-android #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-to-android,
.os-linux #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-to-linux,
.os-osx #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-to-osx,
.os-win #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-to-win,
.os-x11 #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-to-x11,
.panel-trigger #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.collapse,
.panel.opened>.panel-title #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.expand,
.phone #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-on-phone,
.product-download #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.step,
.product-download #hero-content.hero .section:last-child .ppc-box.duration .ppc-section[class*=show-on-],
.product-download .form-group.superfluous #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.caret,
.product-download.no-liveinstaller #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.js-goto[data-step*=liveinstaller],
.product-download.no-versions #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.js-goto[data-step*=version],
.rangeified-ui.is-disabled #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.knob,
.sidebar-content #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.sidebar-searching,
.sidebar-content.search #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.sidebar-hideable-content,
.skin-no-navigation #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-button,
.skin-no-pagination #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-pagination,
.slider-wrap.skin-mode-coverflow #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-button,
.slider.skin-hidden-interaction-elements #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-button,
.slider.skin-hidden-interaction-elements #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-pagination,
.state-shown-search-results #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.sidebar-hideable-content,
.tablet #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.hidden-on-tablet,
.tabs #hero-content.hero .section:last-child .ppc-box.duration .pane>.ppc-section.title,
.tabs-submenu>.nav #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.with-subitems:before,
.tabs.skin-bar .slider-wrap.skin-bar #hero-content.hero .section:last-child .ppc-box.duration .ppc-section.swiper-pagination {
  display: none
}

.ppc .knob {
  background-color: transparent
}

#content-j-config {
  min-height: 320px
}

#content-j-config .duration-selection {
  min-height: 135px
}

#content-j-config .devices-box {
  max-width: 250px;
  width: 100%
}

#content-j-config .devices-box .sppc-section {
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: column
}

#content-j-config .devices-box .sppc-section .device-selection {
  margin-bottom: 10px
}

#content-j-config .devices-note {
  text-align: center;
  color: #424d56;
  margin-bottom: 10px
}

#content-j-config .year-radio .sfc-radio {
  justify-content: space-between;
  align-items: baseline
}

#content-j-config .manualtype .display {
  border: 0;
  background-color: transparent;
  font-size: 24px;
  line-height: 24px
}

#content-j-config .rangeified-ui {
  max-width: 124px;
  margin: 0 auto;
  padding-top: 7px;
  height: 40px;
  background-color: #e5e5e5;
  border: 1px solid #008ba0;
  width: 124px
}

#content-j-config .rangeified-ui .knob i {
  line-height: 26px
}

#content-j-config .rangeified-ui .decrement {
  position: absolute;
  top: 15%;
  left: -35px;
  margin-right: 10px;
  width: 26px;
  height: 26px
}

#content-j-config .rangeified-ui .increment {
  position: absolute;
  top: 15%;
  right: -35px;
  margin-left: 10px;
  width: 26px;
  height: 26px
}

#content-j-config .price.obsolete {
  font-size: 13px;
  margin-left: 5px;
  text-align: start
}

#content-j-config .price {
  font-size: 20px;
  min-width: 60px;
  width: 100%
}

#content-j-config .knob {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin: 0 auto
}

#content-j-config .knob .checked {
  opacity: 0;
  background: #8dc63f;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  content: " ";
  display: block;
  position: absolute;
  border-radius: 50%
}

#content-j-config .sppc-price-area {
  margin: 0
}

#content-j-config input[type=radio]:checked~div .knob .checked {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

#content-j-config-promobox .box-content {
  max-width: 327px;
  min-width: 274px
}

#content-j-config .sppc-error {
  text-align: center;
  margin-top: 25px
}

#content-j-config .sppc-cta-button {
  margin-bottom: 20px !important;
  text-align: center
}

#content-j-config .sppc-cta-button .link-block {
  color: #008193
}

#content-j-config .price-grid {
  display: grid;
  grid-template-columns: 10% minmax(80px, 30%) repeat(auto-fill, minmax(70px, 1fr));
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0;
  grid-template-areas: ". . . ." "saving-message saving-message saving-message saving-message"
}

#content-j-config .div-grid-1 {
  grid-area: 1/1/2/2
}

#content-j-config .div-grid-2 {
  grid-area: 1/2/2/3;
  margin-left: 15px
}

#content-j-config .div-grid-3 {
  grid-area: 1/3/2/4;
  margin-left: 10px;
  min-height: 40px
}

#content-j-config .div-grid-4 {
  grid-area: 1/4/2/5;
  margin-left: 5px
}

#content-j-config .saving-message {
  grid-area: saving-message;
  width: 95% !important;
  text-align: end;
  color: #008ba0;
  font-size: 11px;
  margin-top: -15px;
  display: none;
  margin-bottom: 10px
}

#content-j-config .saving-message p {
  line-height: 17px;
  margin-left: 30px
}

#content-j-config .price {
  line-height: 30px
}

#content-j-config .main-price .obsolete,
#content-j-config .obsolute-price .price {
  display: none !important
}

#content-j-config .obsolute-price .obsolete {
  display: block !important
}

.promo_message {
  width: 100%;
  background-color: #f8b323;
  max-width: 327px;
  min-width: 272px;
  text-align: center;
  min-height: 32px;
  line-height: 32px;
  margin: 0 auto -25px 0
}

.promo_message p {
  height: 100%;
  font-size: 13px;
  color: #424d56;
  font-weight: 700;
  vertical-align: center
}

#content-j-config-promobox .box {
  padding-top: 0
}

@media (max-width:400px) {
  #content-j-config .price-grid {
    grid-template-columns: 10% minmax(80px, 30%) 1fr;
    grid-template-areas: ". . ." "saving-message saving-message saving-message"
  }

  #content-j-config .div-grid-4 {
    display: none
  }

  #content-j-config .div-grid-3 {
    margin-left: 30px
  }

  #content-j-config .div-grid-3 .main-price {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 18px !important
  }

  #content-j-config .div-grid-3 .main-price .obsolete {
    display: block !important;
    position: absolute;
    top: -25px
  }

  #content-j-config .saving-message {
    margin-top: -10px
  }

  #content-j-config .year-radio span {
    margin-bottom: 10px
  }
}

.sppc {
  flex-direction: column;
  text-align: center;
  position: relative
}

.sppc-section {
  width: 100%;
  overflow: hidden
}

.sppc-selection {
  position: relative
}

.sppc-selection .knob {
  background-color: #008ba0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  top: 22px;
  margin-top: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 1
}

.sppc-selection .knob.inactive {
  background-color: #767676
}

.sppc-selection .knob.decrement {
  left: 5px
}

.sppc-selection .knob.increment {
  right: 5px
}

.sppc-selection .knob:hover {
  cursor: pointer
}

.sppc-selection .knob i {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  top: 0;
  margin-top: 0;
  line-height: 22px
}

.sppc-selection .rangeified-ui {
  max-width: 120px;
  margin: 0 auto;
  top: -12px
}

.sppc-selection .form-control-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: -12px;
  width: 100%
}

.sppc-selection .display {
  color: #424d56;
  top: 0;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-style: normal;
  display: block;
  position: relative;
  text-align: center;
  animation-duration: .1s;
  animation-timing-function: ease;
  animation-iteration-count: 1
}

.skin-default .sppc .sppc-selection .display,
.skin-inverse .skin-default .sppc .sppc-selection .display {
  color: #424d56
}

.sppc-selection .manualtype .display {
  font-size: 20px;
  height: 27px;
  padding: 0;
  width: 44%;
  background-color: rgba(0, 0, 0, .1)
}

.skin-inverse .sppc-selection .manualtype .display {
  background-color: hsla(0, 0%, 100%, .1);
  border: 1px solid hsla(0, 0%, 100%, .25)
}

.sppc-controls {
  overflow: visible
}

.sppc-controls>div {
  flex-grow: 1;
  min-width: 120px;
  margin: 0 0 25px;
  position: relative;
  flex-basis: 0
}

.sppc-controls .promo-message {
  z-index: 1;
  position: absolute;
  bottom: 100%;
  padding: 7px 15px;
  width: auto;
  text-align: left;
  opacity: 0;
  margin: 0 0 15px;
  font-size: 13px;
  max-width: 100%;
  border-radius: 10px;
  font-weight: 700;
  background-color: #f8b323;
  line-height: 1.4;
  transition: opacity .5s
}

.sppc-controls .promo-message.m-fadeIn {
  opacity: 1
}

.sppc-controls .promo-message a {
  color: #fff
}

.sppc-controls .promo-message h4,
.sppc-controls .promo-message h5,
.sppc-controls .promo-message p {
  margin: 0
}

.sppc-error {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sppc-error i.icon {
  color: #008ba0
}

.sppc-price-area {
  position: relative;
  overflow: visible;
  margin-bottom: 12px;
  margin-top: 10px
}

.sppc-price-area .price.obsolete {
  color: #c60651;
  font-size: 24px
}

.sppc-price-area .price {
  font-size: 36px;
  line-height: 48px;
  display: inline;
  margin: 0
}

.sppc-savings-message-wrapper {
  overflow: hidden;
  position: absolute;
  bottom: 100%;
  width: 100%
}

.sppc-savings-message {
  background-color: transparent;
  color: #008193;
  font-size: 11px;
  font-weight: 700;
  padding: 0 10px;
  line-height: normal;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all false .3s;
  -webkit-transition-delay: .3s;
  -moz-transition: all .3s false .3s;
  -o-transition: all .3s false .3s;
  transition: all .3s .3s
}

.sppc-savings-message.visible,
.sppc [class*=skin-sppc-transparent] .sppc-savings-message {
  -webkit-transform: translateZ(0) translateY(-1px);
  -moz-transform: translateZ(0) translateY(-1px);
  -ms-transform: translateZ(0) translateY(-1px);
  -o-transform: translateZ(0) translateY(-1px);
  transform: translateZ(0) translateY(-1px)
}

.sppc-devices.ppc-box {
  width: auto
}

.sppc-tax-message {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0
}

.sppc.sppc-error-show .sppc-controls {
  flex-direction: column
}

.sppc.sppc-error-show .sppc-controls input.productDevicesDisplay,
.sppc input.productDevicesDisplay:invalid {
  border: 2px solid #c60651;
  box-shadow: none
}

.sppc .tax-message {
  text-align: center;
  margin: 0 0 3px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  display: block
}

.sppc .price.obsolete {
  color: #c60651
}

.sppc .ppc-cta [class*=btn] {
  margin: 5px 0
}

.sppc .ppc-cta a {
  display: block
}

.sppc .sppc-cta-button {
  margin-bottom: 20px;
  position: relative
}

.sppc.sppc-horizontal {
  justify-content: center
}

.sppc.sppc-horizontal.sppc-left {
  justify-content: left
}

@media (max-width:767px) {
  .sppc.sppc-horizontal.sppc-left {
    justify-content: center
  }
}

.sppc.sppc-horizontal.sppc-right {
  justify-content: right
}

@media (max-width:767px) {
  .sppc.sppc-horizontal.sppc-right {
    justify-content: center
  }
}

.sppc.sppc-horizontal.sppc-center {
  justify-content: center
}

.sppc.sppc-horizontal .sppc-section {
  width: auto
}

.sppc.sppc-horizontal .sppc-controls {
  max-width: 280px;
  width: 100%;
  justify-content: space-between
}

.sppc.sppc-horizontal .sppc-controls>div {
  flex-grow: 0
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-controls {
    margin: 0 auto
  }
}

@media (max-width:359px) {
  .sppc.sppc-horizontal .sppc-controls {
    justify-content: center
  }
}

.sppc.sppc-horizontal .sppc-controls .form-control-label {
  bottom: -2px
}

.sppc.sppc-horizontal .sppc-controls .display {
  top: -10px
}

.sppc.sppc-horizontal .sppc-controls .knob {
  top: 10px
}

.sppc.sppc-horizontal .sppc-controls .rangeified-ui {
  top: -2px;
  max-width: 170px;
  padding-bottom: 20px
}

.sppc.sppc-horizontal .sppc-price-area {
  margin: 8px 30px 12px;
  min-width: 130px;
  width: auto
}

@media (min-width:m) {
  .sppc.sppc-horizontal .sppc-price-area {
    flex-basis: 15%
  }
}

.sppc.sppc-horizontal .sppc-price-area .sppc-savings-message-wrapper {
  bottom: auto;
  top: 45px
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-price-area .sppc-savings-message-wrapper {
    top: -12px
  }
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price {
  position: relative;
  bottom: -2px;
  text-align: right
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price>span {
  display: block
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price .price {
  font-size: 35px;
  line-height: 45px;
  display: block
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-price-area .ppc-price .price {
    display: inline;
    position: static
  }
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price .price.currency {
  margin-right: .75em
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price .price.obsolete {
  line-height: 34px;
  position: absolute;
  top: -28px;
  right: 0;
  font-size: 17px
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-price-area .ppc-price .price.obsolete {
    display: inline;
    position: static
  }
}

.sppc.sppc-horizontal .sppc-price-area .ppc-price .price.obsolete.currency {
  letter-spacing: .5rem
}

.sppc.sppc-horizontal .sppc-cta-area {
  position: relative;
  overflow: visible
}

.sppc.sppc-horizontal .sppc-cta-area a[class*=btn] {
  padding-right: 20px;
  padding-left: 20px;
  min-width: 150px
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-cta-area {
    overflow: visible
  }
}

.sppc.sppc-horizontal .ppc-cta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px
}

.sppc.sppc-horizontal .ppc-cta>div {
  margin: 3px 10px;
  flex-grow: 1
}

@media (max-width:479px) {
  .sppc.sppc-horizontal .ppc-cta>div {
    flex-basis: 100%;
    margin: 0
  }
}

.sppc.sppc-horizontal .sppc-controls>div {
  margin-top: 12px
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-controls>div {
    max-width: 100%
  }
}

.sppc.sppc-horizontal .sppc-tax-message {
  width: 100%;
  max-width: 100%
}

@media (max-width:767px) {
  .sppc.sppc-horizontal .sppc-tax-message {
    position: absolute;
    top: -25px;
    padding-right: 20px
  }
}

.sppc.sppc-horizontal.sppc-error-show .sppc-controls {
  flex-direction: row
}

.sppc.sppc-horizontal.sppc-error-show .sppc-controls .sppc-devices,
.sppc.sppc-horizontal.sppc-error-show .sppc-controls .sppc-years {
  width: max-content
}

@media (max-width:767px) {
  .sppc>div {
    flex-basis: 100%
  }
}

.skin-sppc-small .sppc-price-area .price {
  font-size: 27px;
  line-height: 32px
}

.skin-sppc-small .sppc-price-area .price.obsolete {
  font-size: 15px
}

.skin-sppc-small .form-control-label {
  font-size: 10px;
  bottom: -10px
}

.skin-sppc-small .sppc-selection .display {
  font-size: 20px
}

.skin-inverse .sppc .ppc-price .price.obsolete {
  opacity: .75;
  color: #fff
}

.skin-inverse .sppc .sppc-error i.icon,
.skin-inverse .sppc .sppc-savings-message,
.skin-inverse .sppc .sppc-selection .display,
.skin-inverse .sppc .tax-message {
  color: #fff
}

.skin-inverse .sppc .knob {
  background-color: #fff;
  color: #fff
}

.skin-inverse .sppc .knob i,
.skin-inverse .sppc .promo-message {
  color: #424d56
}

.sppc-selection .manualtype .display {
  margin: 0 28% -1px
}

.price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  font-size: 45px;
  line-height: 1em;
  margin: 10px 0;
  white-space: nowrap;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400
}

.price .cents,
.price .currency {
  display: inline;
  position: relative;
  vertical-align: baseline;
  top: -.5em;
  font-size: .6em
}

.price .currency {
  font-size: .5em;
  top: -.62em;
  margin-right: .1em;
  font-weight: 300
}

.price .currency:lang(he),
.price .currency:lang(he-il) {
  top: auto;
  font-size: .8em
}

.price.flat .cents,
.price.flat .currency {
  font-size: 1em;
  top: auto;
  margin: 0 -.01em;
  letter-spacing: .1em
}

.price.obsolete {
  text-decoration: line-through
}

.product-download {
  margin: 50px 0 0;
  position: relative
}

.product-download .form-control,
.product-download .form-label {
  font-size: 16px
}

.product-download .form-control {
  width: 100%
}

.product-download .form-label {
  line-height: 1.2
}

.product-download .form-group {
  margin: 0 0 20px;
  max-height: 175px
}

.product-download .form-group.empty {
  max-height: 0;
  overflow: hidden;
  margin: 0
}

.product-download .message-container {
  position: relative;
  margin: 20px 0
}

.product-download .message-container .alert {
  margin: 2px 0;
  background: #f4f5f4
}

.product-download .message-container .alert:first-child {
  margin-top: 0
}

.product-download .message-container .alert:last-child {
  margin-bottom: 0
}

.product-download .message-container .alert-error {
  color: #c6062f
}

.product-download .message-position-top {
  margin-bottom: 50px
}

.product-download .message-contextual:before {
  display: block;
  content: "";
  border-bottom: 10px solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: 25px;
  color: #f4f5f4
}

.product-download .dynamic-links {
  margin-bottom: 30px
}

.product-download .dynamic-links:last-child {
  margin-bottom: 0
}

.product-download .dynamic-links a {
  margin: 0 0 5px
}

.product-download .download-filename {
  font-weight: 700
}

.product-download .information {
  font-size: 15px;
  line-height: 1.33333em;
  margin: 50px 0 0;
  text-align: center
}

.product-download .info {
  white-space: nowrap
}

.product-download .information-dynamic {
  margin-top: 25px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.product-download.downloadable .information-dynamic {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.product-download .changelog-wrap {
  margin-top: 10px;
  display: none;
  position: relative
}

.product-download .changelog-toggle {
  display: block;
  text-decoration: none
}

.product-download .changelog-toggle:after {
  content: "\F104";
  transform-origin: center 2px;
  margin: 2px 0 0 2px;
  font-size: .8em;
  height: 8px
}

.product-download .changelog {
  max-height: 0;
  margin: 10px 0 0;
  padding: 0 25px
}

.product-download .changelog h3 {
  font-size: 16px;
  line-height: 1.33333em
}

.product-download .changelog ul {
  margin-bottom: 25px
}

.product-download.has-changelog .changelog-wrap {
  display: block
}

.product-download.changelog-shown .changelog-toggle:after {
  transform: rotate(180deg)
}

.product-download.changelog-shown .changelog {
  max-height: 250px;
  padding: 20px 25px
}

.product-download.changelog-shown .changelog:after,
.product-download.changelog-shown .changelog:before {
  position: absolute;
  display: block;
  content: " ";
  left: 0;
  width: calc(100% - 18px);
  height: 20px;
  z-index: 1
}

[dir=rtl] .product-download.changelog-shown .changelog:after,
[dir=rtl] .product-download.changelog-shown .changelog:before {
  right: 0;
  left: auto
}

.product-download.changelog-shown .changelog:before {
  top: 35px;
  background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.skin-inverse .product-download.changelog-shown .changelog:before {
  background: linear-gradient(180deg, #3b3b3b 0, hsla(0, 0%, 100%, 0))
}

.product-download.changelog-shown .changelog:after {
  bottom: 0;
  background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.skin-inverse .product-download.changelog-shown .changelog:after {
  background: linear-gradient(0deg, #3b3b3b 0, hsla(0, 0%, 100%, 0))
}

.product-download.step-customcta .show-on-customcta,
.product-download.step-customcta .step-customcta,
.product-download.step-liveinstaller .show-on-liveinstaller,
.product-download.step-liveinstaller .step-liveinstaller,
.product-download.step-thanks-marketing .show-on-thanks-marketing,
.product-download.step-thanks-marketing .step-thanks-marketing,
.product-download.step-version .show-on-version,
.product-download.step-version .step-version {
  display: block
}

@media (min-width:768px) {

  .product-download.step-customcta .form-group.show-on-customcta,
  .product-download.step-customcta .form-group.step-customcta,
  .product-download.step-liveinstaller .form-group.show-on-liveinstaller,
  .product-download.step-liveinstaller .form-group.step-liveinstaller,
  .product-download.step-thanks-marketing .form-group.show-on-thanks-marketing,
  .product-download.step-thanks-marketing .form-group.step-thanks-marketing,
  .product-download.step-version .form-group.show-on-version,
  .product-download.step-version .form-group.step-version {
    display: flex
  }
}

.product-download.step-customcta .download-options .show-on-customcta,
.product-download.step-liveinstaller .download-options .show-on-liveinstaller,
.product-download.step-thanks-marketing .download-options .show-on-thanks-marketing,
.product-download.step-version .download-options .show-on-version {
  display: inline
}

.product-download.step-customcta .hide-on-customcta,
.product-download.step-liveinstaller .hide-on-liveinstaller,
.product-download.step-thanks-marketing .hide-on-thanks-marketing,
.product-download.step-version .hide-on-version {
  display: none
}

.product-download.loading .row {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.product-download.loading:after,
.product-download.loading:before {
  content: "";
  z-index: 10
}

.product-download.loading:before {
  background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0))
}

.product-download .col-sm-8,
.product-download .col.col-sm-4 {
  -webkit-transition: none false false;
  -moz-transition: none false false false;
  -o-transition: none false false false;
  transition: none
}

.product-download.no-guides.no-liveinstaller.no-versions .col.col-sm-4 {
  display: none
}

@media (min-width:768px) {
  .product-download.no-guides.no-liveinstaller.no-versions .col.col-sm-8 {
    margin-left: 16.6665%;
    left: -80px
  }

  .product-download.no-guides.no-liveinstaller.no-versions .col.col-sm-8:before {
    display: none
  }
}

.product-download.no-guides .file-links,
.product-download.no-versions.no-liveinstaller .download-options {
  display: none
}

@media (min-width:768px) {

  .product-download .col.col-sm-4:before,
  .product-download .col.col-sm-8:before {
    top: 0;
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #c6cfd4
  }

  .skin-inverse .product-download .col.col-sm-4:before,
  .skin-inverse .product-download .col.col-sm-8:before {
    background: hsla(0, 0%, 100%, .5)
  }

  .product-download .col.col-sm-8:before {
    right: -1px;
    left: auto
  }

  [dir=rtl] .product-download .col.col-sm-8:before {
    left: -1px;
    right: auto
  }

  .product-download .col.col-sm-4:before {
    left: 0;
    right: auto
  }

  [dir=rtl] .product-download .col.col-sm-4:before {
    left: auto;
    right: 0
  }

  .product-download .form-group {
    align-items: center
  }

  .product-download .form-group:not([class*=show-on-]) {
    display: flex
  }

  .product-download .step-advanced {
    padding-left: 160px
  }

  [dir=rtl] .product-download .step-advanced {
    padding-left: 0;
    padding-right: 160px
  }

  .product-download .step-advanced .form-label {
    width: 140px;
    margin: 0 20px 0 -160px;
    text-align: right;
    display: table;
    height: 41px
  }

  [dir=rtl] .product-download .step-advanced .form-label {
    margin-right: -160px;
    margin-left: 20px;
    text-align: left
  }

  .product-download .step-advanced .form-label .label {
    vertical-align: middle;
    display: table-cell
  }
}

@keyframes configurator-result-notice-trans-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes configurator-result-notice-trans-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes configurator-result-price-trans-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes configurator-result-price-trans-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.product-tile {
  text-align: center;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.product-tile .tooltip-content {
  bottom: 110%;
  z-index: 70;
  padding: 10px 15px
}

.product-tile .thumbnail-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  max-width: 205px;
  width: 100%;
  padding: 10px 25px 0
}

.product-tile .thumbnail-wrap:hover .tooltip-content {
  bottom: 100%
}

.product-tile .platforms {
  position: absolute;
  bottom: 20px;
  right: 0;
  float: right;
  color: #424d56
}

.product-tile .platforms .icon {
  font-size: 20px;
  display: block;
  margin: 10px 0
}

.product-tile .additional {
  padding-top: 10px
}

.product-tile .additional :first-child {
  margin-top: 20px
}

.product-tile .content {
  position: relative
}

.product-tile .savingsmessage,
.product-tile .years-users {
  margin-bottom: 0 !important
}

.product-tile .savingsmessage {
  font-size: 15px;
  line-height: 1.33333em;
  color: #d90b00
}

.product-tile .description {
  margin-bottom: 20px
}

.product-tile .description,
.product-tile .description a {
  color: inherit
}

.product-tile .description a {
  font-weight: inherit !important;
  display: block
}

.skin-inverse .product-tile .description,
.skin-inverse .product-tile .obsolete,
.skin-inverse .product-tile .savingsmessage,
.skin-inverse .product-tile h3 a,
.skin-inverse .product-tile p a {
  color: inherit
}

.product-tile [class^=link] {
  position: relative;
  display: block;
  margin-top: 15px
}

.product-tile [class*=btn]+[class^=link] {
  margin-top: 20px
}

.product-tile .name {
  font-weight: 700
}

.product-tile .price.obsolete {
  font-size: 1em;
  margin-right: 10px;
  color: #d90b00
}

@media (max-width:767px) {

  .product-tile,
  .product-tile .name {
    font-size: 15px;
    line-height: 1.33333em
  }

  .product-tile .name {
    margin-bottom: 0
  }

  .product-tile .description {
    margin: 0 0 5px
  }

  .product-tile .ribbon span {
    font-size: .7em;
    top: 20px;
    right: -75px
  }
}

.submenu .product-tile {
  font-size: 15px;
  line-height: 1.33333em
}

.submenu .product-tile .content {
  min-height: 130px
}

@media (min-width:768px) {
  .submenu .product-tile .info {
    min-height: 112px
  }
}

.submenu .product-tile .thumbnail {
  width: 160px
}

.submenu .product-tile .description {
  color: #fff;
  margin-bottom: 0
}

.submenu .product-tile .additional {
  padding: 0
}

.submenu .product-tile .name {
  color: inherit;
  font-size: 15px;
  text-decoration: none;
  font-weight: 700
}

.submenu .product-tile [class*=text-label] {
  top: -1px
}

.submenu .product-tile .price {
  color: inherit
}

.submenu .product-tile .price.obsolete {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

.product-card {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (max-width:989px) {
  .product-card:after {
    display: none !important
  }
}

.product-card .description,
.product-card .display {
  font-size: inherit;
  line-height: inherit
}

.product-card .display {
  margin-bottom: 15px
}

.product-card .description {
  margin-bottom: 0
}

@media (max-width:767px) {
  .product-card .claim {
    display: none
  }
}

.product-card .card-top {
  position: relative;
  padding-top: 50px;
  padding-bottom: 140px;
  background-size: cover;
  background-position: 50% 50%
}

@media (max-width:989px) {
  .product-card .card-top {
    height: auto !important
  }
}

@media (min-width:768px) {
  .product-card .card-top {
    padding-top: 85px
  }
}

@media (min-width:990px) {
  .product-card .card-top {
    padding-bottom: 60px
  }
}

@media (min-width:1200px) {
  .product-card .card-top {
    padding-bottom: 95px
  }
}

.product-card .card-content {
  padding-top: 25px;
  padding-bottom: 25px;
  height: 100%;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center
}

.product-card .card-content>.container {
  display: inline-block;
  vertical-align: middle;
  width: 100%
}

@media (max-width:767px) {
  .product-card .card-content {
    text-align: center
  }
}

@media (min-width:768px) {
  .product-card .card-content {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

.product-card .card-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: 50%;
  background-size: cover
}

.product-card .card-bottom {
  position: relative;
  color: #fff
}

.product-card .ribbon-container {
  background: #f8b323;
  color: #424d56;
  text-transform: uppercase
}

@media (max-width:767px) {
  .product-card .ribbon-container {
    display: none
  }

  .product-card .ribbon-container .col {
    padding-top: 75px;
    padding-bottom: 25px
  }
}

@media (min-width:768px) {
  .product-card .ribbon-container {
    position: absolute;
    width: 100%;
    bottom: 100%
  }

  .product-card .ribbon-container .col {
    padding: 11px 70px 12px
  }

  .csstransforms .product-card .ribbon-container {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.product-card .ribbon-container .col :last-child {
  margin-bottom: 0
}

.product-card .card-configuration-container {
  background: #424d56;
  z-index: 1
}

.product-card .card-configuration-container .col-md-9 {
  float: none
}

@media (min-width:768px) and (max-width:989px) {
  .product-card .card-configuration-container>.container>.row>.col:last-child {
    float: left
  }
}

@media (min-width:768px) {
  .product-card .card-configuration-container {
    position: relative
  }
}

@media (max-width:767px) {
  .product-card .card-configuration-container {
    padding-top: 60px
  }

  .product-card .card-configuration-container>.container,
  .product-card .card-configuration-container>.container>.row>.col:first-child {
    position: static
  }

  .product-card .card-configuration-container>.container>.row>.col:last-child {
    margin-top: 50px
  }

  .product-card .card-configuration-container [class*=product-] {
    padding-bottom: 30px
  }
}

@media (min-width:990px) {
  .product-card .card-configuration-container {
    height: 170px;
    width: 100%
  }

  .product-card .card-configuration-container [class*=product-] {
    display: inline-block;
    padding-left: 0;
    flex-grow: 1
  }

  .product-card .card-configuration-container [class*=product-]+[class*=product-] {
    margin-left: 50px
  }

  [dir=rtl] .product-card .card-configuration-container [class*=product-]+[class*=product-] {
    margin-right: 50px;
    margin-left: auto
  }

  .product-card .card-configuration-container .container>.row,
  .product-card .card-configuration-container .container>.row>.col {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }

  .product-card .card-configuration-container .container>.row>.col:last-child {
    padding-left: 0;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
  }

  [dir=rtl] .product-card .card-configuration-container .container>.row>.col:last-child {
    padding-left: 45px;
    padding-right: 0
  }
}

@media (max-width:767px) {
  .product-card .product-image {
    padding-bottom: 0;
    position: absolute;
    top: -150px;
    width: 100%;
    text-align: center;
    left: -16px
  }

  .product-card .product-image img {
    width: 180px
  }
}

@media (min-width:768px) {
  .product-card .product-image {
    height: 170px
  }

  .product-card .product-image img {
    width: calc(100% - 70px);
    max-width: 217px;
    position: absolute;
    bottom: 4px;
    left: 12px
  }

  [dir=rtl] .product-card .product-image img {
    left: auto
  }
}

@media (min-width:768px) and (max-width:989px) {
  .product-card .product-image {
    height: 140px
  }

  .product-card .product-image img {
    max-width: 173px !important
  }
}

@media (max-width:1199px) {
  .product-card .product-image img {
    max-width: 193px
  }
}

@media (min-width:1200px) {
  .product-card .product-image img {
    width: calc(100% - 90px)
  }
}

.product-card .cta-message {
  font-size: 12px;
  line-height: 1.5em
}

@media (min-width:1200px) {
  .product-card .cta-message {
    position: absolute;
    width: 100%
  }
}

.product-card .cta-message * {
  margin: 0;
  padding: 0
}

.product-card .cta-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top
}

@media (min-width:480px) {
  .product-card .cta-wrapper:first-child {
    padding-right: 7px
  }

  .product-card .cta-wrapper+.cta-wrapper {
    padding-left: 7px
  }

  .product-card .cta-wrapper .cta-message {
    padding-right: 7px;
    margin-top: 5px
  }

  [dir=rtl] .product-card .cta-wrapper:first-child {
    padding-right: 0;
    padding-left: 7px
  }

  [dir=rtl] .product-card .cta-wrapper+.cta-wrapper {
    padding-left: 0;
    padding-right: 7px
  }

  [dir=rtl] .product-card .cta-wrapper .cta-message {
    padding-right: 0;
    padding-left: 7px
  }
}

@media (max-width:479px) {
  .product-card .cta-wrapper {
    width: 100%
  }
}

@media (min-width:480px) and (max-width:989px) {
  .product-card .cta-wrapper {
    width: 50% !important;
    display: block;
    float: left
  }

  [dir=rtl] .product-card .cta-wrapper {
    float: right
  }
}

@media (max-width:989px) {
  .product-card .cta-wrapper {
    display: block
  }
}

@media (max-width:479px) {
  .product-card .cta-wrapper+.cta-wrapper {
    margin-top: 20px
  }
}

@media (min-width:480px) and (max-width:767px) {
  .product-card .product-cta-area {
    overflow: hidden;
    *zoom: 1
  }
}

@media (min-width:768px) and (max-width:989px) {
  .product-card .product-cta-area {
    margin-top: 120px
  }
}

.product-card .product-cta-area [class*=btn] {
  padding-left: 20px;
  padding-right: 20px;
  display: block
}

@media (max-width:989px) {
  .product-card .product-cta-area [class*=btn] {
    width: 100%
  }
}

@media (min-width:1200px) {
  .product-card .product-cta-area [class*=btn] {
    min-width: 180px
  }

  .product-card .product-cta-area [class*=btn-bordered] {
    min-width: 160px
  }
}

.product-card .product-price,
.product-card .product-price-configurator {
  position: relative
}

.product-card .product-price {
  min-width: 140px
}

@media (max-width:767px) {
  .product-card .product-price {
    padding-bottom: 40px
  }
}

@media (min-width:768px) {
  .product-card .product-price {
    margin-top: 12px
  }
}

@media (min-width:768px) {
  .product-card .product-price-configurator .row {
    min-width: 305px
  }
}

@media (max-width:767px) {
  .product-card .product-price-configurator .row .col:first-child {
    padding-right: 20px
  }

  [dir=rtl] .product-card .product-price-configurator .row .col:first-child {
    padding-left: 20px
  }
}

@media (min-width:768px) {
  .product-card .product-price-configurator .row .col:first-child {
    padding-right: 25px
  }

  [dir=rtl] .product-card .product-price-configurator .row .col:first-child {
    padding-left: 25px
  }
}

[dir=rtl] .product-card .product-price-configurator .row .col:first-child {
  padding-right: 15px
}

@media (max-width:767px) {
  .product-card .product-price-configurator .row .col:last-child {
    padding-left: 20px
  }

  [dir=rtl] .product-card .product-price-configurator .row .col:last-child {
    padding-right: 20px
  }
}

@media (min-width:768px) {
  .product-card .product-price-configurator .row .col:last-child {
    padding-left: 25px
  }

  [dir=rtl] .product-card .product-price-configurator .row .col:last-child {
    padding-right: 25px
  }
}

[dir=rtl] .product-card .product-price-configurator .row .col:last-child {
  padding-left: 15px
}

.product-card .product-price-configurator .cta-message :first-child {
  margin-top: 15px
}

@media (min-width:480px) and (max-width:989px) {
  .product-card .product-price-configurator .cta-message {
    display: none
  }
}

@media (min-width:1200px) {
  .product-card .product-price-configurator .cta-message {
    display: none
  }
}

.product-card .price {
  margin: 0;
  font-weight: 300;
  display: inline-block
}

.product-card .price.obsolete {
  font-weight: 400;
  top: -1.5em;
  left: 0;
  display: block
}

.product-card .form-label,
.product-card .price.obsolete {
  font-size: 17px;
  color: #949495;
  position: absolute;
  width: 100%
}

.product-card .form-label {
  bottom: 54px
}

.product-card .form-group-quantity .form-control {
  padding-bottom: 4px
}

.product-card .form-group {
  margin-bottom: 0
}

.product-card .form-group .display {
  color: #fff;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px
}

.product-card.no-price-configurator .product-price-configurator,
.product-card.no-price .product-price {
  display: none
}

@media (max-width:989px) {

  .product-card.no-price-configurator .card-configuration-container .container>.row>.col:last-child,
  .product-card.no-price .card-configuration-container .container>.row>.col:last-child {
    float: left
  }
}

@media (min-width:768px) {

  .product-card.no-price-configurator .card-configuration-container .container>.row>.col:last-child,
  .product-card.no-price .card-configuration-container .container>.row>.col:last-child {
    justify-content: flex-start
  }
}

@media (max-width:767px) {
  .product-card.no-price-configurator .product-cta-area .has-savings-message .btn {
    margin-top: 34px
  }
}

@media (min-width:768px) {
  .product-card.no-price-configurator.no-price .card-configuration-container .container>.row>.col:last-child {
    justify-content: center
  }

  .product-card.no-price-configurator.no-price .product-cta-area {
    text-align: center
  }

  .product-card.no-price-configurator.no-price .product-cta-area [class*=btn] {
    min-width: 220px
  }
}

@media (min-width:990px) {
  .product-card.no-price-configurator.no-price .product-cta-area {
    margin-left: calc(-25% - 45px)
  }

  [dir=rtl] .product-card.no-price-configurator.no-price .product-cta-area {
    margin-left: auto !important;
    margin-right: calc(-25% - 45px)
  }
}

@media (min-width:768px) and (max-width:989px) {
  .product-card.no-price-configurator.no-price .card-top {
    padding-bottom: 100px
  }

  .product-card.no-price-configurator.no-price .product-image {
    height: 130px
  }

  .product-card.no-price-configurator.no-price .col-md-9 {
    width: 66.66667%;
    float: left;
    padding-left: 0
  }

  [dir=rtl] .product-card.no-price-configurator.no-price .col-md-9 {
    float: right;
    padding-right: 0;
    padding-left: 45px
  }

  .product-card.no-price-configurator.no-price .product-cta-area {
    margin-top: 30px
  }
}

@media (min-width:990px) and (max-width:1199px) {
  .product-card.no-price-configurator.no-price .product-cta-area {
    margin-left: calc(-25% - 30px) !important
  }

  [dir=rtl] .product-card.no-price-configurator.no-price .product-cta-area {
    margin-left: auto !important;
    margin-right: calc(-25% - 30px) !important
  }
}

@media (min-width:768px) and (max-width:989px) {
  .product-card.has-price-configurator.has-price .ribbon-container .row {
    padding-left: 33.33333%;
    padding-right: 45px
  }

  [dir=rtl] .product-card.has-price-configurator.has-price .ribbon-container .row {
    padding-right: 33.33333%;
    padding-left: 45px
  }

  .product-card.has-price-configurator.has-price .product-price,
  .product-card.has-price-configurator.has-price .product-price-configurator {
    top: 40px
  }

  .product-card.has-price-configurator.has-price .product-price {
    float: left;
    width: 25%;
    overflow: visible
  }

  [dir=rtl] .product-card.has-price-configurator.has-price .product-price {
    margin-left: auto;
    margin-right: -65px;
    float: right
  }

  .product-card.has-price-configurator.has-price .product-price-configurator {
    float: right;
    width: 50%;
    padding-left: 7px
  }

  [dir=rtl] .product-card.has-price-configurator.has-price .product-price-configurator {
    float: left;
    padding-right: 7px;
    padding-left: 0
  }

  .product-card.has-price-configurator.has-price .product-cta-area {
    clear: both
  }

  .product-card.has-price-configurator.has-price .card-bottom {
    margin-bottom: 50px
  }

  .product-card.has-price-configurator.has-price .card-top {
    padding-bottom: 80px
  }

  .product-card.has-price-configurator.has-price .product-cta-area .savings-message {
    display: block
  }

  .product-card.has-price-configurator.has-price .product-price-configurator .savings-message {
    display: none
  }
}

@media (min-width:768px) and (max-width:1199px) {

  .product-card.has-price-configurator.has-price .cta-wrapper,
  .product-card.has-price-configurator.has-price [class*=btn-] {
    width: 100%;
    display: block
  }
}

@media (min-width:990px) and (max-width:1199px) {
  .product-card.has-price-configurator.has-price .cta-wrapper {
    padding: 0
  }

  .product-card.has-price-configurator.has-price .cta-wrapper+.cta-wrapper {
    margin-top: 10px
  }
}

@media (min-width:1200px) {
  .product-card.has-price-configurator.has-price .card-configuration-container [class*=product-] {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }
}

.product-card.has-ribbon .price.obsolete {
  color: #f8b323
}

@media (min-width:768px) {
  .csstransforms .product-card.has-ribbon .ribbon-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@media (max-width:767px) {
  .product-card.has-ribbon .ribbon-container {
    display: block
  }

  .product-card.has-ribbon .product-image {
    top: -150px
  }

  .product-card.has-ribbon .product-price {
    margin-top: 60px
  }

  .product-card.has-ribbon .card-configuration-container {
    padding-top: 0
  }
}

.product-card-dep {
  color: #fff;
  background: rgba(0, 75, 85, .9);
  font-size: 17px;
  overflow: visible;
  position: relative;
  z-index: 55;
  padding: 30px
}

@media (max-width:767px) {
  .product-card-dep {
    text-align: center
  }
}

.product-card-dep a {
  color: #fff
}

@media (max-width:767px) {
  .product-card-dep [class*=btn] {
    width: 100%;
    display: block;
    padding-left: 10px;
    padding-right: 10px
  }

  .product-card-dep [class*=btn]+[class*=btn] {
    margin-top: 15px
  }
}

@media (min-width:768px) {
  .product-card-dep [class*=btn] {
    float: left
  }

  [dir=rtl] .product-card-dep [class*=btn] {
    float: right
  }
}

.product-card-dep [class*=btn]+[class^=link] {
  margin-top: 20px
}

.product-card-dep [class^=link] {
  float: left;
  clear: left
}

[dir=rtl] .product-card-dep [class^=link] {
  float: right;
  clear: right
}

.product-card-dep [class^=link]+[class^=link] {
  margin-top: 15px
}

.product-card-dep .card-title-product {
  margin: 0 0 5px;
  text-transform: uppercase;
  position: relative
}

.product-card-dep .card-image {
  float: left;
  max-width: 155px;
  margin: 0 20px 0 0
}

[dir=rtl] .product-card-dep .card-image {
  float: right;
  margin: 0 0 0 20px
}

.product-card-dep .form,
.product-card-dep .product-card-ctas {
  clear: both
}

.product-card-dep .display {
  top: .05em !important
}

.product-card-dep .price.obsolete {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

.product-card-dep .configurator-result-price {
  animation-duration: .1s;
  animation-timing-function: ease
}

.product-card-dep .configurator-result-price.trans-in {
  animation-name: configurator-result-price-trans-in
}

.product-card-dep .configurator-result-price.trans-out {
  animation-name: configurator-result-price-trans-out
}

.product-card-dep .configurator-result-notice {
  overflow: hidden;
  min-height: 40px;
  animation-duration: .1s;
  animation-timing-function: ease
}

.product-card-dep .configurator-result-notice.trans-in {
  animation-name: configurator-result-notice-trans-in
}

.product-card-dep .configurator-result-notice.trans-out {
  animation-name: configurator-result-notice-trans-out
}

.product-card-dep .configurator-result-notice p {
  margin: 0
}

.product-card-dep .js-no-cart-link {
  display: none
}

.shopping-cart-disabled .product-card-dep .js-no-cart-link {
  display: block !important
}

@media (max-width:767px) {

  .product-card-dep .selectpicker,
  .product-card-dep select {
    padding-top: 5px;
    padding-bottom: 5px
  }

  .product-card-dep .form-control,
  .product-card-dep .form-label {
    text-align: left;
    float: left;
    width: 100%;
    border-color: transparent
  }

  .product-card-dep .form-label {
    top: 5px
  }

  .product-card-dep .form-control {
    float: right
  }

  .product-card-dep .form-group-result {
    margin: 0 0 5px
  }

  .product-card-dep .price {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 60px
  }

  .product-card-dep .price.obsolete {
    font-size: 17px;
    margin: 0 15px 0 0
  }

  .product-card-dep .card-title-product {
    font-size: 22px
  }
}

@media (min-width:768px) {
  .product-card-dep {
    margin: 0;
    padding: 50px 80px;
    max-width: 625px
  }

  .product-card-dep [class*=btn] {
    margin: 0
  }

  .product-card-dep [class*=btn]+[class*=btn] {
    margin-left: 15px
  }

  [dir=rtl] .product-card-dep [class*=btn]+[class*=btn] {
    margin-right: 15px
  }

  .product-card-dep .price {
    margin: 0;
    font-size: 40px;
    line-height: 1em
  }

  .product-card-dep .price.obsolete {
    font-size: 17px;
    display: none
  }

  .product-card-dep .form-label {
    font-weight: 400;
    text-align: center
  }

  .product-card-dep .form-group {
    margin: 10px 0 0
  }

  .product-card-dep .form-group-result {
    margin-top: 47px;
    text-align: center
  }

  .product-card-dep .form-group-result.skin-with-obsolete-price {
    margin-top: 30px
  }

  .product-card-dep .form-group-result.skin-with-obsolete-price .price.obsolete {
    display: block
  }

  .product-card-dep.with-ribbon .card-title {
    padding-right: 100px
  }

  .product-card-dep.with-image .card-title-product {
    padding: 40px 0 0
  }
}

.product-card-dep.product-card-b2b {
  background: rgba(0, 80, 140, .9)
}

.product-tile-business {
  display: block;
  margin: 0 0 30px;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7
}

.product-tile-business img {
  margin: 0 auto 5px
}

.product-tile-business .licence-count {
  margin-bottom: 15px;
  font-weight: 700
}

.product-tile-business .purpose {
  height: 140px;
  line-height: 140px;
  font-size: 28px;
  font-weight: 300;
  color: red;
}

.product-tile-business .purpose a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.product-tile-business .description {
  height: 122px;
  font-size: 17px;
  line-height: 1.52941em
}

.product-tile-business:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.product-tile-finder .name {
  margin: 0 0 5px
}

.product-tile-finder .features {
  margin: 20px 0 0;
  font-size: 16px
}

.product-tile-finder .price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 24px;
  margin: 0 10px;
  top: 3px
}

.product-tile-finder .price.obsolete {
  font-size: 19.2px;
  top: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7
}

@media (max-width:767px) {
  .product-tile-finder {
    text-align: center
  }

  .product-tile-finder [class*=btn] {
    display: block
  }

  .product-tile-finder .price {
    margin: 0 10px 5px
  }
}

@media (min-width:768px) {
  .product-tile-finder {
    overflow: hidden;
    padding-left: 190px
  }

  .product-tile-finder .thumbnail {
    float: left;
    margin: 0 0 0 -190px;
    width: 170px
  }

  .product-tile-finder .actions {
    text-align: right
  }

  .product-tile-finder [class*=btn],
  .product-tile-finder [class^=link] {
    margin: 0 5px
  }
}

@media (min-width:990px) {
  .product-tile-finder {
    padding-left: 200px
  }

  .product-tile-finder .thumbnail {
    width: 180px;
    margin-left: -200px
  }
}

@media (min-width:768px) and (max-width:799px) {
  .product-tile-finder [class*=btn] {
    padding-left: 20px;
    padding-right: 20px
  }
}

.product-tile-solution {
  text-align: center;
  margin-bottom: 40px
}

.product-tile-solution .thumbnail {
  display: block;
  margin: 0 auto 10px
}

.product-tile-solution .thumbnail-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  max-width: 205px;
  padding: 10px 25px 0
}

.product-tile-solution .content {
  height: 180px
}

.product-tile-solution .name {
  color: #008ba0;
  text-align: center
}

.product-tile-solution .flyout {
  font-size: 16px;
  line-height: 1.33333em
}

.product-tile-solution .flyout.open .toggle {
  background: #e7e9e6
}

@media (min-width:768px) {

  .product-listing-all .product-tile-solution .name,
  .product-listing-solutions-by-type .product-tile-solution .name,
  .product-listing-solutions .product-tile-solution .name {
    height: 58px;
    overflow: hidden
  }

  .product-listing-all .product-tile-solution .description,
  .product-listing-solutions-by-type .product-tile-solution .description,
  .product-listing-solutions .product-tile-solution .description {
    height: 100px;
    overflow: hidden
  }
}

@media (max-width:767px) {
  .product-tile-solution {
    text-align: center
  }
}

.product-tile-download .name {
  margin: 0 0 5px
}

.product-tile-download .description {
  min-height: 19px;
  margin-bottom: 20px
}

.product-tile-download .actions,
.product-tile-download .platforms,
.product-tile-download .product-data,
.product-tile-download .product-image {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: -5px
}

.product-tile-download .product-data {
  width: 30%;
  padding: 0 20px
}

.product-tile-download .product-data a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-right: 1px solid #424d56;
  padding-right: 10px;
  margin-right: 10px
}

.product-tile-download .product-data a:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0
}

.product-tile-download .platforms {
  width: 10%;
  text-align: center
}

.product-tile-download .platform {
  text-transform: none;
  display: block;
  margin-bottom: 5px
}

.product-tile-download .actions {
  width: 35%;
  padding-left: 40px
}

.product-tile-download .info {
  font-size: 15px;
  display: block;
  text-align: center
}

.product-tile-download .download-item {
  margin-bottom: 10px;
  font-size: 15px
}

.product-tile-download .download-item .ficon {
  margin-right: 5px
}

.product-tile-download [class*=btn] {
  display: block;
  margin: 10px 5px 0
}

.product-tile-download [class*=btn]:first-child {
  margin-top: 0
}

@media (max-width:989px) {
  .product-tile-download {
    text-align: center
  }

  .product-tile-download .actions,
  .product-tile-download .platforms,
  .product-tile-download .product-data {
    display: block;
    width: auto;
    float: none;
    margin: 0;
    padding: 0
  }

  .product-tile-download [class*=btn] {
    margin: 0 0 10px
  }

  .product-tile-download .platforms {
    margin-bottom: 10px
  }

  .product-tile-download .platform {
    display: inline-block;
    margin-right: 10px
  }

  .product-tile-download .platform:last-child {
    margin-right: 0
  }
}

@media (min-width:990px) {
  .product-tile-download {
    overflow: hidden
  }

  .product-tile-download.no-product-image .product-data {
    width: 40%
  }

  .product-tile-download.no-product-image .platforms {
    width: 30%;
    padding: 0 40px
  }

  .product-tile-download.no-product-image .actions {
    width: 30%
  }

  .product-tile-download .product-data {
    width: 28%
  }

  .product-tile-download .product-image {
    width: 20%
  }

  .product-tile-download .thumbnail {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
  }

  .product-tile-download .actions {
    text-align: left;
    width: 37%
  }
}

@media (min-width:1200px) {
  .product-tile-download .product-data {
    width: 30%
  }

  .product-tile-download .actions {
    width: 35%
  }
}

.product-teaser {
  position: relative;
  text-align: left;
  padding-right: 330px
}

.product-teaser [class*=btn] {
  margin: 0;
  text-align: center
}

.product-teaser .image {
  float: right;
  margin-right: -330px;
  width: 300px
}

.product-teaser .image img {
  width: 75%
}

.product-teaser .description,
.product-teaser .description a,
.product-teaser .name,
.product-teaser .name a {
  text-align: left
}

.product-teaser .price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 15px
}

.product-teaser .price.obsolete {
  font-size: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

@media (max-width:767px) {
  .product-query {
    overflow: visible !important;
    margin-top: -50px;
    margin-bottom: -50px
  }

  .product-query.skin-splitted>.col:before {
    background: transparent
  }
}

.product-listing .product-tile .additional:before,
.product-listing .product-tile:before {
  background-color: #f4f5f4;
  width: calc(100% + 60px);
  height: calc(100% + 30px);
  left: -30px
}

.product-listing .product-tile .skin-inverse .additional:before,
.product-listing .skin-inverse .product-tile:before,
.skin-inverse .product-listing .product-tile .additional:before,
.skin-inverse .product-listing .product-tile:before {
  background-color: #222
}

.product-listing {
  -webkit-perspective: 3000px;
  -moz-perspective: 3000px;
  -ms-perspective: 3000px;
  -o-perspective: 3000px;
  perspective: 3000px;
  padding-top: 30px
}

@media (min-width:768px) {
  .product-listing {
    padding: 33px 40px 220px
  }
}

.product-listing .row {
  height: 100%
}

@media (max-width:767px) {
  .product-listing .row.fail {
    padding-bottom: 30px
  }
}

.product-listing .row.fail+.alert {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  visibility: visible;
  opacity: 1
}

.product-listing .alert {
  -webkit-transform: rotateX(-90deg) scale(.98) translateY(-3px);
  -moz-transform: rotateX(-90deg) scale(.98) translateY(-3px);
  -ms-transform: rotateX(-90deg) scale(.98) translateY(-3px);
  -o-transform: rotateX(-90deg) scale(.98) translateY(-3px);
  transform: rotateX(-90deg) scale(.98) translateY(-3px);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  top: 0;
  position: absolute;
  width: 88%
}

@media (max-width:767px) {
  .product-listing .alert {
    width: 100%
  }
}

.product-listing .col {
  vertical-align: top;
  -webkit-transition: none false false;
  -moz-transition: none false false false;
  -o-transition: none false false false;
  transition: none;
  float: none;
  display: none;
  margin: 0 -2px
}

.state-loading .product-listing .col.visible {
  -webkit-transform: translate(0) scale(0);
  -moz-transform: translate(0) scale(0);
  -ms-transform: translate(0) scale(0);
  -o-transform: translate(0) scale(0);
  transform: translate(0) scale(0)
}

.state-loading .product-listing .col.visible:nth-child(0) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms
}

.state-loading .product-listing .col.visible:first-child {
  -webkit-transition-delay: 80ms;
  -moz-transition-delay: 80ms;
  -o-transition-delay: 80ms;
  transition-delay: 80ms
}

.state-loading .product-listing .col.visible:nth-child(2) {
  -webkit-transition-delay: .16s;
  -moz-transition-delay: .16s;
  -o-transition-delay: .16s;
  transition-delay: .16s
}

.state-loading .product-listing .col.visible:nth-child(3) {
  -webkit-transition-delay: .24s;
  -moz-transition-delay: .24s;
  -o-transition-delay: .24s;
  transition-delay: .24s
}

.state-loading .product-listing .col.visible:nth-child(4) {
  -webkit-transition-delay: .32s;
  -moz-transition-delay: .32s;
  -o-transition-delay: .32s;
  transition-delay: .32s
}

.state-loading .product-listing .col.visible:nth-child(5) {
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.state-loading .product-listing .col.visible:nth-child(6) {
  -webkit-transition-delay: .48s;
  -moz-transition-delay: .48s;
  -o-transition-delay: .48s;
  transition-delay: .48s
}

.state-loading .product-listing .col.visible:nth-child(7) {
  -webkit-transition-delay: .56s;
  -moz-transition-delay: .56s;
  -o-transition-delay: .56s;
  transition-delay: .56s
}

.state-loading .product-listing .col.visible:nth-child(8) {
  -webkit-transition-delay: .64s;
  -moz-transition-delay: .64s;
  -o-transition-delay: .64s;
  transition-delay: .64s
}

.state-loading .product-listing .col.visible:nth-child(9) {
  -webkit-transition-delay: .72s;
  -moz-transition-delay: .72s;
  -o-transition-delay: .72s;
  transition-delay: .72s
}

.state-loading .product-listing .col.visible:nth-child(10) {
  -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s
}

.state-loading .product-listing .col.visible:nth-child(11) {
  -webkit-transition-delay: .88s;
  -moz-transition-delay: .88s;
  -o-transition-delay: .88s;
  transition-delay: .88s
}

.state-loading .product-listing .col.visible:nth-child(12) {
  -webkit-transition-delay: .96s;
  -moz-transition-delay: .96s;
  -o-transition-delay: .96s;
  transition-delay: .96s
}

.state-loading .product-listing .col.visible:nth-child(13) {
  -webkit-transition-delay: 1.04s;
  -moz-transition-delay: 1.04s;
  -o-transition-delay: 1.04s;
  transition-delay: 1.04s
}

.state-loading .product-listing .col.visible:nth-child(14) {
  -webkit-transition-delay: 1.12s;
  -moz-transition-delay: 1.12s;
  -o-transition-delay: 1.12s;
  transition-delay: 1.12s
}

.state-loading .product-listing .col.visible:nth-child(15) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.state-loading .product-listing .col.visible:nth-child(16) {
  -webkit-transition-delay: 1.28s;
  -moz-transition-delay: 1.28s;
  -o-transition-delay: 1.28s;
  transition-delay: 1.28s
}

.state-loading .product-listing .col.visible:nth-child(17) {
  -webkit-transition-delay: 1.36s;
  -moz-transition-delay: 1.36s;
  -o-transition-delay: 1.36s;
  transition-delay: 1.36s
}

.state-loading .product-listing .col.visible:nth-child(18) {
  -webkit-transition-delay: 1.44s;
  -moz-transition-delay: 1.44s;
  -o-transition-delay: 1.44s;
  transition-delay: 1.44s
}

.state-loading .product-listing .col.visible:nth-child(19) {
  -webkit-transition-delay: 1.52s;
  -moz-transition-delay: 1.52s;
  -o-transition-delay: 1.52s;
  transition-delay: 1.52s
}

.state-loading .product-listing .col.visible:nth-child(20) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.product-listing .product-tile {
  width: 100%
}

.product-listing .product-tile:before {
  content: "";
  display: block;
  position: absolute;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  top: -30px
}

.product-listing .product-tile .additional,
.product-listing .product-tile:before {
  display: none
}

.product-listing .product-tile .description {
  margin-bottom: 0
}

@media (max-width:767px) {
  .product-listing .product-tile .additional {
    display: none
  }
}

@media (min-width:768px) {
  .product-listing .product-tile .ribbon {
    top: -30px;
    right: -30px
  }

  .product-listing .product-tile .ribbon:after,
  .product-listing .product-tile .ribbon:before {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    width: 3px;
    background-color: #976705;
    opacity: 0;
    visibility: hidden
  }

  .product-listing .product-tile .ribbon:before {
    left: 0;
    top: 0
  }

  .product-listing .product-tile .ribbon:after {
    z-index: -1;
    bottom: 0;
    right: 0
  }
}

.product-listing .product-tile .additional:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px
}

@media (min-width:768px) {
  .product-listing .product-tile .additional {
    z-index: 1;
    width: 100%;
    position: absolute
  }
}

@media (min-width:768px) {
  .product-listing .product-tile:hover {
    z-index: 1
  }

  .product-listing .product-tile:hover .additional,
  .product-listing .product-tile:hover:before {
    display: block
  }

  .product-listing .product-tile:hover .ribbon {
    right: -33px;
    top: -33px
  }

  .product-listing .product-tile:hover .ribbon:after,
  .product-listing .product-tile:hover .ribbon:before {
    opacity: 1;
    visibility: visible
  }
}

.product-listing.skin-gray-lighter {
  background: #f4f5f4;
  padding: 35px 40px 0
}

.product-listing-personal .product-tile {
  margin: 0 0 50px
}

@media (max-width:767px) {
  .product-listing-personal .product-tile {
    margin: 0
  }

  .col+.col .product-listing-personal .product-tile {
    margin-bottom: 30px
  }
}

@media (max-width:767px) {
  .product-listing-personal .product-tile {
    overflow: hidden;
    *zoom: 1;
    text-align: left;
    margin: 0 0 30px
  }

  [dir=rtl] .product-listing-personal .product-tile {
    text-align: right
  }

  .product-listing-personal .product-tile .platforms {
    bottom: 15px
  }

  .product-listing-personal .product-tile .platforms .icon {
    margin: 5px 0;
    font-size: 16px
  }

  .product-listing-personal .product-tile .product-thumbnail {
    width: 30%;
    float: left
  }

  [dir=rtl] .product-listing-personal .product-tile .product-thumbnail {
    float: right
  }

  .product-listing-personal .product-tile .ribbon-short {
    bottom: -15%;
    top: auto;
    left: 0;
    right: 25px
  }

  .product-listing-personal .product-tile .thumbnail-wrap {
    padding: 0 25px 0 0
  }

  [dir=rtl] .product-listing-personal .product-tile .thumbnail-wrap {
    padding-left: 25px;
    padding-right: 0
  }

  .product-listing-personal .product-tile .content {
    position: static;
    float: right;
    width: 70%
  }

  [dir=rtl] .product-listing-personal .product-tile .content {
    float: left
  }

  .product-listing-personal .product-tile .name a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%
  }

  [dir=rtl] .product-listing-personal .product-tile .name a:before {
    left: auto;
    right: 0
  }
}

@media (min-width:480px) and (max-width:767px) {
  .product-listing-personal .product-tile .ribbon-short {
    bottom: 0
  }
}

.product-listing-all .product-tile {
  margin: 0 0 40px
}

.product-listing-all .content {
  height: 180px
}

@media (max-width:989px) {
  .product-listing-all .col-sm-4:nth-child(3n+1) {
    clear: both
  }
}

@media (min-width:1200px) {
  .product-listing-all .col-lg-3:nth-child(4n+1) {
    clear: both
  }
}

@media (min-width:768px) {
  .product-listing-solutions-by-type .col-sm-4:nth-child(3n+1) {
    clear: both
  }
}

.product-thumbnail {
  position: relative;
  display: block
}

.product-slider .swiper-wrapper {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product-slider .product-tile .thumbnail-wrap {
  padding-left: 0;
  padding-right: 0
}

@media (max-width:767px) {

  .product-slider .product-tile .description,
  .product-slider .product-tile .name,
  .product-slider .product-tile .pricing {
    min-height: auto !important
  }
}

.review-quote {
  position: relative
}

@media (min-width:768px) {
  .review-quote .content {
    padding: 0 80px
  }

  .review-quote .logo {
    position: absolute;
    left: 0;
    top: 5px
  }

  .review-quote .quote {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
  }
}

.section-content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.section-image {
  position: relative;
  margin: -50px 0;
  max-width: none;
  width: 100%
}

.section-video {
  overflow: hidden
}

.section-video .video-js {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.section-video .video-js.vjs-has-started {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.section-video:before {
  z-index: 1
}

.section-title.skin-small {
  font-size: 30px
}

.section {
  position: relative;
  padding: 50px 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.section.above {
  z-index: 1
}

.section.parallax {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed
}

.section>.container {
  display: table;
  width: 100%;
  table-layout: fixed
}

@media (min-width:768px) {
  .section.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 90
  }
}

.section.skin-no-padding {
  padding: 0
}

.section.skin-padding-top-small {
  padding-top: 25px
}

.section.skin-padding-top-none {
  padding-top: 0
}

.section.skin-padding-bottom-small {
  padding-bottom: 25px
}

.section.skin-padding-bottom-none {
  padding-bottom: 0
}

.section.skin-with-video .container {
  z-index: 10
}

.section.skin-tongue:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  bottom: -25px;
  left: 50%;
  margin: 0 0 0 -32px;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 25px solid #fff
}

.section.skin-inverse {
  color: #fff;
  background-color: #3b3b3b
}

.section.skin-inverse:after {
  border-top-color: #3b3b3b
}

.section.skin-default {
  color: #3b3b3b;
  background-color: #fff
}

.section.skin-default:after {
  border-top-color: #fff
}

.section.skin-gray-lighter {
  background-color: #f3f4f2
}

.section.skin-gray-lighter:after {
  border-top-color: #f3f4f2
}

.section.skin-gray-light {
  background-color: #ebecea
}

.section.skin-border-top-b2c {
  border-top: 6px solid #008ba0
}

.section.skin-border-top-b2b {
  border-top: 6px solid #00508c
}

.section.skin-border-top-gray-blue {
  border-top: 6px solid #424d56
}

.section.skin-black {
  background-color: #181c20
}

.section.skin-black:after {
  border-top-color: #181c20
}

.section.skin-gray-blue {
  background-color: #424d56
}

.section.skin-gray-blue:after {
  border-top-color: #424d56
}

.section #sneaky,
.section .footer-scroll-to-top-wrapper {
  z-index: 10000
}

.section.top-scooped-corners {
  padding-top: 400px
}

@media (max-width:1300px) {
  .section.top-scooped-corners {
    padding-top: 400px
  }
}

@media (max-width:1023px) {
  .section.top-scooped-corners {
    padding-top: 0
  }
}

html.ie .section.top-scooped-corners {
  padding-top: 100px
}

.section.bottom-scooped-corners {
  padding-bottom: 400px
}

@media (max-width:1300px) {
  .section.bottom-scooped-corners {
    padding-bottom: 400px
  }
}

@media (max-width:1023px) {
  .section.bottom-scooped-corners {
    padding-bottom: 0
  }
}

html.ie .section.bottom-scooped-corners {
  padding-bottom: 100px
}

.section.top-offset .container {
  z-index: 10;
  margin-top: -400px;
  background-color: transparent
}

@media (max-width:1300px) {
  .section.top-offset .container {
    margin-top: -400px
  }
}

@media (max-width:1023px) {
  .section.top-offset .container {
    margin-top: 0
  }
}

html.ie .section.top-offset .container {
  margin-top: -100px
}

.section.bottom-offset {
  z-index: 10;
  margin-bottom: -400px;
  background-color: transparent
}

@media (max-width:1300px) {
  .section.bottom-offset {
    margin-bottom: -400px
  }
}

@media (max-width:1023px) {
  .section.bottom-offset {
    margin-bottom: 0
  }
}

html.ie .section.bottom-offset {
  margin-bottom: -100px
}

.section .section-shape {
  position: absolute;
  width: calc(100% + 40px);
  display: flex;
  align-items: flex-end;
  height: 800px
}

.section .section-shape>div {
  height: 800px
}

.section .section-shape .shape-left,
.section .section-shape .shape-right {
  width: 360px
}

.section .section-shape .shape-middle {
  width: calc(100% - 720px);
  height: 400px
}

.section .section-shape.shape-flip {
  flex-direction: row-reverse
}

.section .section-shape.shape-flip svg {
  transform: scaleX(-1)
}

[dir=rtl] .section .section-shape.shape-flip svg {
  transform: none
}

[dir=rtl] .section .section-shape {
  transform: scaleX(-1)
}

.section .section-shape.shape-bottom {
  bottom: -1px
}

.section .section-shape.shape-top {
  top: -1px;
  transform: rotate(180deg)
}

.section .section-shape>svg {
  display: block;
  width: 100%;
  fill: #fff;
  position: relative
}

.section .section-shape.shape-gray-light svg,
.section .section-shape.shape-gray-light svg path {
  fill: #ebecea
}

.section .section-shape.shape-gray-light .shape-middle {
  background-color: #ebecea
}

.section .section-shape.shape-gray-dark svg,
.section .section-shape.shape-gray-dark svg path {
  fill: #3b3b3b
}

.section .section-shape.shape-gray-dark .shape-middle {
  background-color: #3b3b3b
}

.section .section-shape.shape-faded-teal svg,
.section .section-shape.shape-faded-teal svg path {
  fill: #0096a1
}

.section .section-shape.shape-faded-teal .shape-middle {
  background-color: #0096a1
}

.section .section-shape.shape-faded-blue svg,
.section .section-shape.shape-faded-blue svg path {
  fill: #00508c
}

.section .section-shape.shape-faded-blue .shape-middle {
  background-color: #00508c
}

.section .section-shape.shape-faded-gray-blue svg,
.section .section-shape.shape-faded-gray-blue svg path {
  fill: #424d56
}

.section .section-shape.shape-faded-gray-blue .shape-middle {
  background-color: #424d56
}

.section .section-shape.shape-faded-gray-lighter svg,
.section .section-shape.shape-faded-gray-lighter svg path {
  fill: #f4f5f4
}

.section .section-shape.shape-faded-gray-lighter .shape-middle {
  background-color: #f4f5f4
}

.section .section-shape.shape-faded-teal-heavy svg,
.section .section-shape.shape-faded-teal-heavy svg path {
  fill: #00717f
}

.section .section-shape.shape-faded-teal-heavy .shape-middle {
  background-color: #00717f
}

.section .section-shape.shape-faded-teal-dark svg,
.section .section-shape.shape-faded-teal-dark svg path {
  fill: #004b55
}

.section .section-shape.shape-faded-teal-dark .shape-middle {
  background-color: #004b55
}

.section .section-shape.shape-faded-teal-bright svg,
.section .section-shape.shape-faded-teal-bright svg path {
  fill: #00bbc5
}

.section .section-shape.shape-faded-teal-bright .shape-middle {
  background-color: #00bbc5
}

.section .section-shape.shape-faded-blue-dark-muted svg,
.section .section-shape.shape-faded-blue-dark-muted svg path {
  fill: #385f7f
}

.section .section-shape.shape-faded-blue-dark-muted .shape-middle {
  background-color: #385f7f
}

.section .section-shape.shape-faded-black svg,
.section .section-shape.shape-faded-black svg path {
  fill: #181c20
}

.section .section-shape.shape-faded-black .shape-middle {
  background-color: #181c20
}

.section .section-shape.shape-white svg,
.section .section-shape.shape-white svg path {
  fill: #fff
}

.section .section-shape.shape-white .shape-middle {
  background-color: #fff
}

.section .section-shape.shape-faded-gray svg,
.section .section-shape.shape-faded-gray svg path {
  fill: #949495
}

.section .section-shape.shape-faded-gray .shape-middle {
  background-color: #949495
}

.section .section-shape.shape-faded-yellow svg,
.section .section-shape.shape-faded-yellow svg path {
  fill: #f8c523
}

.section .section-shape.shape-faded-yellow .shape-middle {
  background-color: #f8c523
}

.section .section-shape.shape-yellow svg,
.section .section-shape.shape-yellow svg path {
  fill: #f8b323
}

.section .section-shape.shape-yellow .shape-middle {
  background-color: #f8b323
}

.section .section-shape .scooped-left-small,
.section .section-shape .scooped-right-small {
  display: none;
  width: 90px
}

.section .section-shape .scooped-right,
.section .section-shape .scooped-right-small {
  overflow: visible
}

@media (max-width:1023px) {
  .section .section-shape {
    display: none
  }
}

@media (max-width:1300px) {
  .section .section-shape {
    width: 100%
  }

  .section .section-shape .scooped-left,
  .section .section-shape .scooped-right {
    display: none
  }

  .section .section-shape .scooped-left-small,
  .section .section-shape .scooped-right-small {
    display: block;
    width: 180px
  }

  .section .section-shape .shape-left,
  .section .section-shape .shape-right {
    width: 180px
  }

  .section .section-shape .shape-middle {
    width: calc(100% - 360px)
  }
}

.skin-kv-contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important
}

@media (max-width:767px) {
  .skin-kv-contain {
    background-image: none !important
  }
}

.skin-kv-left {
  background-position: .001% 50% !important
}

.skin-kv-right {
  background-position: 100% 50% !important
}

.skin-kv-top {
  background-position: 50% .001% !important
}

.skin-kv-bottom {
  background-position: 50% 100% !important
}

.section-group {
  position: relative;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-group,
.section-group .section {
  overflow: hidden;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.section-group .section {
  background-color: transparent;
  width: 100%
}

.section-group>.swiper-pagination {
  position: absolute
}

.section-group>.swiper-button-prev,
[dir=rtl] .section-group>.swiper-button-next {
  left: 7.15%;
  right: auto
}

.section-group>.swiper-button-next,
[dir=rtl] .section-group>.swiper-button-prev {
  right: 7.15%;
  left: auto
}

.section-group:not(.is-initialised) .section {
  display: none
}

.section-group:not(.is-initialised) .section:first-child {
  display: block
}

@media (max-width:767px) {
  .section-group .swiper-button {
    display: none
  }
}

.section-group.skin-height-s {
  min-height: 89px
}

.section-group.skin-height-s .section>.container,
.section.skin-height-s>.container {
  height: 44px
}

.skin-product-card .section-group.skin-height-s .section>.container,
.skin-product-card .section-group.skin-height-s .section>.container .card-top,
.skin-product-card .section.skin-height-s>.container,
.skin-product-card .section.skin-height-s>.container .card-top {
  height: -26px
}

.section-group.skin-height-m {
  min-height: 178px
}

.section-group.skin-height-m .section>.container,
.section.skin-height-m>.container {
  height: 133px
}

.skin-product-card .section-group.skin-height-m .section>.container,
.skin-product-card .section-group.skin-height-m .section>.container .card-top,
.skin-product-card .section.skin-height-m>.container,
.skin-product-card .section.skin-height-m>.container .card-top {
  height: 63px
}

.section-group.skin-height-l {
  min-height: 267px
}

.section-group.skin-height-l .section>.container,
.section.skin-height-l>.container {
  height: 222px
}

.skin-product-card .section-group.skin-height-l .section>.container,
.skin-product-card .section-group.skin-height-l .section>.container .card-top,
.skin-product-card .section.skin-height-l>.container,
.skin-product-card .section.skin-height-l>.container .card-top {
  height: 152px
}

.section-group.skin-height-xl {
  min-height: 356px
}

.section-group.skin-height-xl .section>.container,
.section.skin-height-xl>.container {
  height: 311px
}

.skin-product-card .section-group.skin-height-xl .section>.container,
.skin-product-card .section-group.skin-height-xl .section>.container .card-top,
.skin-product-card .section.skin-height-xl>.container,
.skin-product-card .section.skin-height-xl>.container .card-top {
  height: 241px
}

@media (min-width:768px) {
  .section-group.skin-height-s {
    min-height: 160px
  }

  .section-group.skin-height-s .section>.container,
  .section.skin-height-s>.container {
    height: 80px
  }

  .skin-product-card .section-group.skin-height-s .section>.container,
  .skin-product-card .section-group.skin-height-s .section>.container .card-top,
  .skin-product-card .section.skin-height-s>.container,
  .skin-product-card .section.skin-height-s>.container .card-top {
    height: 10px
  }

  .section-group.skin-height-m {
    min-height: 320px
  }

  .section-group.skin-height-m .section>.container,
  .section.skin-height-m>.container {
    height: 240px
  }

  .skin-product-card .section-group.skin-height-m .section>.container,
  .skin-product-card .section-group.skin-height-m .section>.container .card-top,
  .skin-product-card .section.skin-height-m>.container,
  .skin-product-card .section.skin-height-m>.container .card-top {
    height: 170px
  }

  .section-group.skin-height-l {
    min-height: 480px
  }

  .section-group.skin-height-l .section>.container,
  .section.skin-height-l>.container {
    height: 400px
  }

  .skin-product-card .section-group.skin-height-l .section>.container,
  .skin-product-card .section-group.skin-height-l .section>.container .card-top,
  .skin-product-card .section.skin-height-l>.container,
  .skin-product-card .section.skin-height-l>.container .card-top {
    height: 330px
  }

  .section-group.skin-height-xl {
    min-height: 640px
  }

  .section-group.skin-height-xl .section>.container,
  .section.skin-height-xl>.container {
    height: 560px
  }

  .skin-product-card .section-group.skin-height-xl .section>.container,
  .skin-product-card .section-group.skin-height-xl .section>.container .card-top,
  .skin-product-card .section.skin-height-xl>.container,
  .skin-product-card .section.skin-height-xl>.container .card-top {
    height: 490px
  }
}

@media (min-width:990px) {
  .section-group.skin-height-s {
    min-height: 200px
  }

  .section-group.skin-height-s .section>.container,
  .section.skin-height-s>.container {
    height: 100px
  }

  .skin-product-card .section-group.skin-height-s .section>.container,
  .skin-product-card .section-group.skin-height-s .section>.container .card-top,
  .skin-product-card .section.skin-height-s>.container,
  .skin-product-card .section.skin-height-s>.container .card-top {
    height: 30px
  }

  .section-group.skin-height-m {
    min-height: 400px
  }

  .section-group.skin-height-m .section>.container,
  .section.skin-height-m>.container {
    height: 300px
  }

  .skin-product-card .section-group.skin-height-m .section>.container,
  .skin-product-card .section-group.skin-height-m .section>.container .card-top,
  .skin-product-card .section.skin-height-m>.container,
  .skin-product-card .section.skin-height-m>.container .card-top {
    height: 230px
  }

  .section-group.skin-height-l {
    min-height: 600px
  }

  .section-group.skin-height-l .section>.container,
  .section.skin-height-l>.container {
    height: 500px
  }

  .skin-product-card .section-group.skin-height-l .section>.container,
  .skin-product-card .section-group.skin-height-l .section>.container .card-top,
  .skin-product-card .section.skin-height-l>.container,
  .skin-product-card .section.skin-height-l>.container .card-top {
    height: 430px
  }

  .section-group.skin-height-xl {
    min-height: 800px
  }

  .section-group.skin-height-xl .section>.container,
  .section.skin-height-xl>.container {
    height: 700px
  }

  .skin-product-card .section-group.skin-height-xl .section>.container,
  .skin-product-card .section-group.skin-height-xl .section>.container .card-top,
  .skin-product-card .section.skin-height-xl>.container,
  .skin-product-card .section.skin-height-xl>.container .card-top {
    height: 630px
  }
}

.sidebar,
.sidebar a {
  color: #fff
}

.sidebar .nav-social-profiles {
  border: solid #181c20;
  border-width: 1px 0 0;
  margin: 0 -25px 25px;
  padding: 25px
}

.sidebar .nav-social-profiles:not([data-initialized]) {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}

.sidebar .nav-social-profiles li {
  position: static;
  float: left;
  width: 20%;
  margin: 0;
  padding: 5px
}

[dir=rtl] .sidebar .nav-social-profiles li {
  float: right
}

.sidebar .nav-social-profiles .dropdown-menu {
  bottom: 60px;
  left: 20px;
  right: 20px
}

.sidebar .nav-social-profiles .dropdown-menu:after {
  right: 11%
}

@media (max-width:767px) {
  .sidebar .nav-social-profiles .dropdown-menu:after {
    right: 15.2%
  }
}

.sidebar-close {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 30px;
  right: 20px
}

[dir=rtl] .sidebar-close {
  right: auto;
  left: 20px
}

.sidebar-close .icon {
  font-size: 33px;
  width: 33px;
  height: 33px
}

.sidebar-close span {
  display: block;
  font-size: 9px
}

.sidebar-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px
}

.sidebar-content .sidebar-searching {
  padding: 25px 0
}

.sidebar-content.search .sidebar-searching {
  display: block
}

.sidebar-label {
  background: #181c20;
  height: 100px;
  margin: -25px -25px 0;
  padding: 35px 40px;
  text-transform: uppercase
}

.sidebar-content-language {
  padding: 0
}

.sidebar-content-language .sidebar-label {
  margin: 0
}

.autocomplete-result {
  margin: 0 0 30px
}

.autocomplete-result button {
  margin-top: 25px
}

.state-animating-sidebar .theiaStickySidebar {
  -webkit-transition: margin .3s ease;
  -moz-transition: margin .3s ease false;
  -o-transition: margin .3s ease false;
  transition: margin .3s ease
}

@media (min-width:768px) {
  .state-shown-sidebar .theiaStickySidebar {
    margin-left: -325px !important
  }
}

@media (min-width:768px) {
  [dir=rtl].state-shown-sidebar .theiaStickySidebar {
    margin-right: -325px !important
  }
}

.slidebox {
  background: #424d56;
  color: #fff;
  overflow: hidden;
  position: fixed;
  bottom: 100px;
  left: 100%;
  right: auto;
  z-index: 101;
  min-height: 345px;
  max-width: 80%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, .26);
  -moz-box-shadow: 0 20px 45px rgba(0, 0, 0, .26);
  box-shadow: 0 20px 45px rgba(0, 0, 0, .26)
}

.slidebox .trigger {
  z-index: 10;
  right: auto;
  width: 115px;
  background: #008ba0;
  overflow: hidden;
  cursor: pointer
}

.slidebox .trigger .txt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 2em;
  font-size: 24px;
  width: 345px;
  padding: 30px 30px 30px 105px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.slidebox .trigger .txt :last-child {
  margin-bottom: 0
}

.slidebox .trigger .icon {
  display: block;
  border: 2px solid #fff;
  margin: 30px auto 0;
  width: 45px;
  height: 45px
}

.slidebox .trigger .icon:before {
  content: "\F11D";
  font-size: 24px;
  padding: 9px 12px
}

.slidebox .content-wrapper {
  padding: 25px 35px 25px 40px
}

.slidebox .jspScrollable .content-wrapper {
  padding-right: 25px
}

.slidebox .jspHorizontalBar {
  display: none
}

.slidebox.is-shown .trigger .icon:before {
  padding: 9px 15px;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1)
}

.slidebox.is-teasing {
  cursor: pointer
}

.slidebox.is-teasing.is-unopened {
  animation: teasing-to-left 5s ease-in-out 3s infinite
}

.slidebox.is-teasing:hover {
  animation: none;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px)
}

.slide {
  position: relative;
  background: transparent 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.slide .col {
  vertical-align: top
}

.slide .product-tile {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:768px) {
  .slide .less-3 {
    text-align: center
  }

  .slide .less-3 .col {
    float: none;
    display: inline-block
  }
}

.no-js .slider .slide:first-child {
  display: block !important
}

.slider-wrap {
  position: relative
}

.slider-wrap .slide {
  display: block
}

.slider-wrap.skin-navigator {
  padding: 0 15px
}

@media (min-width:768px) {
  .slider-wrap.skin-navigator {
    padding: 0 70px
  }
}

.slider-wrap.skin-mode-coverflow .img-wrap {
  display: inline-block;
  background: #fff
}

.slider-wrap.skin-mode-coverflow .img-wrap img {
  display: block;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: .3
}

.slider-wrap.skin-mode-coverflow .swiper-slide-active .img-wrap img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.slider-wrap.skin-mode-coverflow .slide {
  text-align: center;
  -ms-align-self: center;
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center
}

.slider-wrap.skin-mode-coverflow .slide * {
  max-width: 100%
}

.sneaky {
  overflow: hidden;
  max-height: 0;
  padding: 0;
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  z-index: 80;
  background: #f4f5f4;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .26)
}

.sneaky .col {
  top: 0;
  white-space: nowrap
}

.sneaky .col.unnecessary {
  top: 55px
}

.sneaky .container {
  max-width: none;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.sneaky [class*=btn] {
  margin: 4px 0
}

.sneaky .price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 15px;
  margin-bottom: 0;
  font-size: 2em
}

.sneaky .price.obsolete {
  color: #424d56;
  margin-right: 10px;
  font-size: 1.2em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7
}

.sneaky .label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 15px
}

@media (min-width:768px) {
  .sneaky .sneaky-right {
    text-align: right;
    float: right;
    padding-right: 70px
  }

  .sneaky .sneaky-right>div {
    display: inline-block
  }

  .sneaky .sneaky-right>*+* {
    margin: 0 0 0 15px
  }

  [dir=rtl] .sneaky .sneaky-right>*+* {
    margin: 0 15px 0 0
  }
}

.state-sneaky-shown .sneaky {
  max-height: 55px;
  padding: 0
}

.state-sneaky-shown .sneaky .container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

@media (min-width:768px) {
  .state-shown-sidebar .sneaky {
    left: -325px;
    right: 325px
  }
}

.eset-svg-icon svg {
  overflow: visible;
  box-sizing: content-box;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.eset-svg-icon {
  max-width: 100%
}

.eset-svg-icon .svg-holder {
  position: relative;
  height: 0;
  max-width: 100%;
  padding-bottom: 100%;
  display: block;
  z-index: 0
}

.eset-svg-icon .svg-holder,
.eset-svg-icon .svg-holder:before {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.eset-svg-icon .svg-holder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #000;
  border-radius: 50%;
  content: "";
  z-index: -1
}

.eset-svg-icon.icon-size-default .svg-holder {
  width: auto;
}

.eset-svg-icon.icon-size-xxs .svg-holder {
  width: 30px
}

.eset-svg-icon.icon-size-xs .svg-holder {
  width: 50px
}

.eset-svg-icon.icon-size-sm .svg-holder {
  width: 75px
}

.eset-svg-icon.icon-size-md .svg-holder {
  width: 100px
}

.eset-svg-icon.icon-size-lg .svg-holder {
  width: 150px
}

.eset-svg-icon.icon-size-xl .svg-holder {
  width: 200px
}

.eset-svg-icon.icon-size-xxl .svg-holder {
  width: 300px
}

#header .eset-svg-icon [fill^="#"],
#header .eset-svg-icon [fill^=rgb],
#header .eset-svg-icon [stroke^="#"],
#header .eset-svg-icon [stroke^=rgb],
.section .eset-svg-icon [fill^="#"],
.section .eset-svg-icon [fill^=rgb],
.section .eset-svg-icon [stroke^="#"],
.section .eset-svg-icon [stroke^=rgb] {
  transition: fill .3s ease-out;
  -webkit-transition: fill .3s ease-out;
  stroke: .3s ease-out
}

#header .eset-svg-icon.color-inherit [fill^="#"],
#header .eset-svg-icon.color-inherit [fill^=rgb],
.section .eset-svg-icon.color-inherit [fill^="#"],
.section .eset-svg-icon.color-inherit [fill^=rgb] {
  fill: #424d56
}

#header .eset-svg-icon.color-inherit [stroke^="#"],
#header .eset-svg-icon.color-inherit [stroke^=rgb],
.section .eset-svg-icon.color-inherit [stroke^="#"],
.section .eset-svg-icon.color-inherit [stroke^=rgb] {
  stroke: #424d56
}

#header .eset-svg-icon.color-inherit .svg-holder:before,
.section .eset-svg-icon.color-inherit .svg-holder:before {
  border-color: #424d56
}

#header .eset-svg-icon.color-none .svg-holder:before,
.section .eset-svg-icon.color-none .svg-holder:before {
  border-color: transparent
}

#header.header .eset-svg-icon.color-inherit [fill^="#"],
#header.header .eset-svg-icon.color-inherit [fill^=rgb],
#header.skin-inverse .eset-svg-icon.color-inherit [fill^="#"],
#header.skin-inverse .eset-svg-icon.color-inherit [fill^=rgb],
.section.header .eset-svg-icon.color-inherit [fill^="#"],
.section.header .eset-svg-icon.color-inherit [fill^=rgb],
.section.skin-inverse .eset-svg-icon.color-inherit [fill^="#"],
.section.skin-inverse .eset-svg-icon.color-inherit [fill^=rgb] {
  fill: #fff
}

#header.header .eset-svg-icon.color-inherit [stroke^="#"],
#header.header .eset-svg-icon.color-inherit [stroke^=rgb],
#header.skin-inverse .eset-svg-icon.color-inherit [stroke^="#"],
#header.skin-inverse .eset-svg-icon.color-inherit [stroke^=rgb],
.section.header .eset-svg-icon.color-inherit [stroke^="#"],
.section.header .eset-svg-icon.color-inherit [stroke^=rgb],
.section.skin-inverse .eset-svg-icon.color-inherit [stroke^="#"],
.section.skin-inverse .eset-svg-icon.color-inherit [stroke^=rgb] {
  stroke: #fff
}

#header.header .eset-svg-icon.color-inherit .svg-holder:before,
#header.skin-inverse .eset-svg-icon.color-inherit .svg-holder:before,
.section.header .eset-svg-icon.color-inherit .svg-holder:before,
.section.skin-inverse .eset-svg-icon.color-inherit .svg-holder:before {
  border-color: #fff
}

#header .eset-svg-icon.color-faded-teal [fill^="#"],
#header .eset-svg-icon.color-faded-teal [fill^=rgb],
.section .eset-svg-icon.color-faded-teal [fill^="#"],
.section .eset-svg-icon.color-faded-teal [fill^=rgb] {
  fill: #0096a1
}

#header .eset-svg-icon.color-faded-teal [stroke^="#"],
#header .eset-svg-icon.color-faded-teal [stroke^=rgb],
.section .eset-svg-icon.color-faded-teal [stroke^="#"],
.section .eset-svg-icon.color-faded-teal [stroke^=rgb] {
  stroke: #0096a1
}

#header .eset-svg-icon.color-faded-teal .svg-holder:before,
.section .eset-svg-icon.color-faded-teal .svg-holder:before {
  border-color: #0096a1
}

#header .eset-svg-icon.color-faded-blue [fill^="#"],
#header .eset-svg-icon.color-faded-blue [fill^=rgb],
.section .eset-svg-icon.color-faded-blue [fill^="#"],
.section .eset-svg-icon.color-faded-blue [fill^=rgb] {
  fill: #00508c
}

#header .eset-svg-icon.color-faded-blue [stroke^="#"],
#header .eset-svg-icon.color-faded-blue [stroke^=rgb],
.section .eset-svg-icon.color-faded-blue [stroke^="#"],
.section .eset-svg-icon.color-faded-blue [stroke^=rgb] {
  stroke: #00508c
}

#header .eset-svg-icon.color-faded-blue .svg-holder:before,
.section .eset-svg-icon.color-faded-blue .svg-holder:before {
  border-color: #00508c
}

#header .eset-svg-icon.color-faded-gray-blue [fill^="#"],
#header .eset-svg-icon.color-faded-gray-blue [fill^=rgb],
.section .eset-svg-icon.color-faded-gray-blue [fill^="#"],
.section .eset-svg-icon.color-faded-gray-blue [fill^=rgb] {
  fill: #424d56
}

#header .eset-svg-icon.color-faded-gray-blue [stroke^="#"],
#header .eset-svg-icon.color-faded-gray-blue [stroke^=rgb],
.section .eset-svg-icon.color-faded-gray-blue [stroke^="#"],
.section .eset-svg-icon.color-faded-gray-blue [stroke^=rgb] {
  stroke: #424d56
}

#header .eset-svg-icon.color-faded-gray-blue .svg-holder:before,
.section .eset-svg-icon.color-faded-gray-blue .svg-holder:before {
  border-color: #424d56
}

#header .eset-svg-icon.color-faded-gray-lighter [fill^="#"],
#header .eset-svg-icon.color-faded-gray-lighter [fill^=rgb],
.section .eset-svg-icon.color-faded-gray-lighter [fill^="#"],
.section .eset-svg-icon.color-faded-gray-lighter [fill^=rgb] {
  fill: #f4f5f4
}

#header .eset-svg-icon.color-faded-gray-lighter [stroke^="#"],
#header .eset-svg-icon.color-faded-gray-lighter [stroke^=rgb],
.section .eset-svg-icon.color-faded-gray-lighter [stroke^="#"],
.section .eset-svg-icon.color-faded-gray-lighter [stroke^=rgb] {
  stroke: #f4f5f4
}

#header .eset-svg-icon.color-faded-gray-lighter .svg-holder:before,
.section .eset-svg-icon.color-faded-gray-lighter .svg-holder:before {
  border-color: #f4f5f4
}

#header .eset-svg-icon.color-faded-gray [fill^="#"],
#header .eset-svg-icon.color-faded-gray [fill^=rgb],
.section .eset-svg-icon.color-faded-gray [fill^="#"],
.section .eset-svg-icon.color-faded-gray [fill^=rgb] {
  fill: #949495
}

#header .eset-svg-icon.color-faded-gray [stroke^="#"],
#header .eset-svg-icon.color-faded-gray [stroke^=rgb],
.section .eset-svg-icon.color-faded-gray [stroke^="#"],
.section .eset-svg-icon.color-faded-gray [stroke^=rgb] {
  stroke: #949495
}

#header .eset-svg-icon.color-faded-gray .svg-holder:before,
.section .eset-svg-icon.color-faded-gray .svg-holder:before {
  border-color: #949495
}

#header .eset-svg-icon.color-faded-black [fill^="#"],
#header .eset-svg-icon.color-faded-black [fill^=rgb],
.section .eset-svg-icon.color-faded-black [fill^="#"],
.section .eset-svg-icon.color-faded-black [fill^=rgb] {
  fill: #181c20
}

#header .eset-svg-icon.color-faded-black [stroke^="#"],
#header .eset-svg-icon.color-faded-black [stroke^=rgb],
.section .eset-svg-icon.color-faded-black [stroke^="#"],
.section .eset-svg-icon.color-faded-black [stroke^=rgb] {
  stroke: #181c20
}

#header .eset-svg-icon.color-faded-black .svg-holder:before,
.section .eset-svg-icon.color-faded-black .svg-holder:before {
  border-color: #181c20
}

#header .eset-svg-icon.color-faded-white [fill^="#"],
#header .eset-svg-icon.color-faded-white [fill^=rgb],
.section .eset-svg-icon.color-faded-white [fill^="#"],
.section .eset-svg-icon.color-faded-white [fill^=rgb] {
  fill: #fff
}

#header .eset-svg-icon.color-faded-white [stroke^="#"],
#header .eset-svg-icon.color-faded-white [stroke^=rgb],
.section .eset-svg-icon.color-faded-white [stroke^="#"],
.section .eset-svg-icon.color-faded-white [stroke^=rgb] {
  stroke: #fff
}

#header .eset-svg-icon.color-faded-white .svg-holder:before,
.section .eset-svg-icon.color-faded-white .svg-holder:before {
  border-color: #fff
}

#header .eset-svg-icon.color-faded-teal-heavy [fill^="#"],
#header .eset-svg-icon.color-faded-teal-heavy [fill^=rgb],
.section .eset-svg-icon.color-faded-teal-heavy [fill^="#"],
.section .eset-svg-icon.color-faded-teal-heavy [fill^=rgb] {
  fill: #004b55
}

#header .eset-svg-icon.color-faded-teal-heavy [stroke^="#"],
#header .eset-svg-icon.color-faded-teal-heavy [stroke^=rgb],
.section .eset-svg-icon.color-faded-teal-heavy [stroke^="#"],
.section .eset-svg-icon.color-faded-teal-heavy [stroke^=rgb] {
  stroke: #004b55
}

#header .eset-svg-icon.color-faded-teal-heavy .svg-holder:before,
.section .eset-svg-icon.color-faded-teal-heavy .svg-holder:before {
  border-color: #004b55
}

#header .eset-svg-icon.color-faded-teal-dark [fill^="#"],
#header .eset-svg-icon.color-faded-teal-dark [fill^=rgb],
.section .eset-svg-icon.color-faded-teal-dark [fill^="#"],
.section .eset-svg-icon.color-faded-teal-dark [fill^=rgb] {
  fill: #00717f
}

#header .eset-svg-icon.color-faded-teal-dark [stroke^="#"],
#header .eset-svg-icon.color-faded-teal-dark [stroke^=rgb],
.section .eset-svg-icon.color-faded-teal-dark [stroke^="#"],
.section .eset-svg-icon.color-faded-teal-dark [stroke^=rgb] {
  stroke: #00717f
}

#header .eset-svg-icon.color-faded-teal-dark .svg-holder:before,
.section .eset-svg-icon.color-faded-teal-dark .svg-holder:before {
  border-color: #00717f
}

#header .eset-svg-icon.color-faded-teal-bright [fill^="#"],
#header .eset-svg-icon.color-faded-teal-bright [fill^=rgb],
.section .eset-svg-icon.color-faded-teal-bright [fill^="#"],
.section .eset-svg-icon.color-faded-teal-bright [fill^=rgb] {
  fill: #00bbc5
}

#header .eset-svg-icon.color-faded-teal-bright [stroke^="#"],
#header .eset-svg-icon.color-faded-teal-bright [stroke^=rgb],
.section .eset-svg-icon.color-faded-teal-bright [stroke^="#"],
.section .eset-svg-icon.color-faded-teal-bright [stroke^=rgb] {
  stroke: #00bbc5
}

#header .eset-svg-icon.color-faded-teal-bright .svg-holder:before,
.section .eset-svg-icon.color-faded-teal-bright .svg-holder:before {
  border-color: #00bbc5
}

#header .eset-svg-icon.color-faded-blue-dark-muted [fill^="#"],
#header .eset-svg-icon.color-faded-blue-dark-muted [fill^=rgb],
.section .eset-svg-icon.color-faded-blue-dark-muted [fill^="#"],
.section .eset-svg-icon.color-faded-blue-dark-muted [fill^=rgb] {
  fill: #385f7f
}

#header .eset-svg-icon.color-faded-blue-dark-muted [stroke^="#"],
#header .eset-svg-icon.color-faded-blue-dark-muted [stroke^=rgb],
.section .eset-svg-icon.color-faded-blue-dark-muted [stroke^="#"],
.section .eset-svg-icon.color-faded-blue-dark-muted [stroke^=rgb] {
  stroke: #385f7f
}

#header .eset-svg-icon.color-faded-blue-dark-muted .svg-holder:before,
.section .eset-svg-icon.color-faded-blue-dark-muted .svg-holder:before {
  border-color: #385f7f
}

.eset-svg-icon.with-border .svg-holder:before {
  border: solid
}

.eset-svg-icon.with-border.icon-border-width-xxs .svg-holder:before {
  border-width: 1px
}

.eset-svg-icon.with-border.icon-border-width-xs .svg-holder:before {
  border-width: 2px
}

.eset-svg-icon.with-border.icon-border-width-sm .svg-holder:before {
  border-width: 3px
}

.eset-svg-icon.with-border.icon-border-width-md .svg-holder:before {
  border-width: 4px
}

.eset-svg-icon.with-border.icon-border-width-lg .svg-holder:before {
  border-width: 5px
}

.eset-svg-icon.with-border.icon-border-width-xl .svg-holder:before {
  border-width: 10px
}

#header .eset-svg-icon.with-background .svg-holder:before,
.section .eset-svg-icon.with-background .svg-holder:before {
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out
}

#header .eset-svg-icon.with-background.bg-color-faded-teal .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-teal .svg-holder:before {
  background-color: #0096a1
}

#header .eset-svg-icon.with-background.bg-color-faded-blue .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-blue .svg-holder:before {
  background-color: #00508c
}

#header .eset-svg-icon.with-background.bg-color-faded-gray-blue .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-gray-blue .svg-holder:before {
  background-color: #424d56
}

#header .eset-svg-icon.with-background.bg-color-faded-gray-lighter .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-gray-lighter .svg-holder:before {
  background-color: #f4f5f4
}

#header .eset-svg-icon.with-background.bg-color-faded-gray .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-gray .svg-holder:before {
  background-color: #949495
}

#header .eset-svg-icon.with-background.bg-color-faded-black .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-black .svg-holder:before {
  background-color: #181c20
}

#header .eset-svg-icon.with-background.bg-color-faded-white .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-white .svg-holder:before {
  background-color: #fff
}

#header .eset-svg-icon.with-background.bg-color-faded-teal-heavy .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-teal-heavy .svg-holder:before {
  background-color: #004b55
}

#header .eset-svg-icon.with-background.bg-color-faded-teal-dark .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-teal-dark .svg-holder:before {
  background-color: #00717f
}

#header .eset-svg-icon.with-background.bg-color-faded-teal-bright .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-teal-bright .svg-holder:before {
  background-color: #00bbc5
}

#header .eset-svg-icon.with-background.bg-color-faded-blue-dark-muted .svg-holder:before,
.section .eset-svg-icon.with-background.bg-color-faded-blue-dark-muted .svg-holder:before {
  background-color: #385f7f
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-teal:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-teal:hover .svg-holder:before {
  background-color: #0096a1;
  border-color: #0096a1
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-blue:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-blue:hover .svg-holder:before {
  background-color: #00508c;
  border-color: #00508c
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-gray-blue:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-gray-blue:hover .svg-holder:before {
  background-color: #424d56;
  border-color: #424d56
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-gray-lighter:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-gray-lighter:hover .svg-holder:before {
  background-color: #f4f5f4;
  border-color: #f4f5f4
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-gray:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-gray:hover .svg-holder:before {
  background-color: #949495;
  border-color: #949495
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-black:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-black:hover .svg-holder:before {
  background-color: #181c20;
  border-color: #181c20
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-white:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-white:hover .svg-holder:before {
  background-color: #fff;
  border-color: #fff
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-teal-heavy:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-teal-heavy:hover .svg-holder:before {
  background-color: #004b55;
  border-color: #004b55
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-teal-dark:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-teal-dark:hover .svg-holder:before {
  background-color: #00717f;
  border-color: #00717f
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-teal-bright:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-teal-bright:hover .svg-holder:before {
  background-color: #00bbc5;
  border-color: #00bbc5
}

#header .eset-svg-icon.with-background.hover-bg-color-faded-blue-dark-muted:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-faded-blue-dark-muted:hover .svg-holder:before {
  background-color: #385f7f;
  border-color: #385f7f
}

#header .eset-svg-icon.with-background.hover-bg-color-none:hover .svg-holder:before,
.section .eset-svg-icon.with-background.hover-bg-color-none:hover .svg-holder:before {
  background-color: transparent
}

#header .eset-svg-icon:hover.hover-faded-teal [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-teal [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-teal [fill^=rgb] {
  fill: #0096a1
}

#header .eset-svg-icon:hover.hover-faded-teal [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-teal [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-teal [stroke^=rgb] {
  stroke: #0096a1
}

#header .eset-svg-icon:hover.hover-faded-teal .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-teal .svg-holder:before {
  border-color: #0096a1
}

#header .eset-svg-icon:hover.hover-faded-blue [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-blue [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-blue [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-blue [fill^=rgb] {
  fill: #00508c
}

#header .eset-svg-icon:hover.hover-faded-blue [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-blue [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-blue [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-blue [stroke^=rgb] {
  stroke: #00508c
}

#header .eset-svg-icon:hover.hover-faded-blue .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-blue .svg-holder:before {
  border-color: #00508c
}

#header .eset-svg-icon:hover.hover-faded-gray-blue [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-gray-blue [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray-blue [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-gray-blue [fill^=rgb] {
  fill: #424d56
}

#header .eset-svg-icon:hover.hover-faded-gray-blue [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-gray-blue [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray-blue [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-gray-blue [stroke^=rgb] {
  stroke: #424d56
}

#header .eset-svg-icon:hover.hover-faded-gray-blue .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-gray-blue .svg-holder:before {
  border-color: #424d56
}

#header .eset-svg-icon:hover.hover-faded-gray-lighter [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-gray-lighter [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray-lighter [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-gray-lighter [fill^=rgb] {
  fill: #f4f5f4
}

#header .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^=rgb] {
  stroke: #f4f5f4
}

#header .eset-svg-icon:hover.hover-faded-gray-lighter .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-gray-lighter .svg-holder:before {
  border-color: #f4f5f4
}

#header .eset-svg-icon:hover.hover-faded-gray [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-gray [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-gray [fill^=rgb] {
  fill: #949495
}

#header .eset-svg-icon:hover.hover-faded-gray [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-gray [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-gray [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-gray [stroke^=rgb] {
  stroke: #949495
}

#header .eset-svg-icon:hover.hover-faded-gray .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-gray .svg-holder:before {
  border-color: #949495
}

#header .eset-svg-icon:hover.hover-faded-black [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-black [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-black [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-black [fill^=rgb] {
  fill: #181c20
}

#header .eset-svg-icon:hover.hover-faded-black [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-black [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-black [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-black [stroke^=rgb] {
  stroke: #181c20
}

#header .eset-svg-icon:hover.hover-faded-black .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-black .svg-holder:before {
  border-color: #181c20
}

#header .eset-svg-icon:hover.hover-faded-white [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-white [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-white [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-white [fill^=rgb] {
  fill: #fff
}

#header .eset-svg-icon:hover.hover-faded-white [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-white [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-white [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-white [stroke^=rgb] {
  stroke: #fff
}

#header .eset-svg-icon:hover.hover-faded-white .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-white .svg-holder:before {
  border-color: #fff
}

#header .eset-svg-icon:hover.hover-faded-teal-heavy [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-heavy [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-heavy [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-heavy [fill^=rgb] {
  fill: #004b55
}

#header .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^=rgb] {
  stroke: #004b55
}

#header .eset-svg-icon:hover.hover-faded-teal-heavy .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-teal-heavy .svg-holder:before {
  border-color: #004b55
}

#header .eset-svg-icon:hover.hover-faded-teal-dark [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-dark [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-dark [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-dark [fill^=rgb] {
  fill: #00717f
}

#header .eset-svg-icon:hover.hover-faded-teal-dark [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-dark [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-dark [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-dark [stroke^=rgb] {
  stroke: #00717f
}

#header .eset-svg-icon:hover.hover-faded-teal-dark .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-teal-dark .svg-holder:before {
  border-color: #00717f
}

#header .eset-svg-icon:hover.hover-faded-teal-bright [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-bright [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-bright [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-bright [fill^=rgb] {
  fill: #00bbc5
}

#header .eset-svg-icon:hover.hover-faded-teal-bright [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-teal-bright [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-teal-bright [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-teal-bright [stroke^=rgb] {
  stroke: #00bbc5
}

#header .eset-svg-icon:hover.hover-faded-teal-bright .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-teal-bright .svg-holder:before {
  border-color: #00bbc5
}

#header .eset-svg-icon:hover.hover-faded-blue-dark-muted [fill^="#"],
#header .eset-svg-icon:hover.hover-faded-blue-dark-muted [fill^=rgb],
.section .eset-svg-icon:hover.hover-faded-blue-dark-muted [fill^="#"],
.section .eset-svg-icon:hover.hover-faded-blue-dark-muted [fill^=rgb] {
  fill: #385f7f
}

#header .eset-svg-icon:hover.hover-faded-blue-dark-muted [stroke^="#"],
#header .eset-svg-icon:hover.hover-faded-blue-dark-muted [stroke^=rgb],
.section .eset-svg-icon:hover.hover-faded-blue-dark-muted [stroke^="#"],
.section .eset-svg-icon:hover.hover-faded-blue-dark-muted [stroke^=rgb] {
  stroke: #385f7f
}

#header .eset-svg-icon:hover.hover-faded-blue-dark-muted .svg-holder:before,
.section .eset-svg-icon:hover.hover-faded-blue-dark-muted .svg-holder:before {
  border-color: #385f7f
}

#header .eset-svg-icon:hover.icon-hover-zoom .svg-holder,
.section .eset-svg-icon:hover.icon-hover-zoom .svg-holder {
  transform: scale(1.1)
}

#header .eset-svg-icon:hover.icon-hover-bounce .svg-holder,
.section .eset-svg-icon:hover.icon-hover-bounce .svg-holder {
  transform: translateY(-8px)
}

#header .eset-svg-icon:hover.icon-hover-fade .svg-holder,
.section .eset-svg-icon:hover.icon-hover-fade .svg-holder {
  opacity: .7
}

#header .eset-svg-icon:hover.icon-hover-zoom.icon-hover-bounce .svg-holder,
.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-bounce .svg-holder {
  transform: scale(1.1) translateY(-8px)
}

#header .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade .svg-holder,
.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade .svg-holder {
  transform: scale(1.1);
  opacity: .7
}

#header .eset-svg-icon:hover.icon-hover-bounce.icon-hover-fade .svg-holder,
.section .eset-svg-icon:hover.icon-hover-bounce.icon-hover-fade .svg-holder {
  transform: translateY(-8px);
  opacity: .7
}

#header .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade.icon-hover-bounce .svg-holder,
.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade.icon-hover-bounce .svg-holder {
  transform: scale(1.1) translateY(-8px);
  opacity: .7
}

.textpic-svg .text-color-faded-teal,
.textpic-svg .text-color-faded-teal a:not([class*=btn]),
.textpic-svg .text-color-faded-teal h1,
.textpic-svg .text-color-faded-teal h2,
.textpic-svg .text-color-faded-teal h3,
.textpic-svg .text-color-faded-teal h4,
.textpic-svg .text-color-faded-teal h5,
.textpic-svg .text-color-faded-teal h6 {
  color: #0096a1
}

.textpic-svg .text-color-faded-blue,
.textpic-svg .text-color-faded-blue a:not([class*=btn]),
.textpic-svg .text-color-faded-blue h1,
.textpic-svg .text-color-faded-blue h2,
.textpic-svg .text-color-faded-blue h3,
.textpic-svg .text-color-faded-blue h4,
.textpic-svg .text-color-faded-blue h5,
.textpic-svg .text-color-faded-blue h6 {
  color: #00508c
}

.textpic-svg .text-color-faded-gray-blue,
.textpic-svg .text-color-faded-gray-blue a:not([class*=btn]),
.textpic-svg .text-color-faded-gray-blue h1,
.textpic-svg .text-color-faded-gray-blue h2,
.textpic-svg .text-color-faded-gray-blue h3,
.textpic-svg .text-color-faded-gray-blue h4,
.textpic-svg .text-color-faded-gray-blue h5,
.textpic-svg .text-color-faded-gray-blue h6 {
  color: #424d56
}

.textpic-svg .text-color-faded-gray-lighter,
.textpic-svg .text-color-faded-gray-lighter a:not([class*=btn]),
.textpic-svg .text-color-faded-gray-lighter h1,
.textpic-svg .text-color-faded-gray-lighter h2,
.textpic-svg .text-color-faded-gray-lighter h3,
.textpic-svg .text-color-faded-gray-lighter h4,
.textpic-svg .text-color-faded-gray-lighter h5,
.textpic-svg .text-color-faded-gray-lighter h6 {
  color: #f4f5f4
}

.textpic-svg .text-color-faded-gray,
.textpic-svg .text-color-faded-gray a:not([class*=btn]),
.textpic-svg .text-color-faded-gray h1,
.textpic-svg .text-color-faded-gray h2,
.textpic-svg .text-color-faded-gray h3,
.textpic-svg .text-color-faded-gray h4,
.textpic-svg .text-color-faded-gray h5,
.textpic-svg .text-color-faded-gray h6 {
  color: #949495
}

.textpic-svg .text-color-faded-black,
.textpic-svg .text-color-faded-black a:not([class*=btn]),
.textpic-svg .text-color-faded-black h1,
.textpic-svg .text-color-faded-black h2,
.textpic-svg .text-color-faded-black h3,
.textpic-svg .text-color-faded-black h4,
.textpic-svg .text-color-faded-black h5,
.textpic-svg .text-color-faded-black h6 {
  color: #181c20
}

.textpic-svg .text-color-faded-white,
.textpic-svg .text-color-faded-white a:not([class*=btn]),
.textpic-svg .text-color-faded-white h1,
.textpic-svg .text-color-faded-white h2,
.textpic-svg .text-color-faded-white h3,
.textpic-svg .text-color-faded-white h4,
.textpic-svg .text-color-faded-white h5,
.textpic-svg .text-color-faded-white h6 {
  color: #fff
}

.textpic-svg .text-color-faded-teal-heavy,
.textpic-svg .text-color-faded-teal-heavy a:not([class*=btn]),
.textpic-svg .text-color-faded-teal-heavy h1,
.textpic-svg .text-color-faded-teal-heavy h2,
.textpic-svg .text-color-faded-teal-heavy h3,
.textpic-svg .text-color-faded-teal-heavy h4,
.textpic-svg .text-color-faded-teal-heavy h5,
.textpic-svg .text-color-faded-teal-heavy h6 {
  color: #004b55
}

.textpic-svg .text-color-faded-teal-dark,
.textpic-svg .text-color-faded-teal-dark a:not([class*=btn]),
.textpic-svg .text-color-faded-teal-dark h1,
.textpic-svg .text-color-faded-teal-dark h2,
.textpic-svg .text-color-faded-teal-dark h3,
.textpic-svg .text-color-faded-teal-dark h4,
.textpic-svg .text-color-faded-teal-dark h5,
.textpic-svg .text-color-faded-teal-dark h6 {
  color: #00717f
}

.textpic-svg .text-color-faded-teal-bright,
.textpic-svg .text-color-faded-teal-bright a:not([class*=btn]),
.textpic-svg .text-color-faded-teal-bright h1,
.textpic-svg .text-color-faded-teal-bright h2,
.textpic-svg .text-color-faded-teal-bright h3,
.textpic-svg .text-color-faded-teal-bright h4,
.textpic-svg .text-color-faded-teal-bright h5,
.textpic-svg .text-color-faded-teal-bright h6 {
  color: #00bbc5
}

.textpic-svg .text-color-faded-blue-dark-muted,
.textpic-svg .text-color-faded-blue-dark-muted a:not([class*=btn]),
.textpic-svg .text-color-faded-blue-dark-muted h1,
.textpic-svg .text-color-faded-blue-dark-muted h2,
.textpic-svg .text-color-faded-blue-dark-muted h3,
.textpic-svg .text-color-faded-blue-dark-muted h4,
.textpic-svg .text-color-faded-blue-dark-muted h5,
.textpic-svg .text-color-faded-blue-dark-muted h6 {
  color: #385f7f
}

.tabs .pane>.title {
  position: relative;
  cursor: pointer
}

.tabs .pane>.title a {
  text-decoration: none !important;
  display: block
}

.tabs .pane .swiper-button-next {
  right: 0
}

[dir=rtl] .tabs .pane .swiper-button-next {
  right: auto;
  left: 0
}

@media (min-width:768px) {
  .tabs>.triggers {
    margin: 0 -1200px 50px;
    padding: 0 1200px;
    overflow: hidden;
    position: relative
  }

  .tabs>.triggers:before {
    content: "";
    background: #c6cfd4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px
  }

  .skin-inverse .tabs>.triggers:before {
    background: hsla(0, 0%, 100%, .5)
  }
}

@keyframes bounceTabs {
  0% {
    bottom: -8px
  }

  30% {
    bottom: 0
  }

  to {
    bottom: -5px
  }
}

.cta-pane {
  text-transform: none
}

.nav-tabs.skin-bar {
  margin: 0 auto;
  font-size: 16px;
  text-align: center
}

.flexbox .nav-tabs.skin-bar {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.nav-tabs.skin-bar a {
  text-align: center;
  padding: 70px 10px 15px;
  position: static;
  display: block;
  height: 100%;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease false;
  -o-transition: color .2s ease false;
  transition: color .2s ease;
  text-decoration: none
}

.nav-tabs.skin-bar a h1,
.nav-tabs.skin-bar a h2,
.nav-tabs.skin-bar a h3,
.nav-tabs.skin-bar a h4,
.nav-tabs.skin-bar a h5,
.nav-tabs.skin-bar a h6,
.nav-tabs.skin-bar a p {
  margin: 0
}

.nav-tabs.skin-bar li {
  vertical-align: top
}

.no-flexbox .nav-tabs.skin-bar li {
  display: inline-block
}

.nav-tabs.skin-bar li:after,
.nav-tabs.skin-bar li:before {
  content: "";
  position: absolute;
  background: transparent;
  width: 1px;
  left: 0;
  top: 0;
  bottom: 0
}

.nav-tabs.skin-bar li:after {
  display: none;
  left: auto;
  right: 0
}

.nav-tabs.skin-bar li:last-child:after {
  display: block
}

.nav-tabs.skin-bar a.current,
.nav-tabs.skin-bar a:hover {
  color: #424d56
}

.skin-inverse .nav-tabs.skin-bar a.current,
.skin-inverse .nav-tabs.skin-bar a:hover {
  color: #fff
}

.nav-tabs.skin-bar a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #424d56;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px)
}

.skin-inverse .nav-tabs.skin-bar a:after {
  border-top-color: #fff
}

.nav-tabs.skin-bar li {
  margin-bottom: 5px;
  max-width: 350px;
  display: inline-block;
  float: none
}

.nav-tabs.skin-bar .current:after {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

@media (max-width:767px) {
  .nav-tabs.skin-bar a {
    padding: 45px 20px 15px
  }

  .nav-tabs.skin-bar li .icon {
    top: 10px !important;
    font-size: 25px !important
  }
}

@media (min-width:768px) {
  .nav-tabs.skin-bar a {
    padding-left: 60px;
    padding-right: 60px
  }

  .nav-tabs.skin-bar.skin-padding-30 a {
    padding-left: 30px;
    padding-right: 30px
  }

  .nav-tabs.skin-bar.skin-padding-45 a {
    padding-left: 45px;
    padding-right: 45px
  }

  .nav-tabs.skin-bar li .icon {
    top: 20px !important
  }
}

.nav-tabs.skin-sm-bar li {
  overflow: hidden
}

.nav-tabs.skin-sm-bar a {
  text-decoration: none
}

.nav-tabs.skin-sm-bar a:before {
  content: "";
  display: block;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 12px;
  background: #424d56;
  left: 0;
  bottom: -12px;
  width: 100%;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: opacity .2s ease, bottom .2s ease;
  -moz-transition: opacity .2s ease false, bottom .2s ease false;
  -o-transition: opacity .2s ease false, bottom .2s ease false;
  transition: opacity .2s ease, bottom .2s ease;
  animation-fill-mode: forwards;
  animation-duration: .25s;
  animation-timing-function: ease
}

.nav-tabs.skin-sm-bar a:hover:before {
  bottom: -8px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.nav-tabs.skin-sm-bar a.current {
  color: #424d56
}

.nav-tabs.skin-sm-bar a.current:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  animation-name: bounceTabs
}

.nav-tabs.skin-sm-bar a h1,
.nav-tabs.skin-sm-bar a h2,
.nav-tabs.skin-sm-bar a h3,
.nav-tabs.skin-sm-bar a h4,
.nav-tabs.skin-sm-bar a h5,
.nav-tabs.skin-sm-bar a h6,
.nav-tabs.skin-sm-bar a p {
  margin: 0
}

@media (min-width:768px) {
  .nav-tabs.skin-sm-bar {
    margin: 0 auto;
    font-size: 16px
  }

  .flexbox .nav-tabs.skin-sm-bar {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }

  .nav-tabs.skin-sm-bar a {
    text-align: center;
    padding: 70px 10px 15px;
    position: static;
    display: block;
    height: 100%;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease false;
    -o-transition: color .2s ease false;
    transition: color .2s ease;
    text-decoration: none
  }

  .nav-tabs.skin-sm-bar a h1,
  .nav-tabs.skin-sm-bar a h2,
  .nav-tabs.skin-sm-bar a h3,
  .nav-tabs.skin-sm-bar a h4,
  .nav-tabs.skin-sm-bar a h5,
  .nav-tabs.skin-sm-bar a h6,
  .nav-tabs.skin-sm-bar a p {
    margin: 0
  }

  .nav-tabs.skin-sm-bar li {
    vertical-align: top
  }

  .no-flexbox .nav-tabs.skin-sm-bar li {
    display: inline-block
  }

  .nav-tabs.skin-sm-bar li:after,
  .nav-tabs.skin-sm-bar li:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 1px;
    left: 0;
    top: 0;
    bottom: 0
  }

  .nav-tabs.skin-sm-bar li:after {
    display: none;
    left: auto;
    right: 0
  }

  .nav-tabs.skin-sm-bar li:last-child:after {
    display: block
  }

  .nav-tabs.skin-sm-bar li {
    width: 16.66667%
  }

  .nav-tabs.skin-sm-bar.skin-nav-left {
    margin-left: 0
  }

  .nav-tabs.skin-sm-bar.skin-nav-right {
    margin-right: 0
  }

  .nav-tabs.skin-sm-bar.skin-iconless a {
    padding: 10px 10px 15px
  }

  .nav-tabs.skin-sm-bar.skin-iconless li .icon {
    display: none
  }

  .nav-tabs.skin-sm-bar.skin-count-2 li {
    width: 50%
  }

  .nav-tabs.skin-sm-bar.skin-count-3 li {
    width: 33.33333%
  }

  .nav-tabs.skin-sm-bar.skin-count-4 li {
    width: 25%
  }

  .nav-tabs.skin-sm-bar.skin-count-5 li {
    width: 20%
  }

  .nav-tabs.skin-sm-bar.skin-count-6 li {
    width: 16.66667%
  }

  .nav-tabs.skin-sm-bar.skin-count-7 li {
    width: 14.28571%
  }
}

.nav-tabs.skin-divided li:after,
.nav-tabs.skin-divided li:before {
  background: #c6cfd4
}

.skin-inverse .nav-tabs.skin-divided li:after,
.skin-inverse .nav-tabs.skin-divided li:before {
  background: hsla(0, 0%, 100%, .5)
}

.skin-inverse .nav-tabs a:before {
  background-color: #fff
}

.skin-inverse .nav-tabs a.current {
  color: #fff
}

.tabs.skin-bg-gray-lighter>.triggers {
  background: #f4f5f4
}

.tabs.skin-underlined>.nav {
  text-align: center;
  margin: 0 -20px 20px
}

.tabs.skin-underlined>.nav a {
  border-bottom: 3px solid transparent;
  padding: 35px 0 3px;
  margin: 0 8px
}

.tabs.skin-underlined>.nav .current {
  border-color: #008ba0;
  color: #008ba0;
  font-weight: 400
}

.tabs.skin-underlined>.nav li .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 28px;
  display: block
}

@media (max-width:767px) {
  .tabs.skin-underlined>.nav a {
    color: #a6a5a5;
    font-size: 13px;
    line-height: 1.07692em;
    max-width: 50px
  }

  .tabs.skin-underlined>.nav a:before {
    background: transparent
  }

  .tabs.skin-underlined>.nav a.current:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -8px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #008ba0
  }
}

@media (min-width:768px) {
  .tabs.skin-underlined>.nav a {
    padding: 0 0 8px;
    margin: 0 15px
  }

  .tabs.skin-underlined>.nav a:before {
    background: #424d56;
    left: -10px;
    top: 2px;
    bottom: 13px
  }

  .tabs.skin-underlined>.nav li .icon {
    display: none
  }
}

@media (max-width:767px) {
  .tabs.skin-xs-accordion .pane {
    display: block
  }

  .tabs.skin-xs-accordion .pane>.content>.content-wrapper {
    padding: 25px
  }

  .tabs.skin-xs-accordion .pane>.title {
    display: block;
    color: #008ba0;
    background: #f4f5f4
  }

  .tabs.skin-xs-accordion .pane>.title a {
    color: inherit;
    padding: 10px 50px 10px 25px
  }

  .tabs.skin-xs-accordion .pane>.title a.has-icon {
    padding-left: 60px
  }

  .tabs.skin-xs-accordion .pane>.title a.has-icon .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -16px
  }

  .tabs.skin-xs-accordion .pane>.title a:before {
    content: "+";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -14px
  }

  .tabs.skin-xs-accordion .pane>.title a h1,
  .tabs.skin-xs-accordion .pane>.title a h2,
  .tabs.skin-xs-accordion .pane>.title a h3,
  .tabs.skin-xs-accordion .pane>.title a h4,
  .tabs.skin-xs-accordion .pane>.title a h5,
  .tabs.skin-xs-accordion .pane>.title a h6,
  .tabs.skin-xs-accordion .pane>.title a p {
    margin: 0
  }

  .tabs.skin-xs-accordion .pane>.title .icon {
    top: -.1em;
    font-size: 25px;
    margin-right: 10px
  }

  .tabs.skin-xs-accordion .pane+.pane {
    margin-top: 5px
  }

  .tabs.skin-xs-accordion .pane.current+.pane {
    margin-top: 0
  }

  .tabs.skin-xs-accordion .pane.current>.title a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f4f5f4
  }

  .tabs.skin-xs-accordion .pane.current>.title a:before {
    content: "\2013"
  }

  .skin-border-top-b2b .tabs.skin-xs-accordion .pane>.content,
  .skin-border-top-b2c .tabs.skin-xs-accordion .pane>.content {
    background: #f4f5f4
  }

  .skin-border-top-b2c .tabs.skin-xs-accordion .pane>.title {
    background: #008ba0;
    color: #fff
  }

  .skin-border-top-b2b .tabs.skin-xs-accordion .pane>.title {
    background: #00508c;
    color: #fff
  }
}

.tabs.skin-gallery {
  margin: 30px 0
}

.tabs.skin-gallery>.nav {
  margin: 15px -15px
}

.tabs.skin-gallery>.nav img {
  position: relative;
  z-index: 5;
  display: block;
  width: 112px;
  margin: 0
}

.tabs.skin-gallery>.nav li {
  margin: 0 15px 15px;
  cursor: pointer
}

.tabs.skin-gallery>.nav li span:before {
  content: "\F136";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  font-size: 112px;
  color: #939ca3;
  background: transparent;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.tabs.skin-gallery>.nav li.current span:before {
  background: #fff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.tabs.skin-accordion .pane>.content {
  display: none
}

.no-js .tabs.skin-accordion .pane.initial>.content {
  display: block
}

@media (max-width:767px) {
  .tabs.skin-xs-accordion .pane>.content {
    display: none
  }

  .no-js .tabs.skin-xs-accordion .pane.initial>.content {
    display: block
  }
}

@media (min-width:768px) {
  .tabs.skin-sm-bar .pane {
    height: 0;
    overflow: hidden
  }

  .tabs.skin-sm-bar .pane>.content {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease false;
    -o-transition: all .4s ease false;
    transition: all .4s ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    display: none
  }

  .no-js .tabs.skin-sm-bar .pane.initialw {
    height: auto
  }

  .no-js .tabs.skin-sm-bar .pane.initialw>.content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
  }

  .tabs.skin-sm-bar .pane.pane-deactivated {
    height: 0 !important;
    overflow: hidden !important
  }

  .tabs.skin-sm-bar .pane.pane-activated {
    position: relative;
    height: auto;
    overflow: visible;
    z-index: 1
  }

  .tabs.skin-sm-bar .pane.pane-activated>.content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    display: block
  }

  .tabs.skin-sm-bar .pane.current {
    position: relative;
    height: auto;
    overflow: visible;
    z-index: 1
  }

  .tabs.skin-sm-bar .pane.current>.content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    display: block
  }

  .tabs.skin-sm-bar li .icon {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 35px;
    color: #cdd0d3
  }

  .tabs.skin-sm-bar.skin-iconless a {
    padding: 13px 10px 15px
  }

  .tabs.skin-sm-bar.skin-iconless li .icon {
    display: none
  }

  .tabs.skin-sm-bar li .icon {
    top: 20px
  }
}

.tabs.skin-bar .pane {
  height: 0;
  overflow: hidden
}

.tabs.skin-bar .pane>.content {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease false;
  -o-transition: all .4s ease false;
  transition: all .4s ease;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none
}

.no-js .tabs.skin-bar .pane.initialw {
  height: auto
}

.no-js .tabs.skin-bar .pane.initialw>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.tabs.skin-bar .pane.pane-deactivated {
  height: 0 !important;
  overflow: hidden !important
}

.tabs.skin-bar .pane.pane-activated {
  position: relative;
  height: auto;
  overflow: visible;
  z-index: 1
}

.tabs.skin-bar .pane.pane-activated>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: block
}

.tabs.skin-bar .pane.current {
  position: relative;
  height: auto;
  overflow: visible;
  z-index: 1
}

.tabs.skin-bar .pane.current>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: block
}

.tabs.skin-bar li .icon {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 35px;
  color: #cdd0d3
}

.tabs.skin-bar.skin-iconless a {
  padding: 13px 10px 15px
}

.tabs.skin-bar.skin-iconless li .icon {
  display: none
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-wrapper {
  justify-content: center
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-button {
  background-color: #fff;
  padding: 0 15px;
  top: auto;
  bottom: 6px;
  height: 100%
}

@media (min-width:768px) {
  .tabs.skin-bar .slider-wrap.skin-bar .swiper-button {
    background: #fff
  }
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-button i {
  text-align: center;
  top: 50%;
  margin-top: -19px
}

.skin-inverse .tabs.skin-bar .slider-wrap.skin-bar .swiper-button {
  background-color: inherit
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-button-prev,
[dir=rtl] .tabs.skin-bar .slider-wrap.skin-bar .swiper-button-next {
  left: -30px;
  right: auto
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-button-next,
[dir=rtl] .tabs.skin-bar .slider-wrap.skin-bar .swiper-button-prev {
  right: -30px;
  left: auto
}

.tabs.skin-bar .slider-wrap.skin-bar .swiper-button-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.tabs.skin-bar>.triggers {
  margin: 0 -1200px 50px;
  padding: 0 1200px;
  position: relative
}

.tabs.skin-bar>.triggers:before {
  content: "";
  background: #c6cfd4;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 1px
}

.skin-inverse .tabs.skin-bar>.triggers:before {
  background: hsla(0, 0%, 100%, .5)
}

.tabs-submenu {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%
}

.tabs-submenu .pane {
  height: 0;
  overflow: hidden
}

.tabs-submenu .pane>.content {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease false;
  -o-transition: all .4s ease false;
  transition: all .4s ease;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none
}

.no-js .tabs-submenu .pane.initialw {
  height: auto
}

.no-js .tabs-submenu .pane.initialw>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.tabs-submenu .pane.pane-deactivated {
  height: 0 !important;
  overflow: hidden !important
}

.tabs-submenu .pane.pane-activated {
  position: relative;
  height: auto;
  overflow: visible;
  z-index: 1
}

.tabs-submenu .pane.pane-activated>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: block
}

.tabs-submenu .pane.current {
  position: relative;
  height: auto;
  overflow: visible;
  z-index: 1
}

.tabs-submenu .pane.current>.content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: block
}

.tabs-submenu li .icon {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 35px;
  color: #cdd0d3
}

.tabs-submenu.skin-iconless a {
  padding: 13px 10px 15px
}

.tabs-submenu.skin-iconless li .icon {
  display: none
}

.no-flexbox .tabs-submenu {
  display: table
}

.tabs-submenu .content-wrapper {
  padding: 30px 30px 20px
}

.tabs-submenu>.nav {
  width: 230px;
  max-width: 230px;
  text-transform: uppercase
}

.tabs-submenu>.nav li>a,
.tabs-submenu>.nav li>span {
  padding: 17px 30px 17px 50px;
  cursor: pointer;
  position: relative;
  text-decoration: none
}

[dir=rtl] .tabs-submenu>.nav li>a,
[dir=rtl] .tabs-submenu>.nav li>span {
  padding-left: 30px;
  padding-right: 75px
}

.tabs-submenu>.nav li>a {
  padding-left: 30px
}

.tabs-submenu>.nav .activated-tab,
.tabs-submenu>.nav li>a:hover {
  background: #3b3b3b
}

.tabs-submenu>.nav .activated-tab:before,
.tabs-submenu>.nav li>a:hover:before {
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
  opacity: 1
}

.tabs-submenu>.nav li {
  margin-bottom: 5px
}

.tabs-submenu>.nav li:last-child {
  margin-bottom: 0
}

.tabs-submenu>.nav li:before {
  content: "\F106";
  position: absolute;
  right: 15px;
  font-size: .8em;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
  opacity: 0
}

.tabs-submenu>.nav li.skin-special a {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b
}

.tabs-submenu>.nav li.skin-special .current {
  background: #003c6a;
  border-color: transparent
}

.tabs-submenu>.nav .with-subitems>span:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -14px;
  font-size: 25px;
  font-weight: 700
}

.tabs-submenu>.nav .with-subitems>.nav {
  -webkit-transition: max-height .3s ease;
  -moz-transition: max-height .3s ease false;
  -o-transition: max-height .3s ease false;
  transition: max-height .3s ease;
  overflow: hidden;
  max-height: 0
}

.tabs-submenu>.nav .with-subitems>.nav span {
  padding: 10px 30px 10px 75px;
  font-size: 16px
}

.tabs-submenu>.nav .with-subitems>.nav .with-icon span {
  padding-left: 110px
}

.tabs-submenu>.nav .with-subitems>.nav .icon {
  font-size: 20px;
  left: 75px
}

.tabs-submenu>.nav .with-subitems.current {
  background: transparent
}

.tabs-submenu>.nav .with-subitems.current>span {
  cursor: default
}

.tabs-submenu>.nav .with-subitems.current>span:before {
  content: "\2013"
}

.tabs-submenu>.nav .with-subitems.current>.nav {
  max-height: 400px
}

.tabs-submenu>.nav .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -13px;
  font-size: 25px
}

.tabs-submenu>.panes {
  background: #3b3b3b
}

@media (max-width:1199px) {
  .tabs-submenu>.panes {
    display: none !important
  }
}

.tabs-submenu>.panes.skin-special {
  background: #003c6a
}

.tabs-submenu .content {
  overflow: hidden
}

.nav-main-deep .tabs-submenu>.nav {
  width: 302px;
  max-width: 302px
}

.no-flexbox .nav-main-deep .tabs-submenu>.nav {
  display: table-cell
}

.nav-main-deep .tabs-submenu>.panes {
  max-width: calc(100% - 302px);
  flex-grow: 1;
  vertical-align: top
}

.no-flexbox .nav-main-deep .tabs-submenu>.panes {
  display: table-cell
}

.toggleable-more {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.toggleable-less {
  display: none
}

.toggleable .toggleable-trigger h1,
.toggleable .toggleable-trigger h2,
.toggleable .toggleable-trigger h3,
.toggleable .toggleable-trigger h4,
.toggleable .toggleable-trigger h5,
.toggleable .toggleable-trigger h6,
.toggleable .toggleable-trigger p {
  margin: 0
}

.toggleable .toggleable-trigger:before {
  top: 50% !important;
  margin-top: -10px
}

.toggleable.is-collapsed .toggleable-less {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

.toggleable.is-collapsed .toggleable-more {
  display: none
}

.testimonial-quote {
  position: relative;
  box-sizing: content-box
}

@media (min-width:768px) {
  .testimonial-quote .content {
    padding: 0 80px
  }

  .testimonial-quote .quote {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
  }
}

.testimonial-quote .quote-author,
.testimonial-quote .quote-location {
  display: block
}

.testimonial-quote .quote-author:before {
  content: "\2013"
}

.tooltip-content {
  display: block;
  width: 100%;
  left: 0;
  position: absolute;
  z-index: 70;
  padding: 20px 25px;
  background: #3b3b3b;
  color: #fff;
  font-size: 15px;
  line-height: 1.33333em;
  visibility: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: -10px;
  right: auto;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #3b3b3b
}

.skin-inverse .tooltip-content:before {
  border-right-color: #fff
}

[dir=rtl] .tooltip-content:before {
  right: -10px;
  left: auto;
  border-left: 10px solid #3b3b3b;
  border-right: 0
}

.skin-inverse .tooltip-content {
  background-color: #fff;
  color: #424d56
}

.product-tile .tooltip-content:before {
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #3b3b3b
}

.product-tile .skin-inverse .tooltip-content:before,
.skin-inverse .product-tile .tooltip-content:before {
  border-top-color: #fff
}

.product-tile .thumbnail-wrap:hover .tooltip-content,
.tooltip.shown .tooltip-content,
.tooltip:hover .tooltip-content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible
}

.tooltip {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: help
}

.tooltip:before {
  content: "\F141";
  width: 20px;
  height: 20px;
  color: #fff;
  background: #959ea3;
  font-size: 14px;
  line-height: 1em;
  padding: 3px 0;
  text-align: center
}

.tooltip .tooltip-content {
  top: -16px;
  left: 120%;
  right: auto;
  width: 415px;
  margin: 0 0 0 20px
}

[dir=rtl] .tooltip .tooltip-content {
  margin: 0 20px 0 0;
  right: 120%;
  left: auto
}

.tooltip.align-bottom .tooltip-content {
  top: auto;
  bottom: -20px
}

.tooltip.align-bottom .tooltip-content:before {
  top: auto;
  bottom: 20px
}

.tooltip.align-bottom-last .tooltip-content {
  top: auto;
  bottom: -5px
}

.tooltip.align-bottom-last .tooltip-content:before {
  top: auto;
  bottom: 5px
}

.tooltip.shown .tooltip-content,
.tooltip:hover .tooltip-content {
  left: 100%;
  right: auto
}

[dir=rtl] .tooltip.shown .tooltip-content,
[dir=rtl] .tooltip:hover .tooltip-content {
  right: 100%;
  left: auto
}

.transcript {
  margin: 0 0 20px
}

.transcript .transcript-header-wrapper.border-none {
  border: none
}

.transcript .transcript-header-wrapper {
  border-bottom: 1px solid #c6cfd4
}

.transcript .trans_head {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 5px 15px 5px 40px;
  font-weight: 700
}

[dir=rtl] .transcript .trans_head {
  padding-left: 15px;
  padding-right: 40px
}

.transcript .trans_head:before {
  content: "\F122";
  font-size: 20px;
  position: absolute;
  top: 9px;
  left: 5px;
  right: auto;
  width: 20px;
  height: 20px;
  -webkit-transform: scale(1) rotate(.1deg);
  -moz-transform: scale(1) rotate(.1deg);
  -ms-transform: scale(1) rotate(.1deg);
  -o-transform: scale(1) rotate(.1deg);
  transform: scale(1) rotate(.1deg)
}

[dir=rtl] .transcript .trans_head:before {
  left: auto;
  right: 5px
}

.skin-inverse .transcript .trans_head {
  border-color: hsla(0, 0%, 100%, .5)
}

.transcript .trans_content {
  background: #f4f5f4;
  border-bottom: 1px solid #c6cfd4;
  padding: 20px
}

.transcript .trans_content p:last-child {
  margin: 0
}

.skin-inverse .transcript .trans_content {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, .5)
}

.transcript.is-collapsed .trans_head:before {
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  -ms-transform: scale(1) rotate(45deg);
  -o-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg)
}

.ce-textpic .eset-svg-icon {
  display: inline-block
}

.ce-textpic svg {
  margin: 0 auto;
  max-width: 100%
}

.textpic-svg {
  overflow: visible
}

.textpic-svg:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}


@media (min-width:768px) {
  #section-1 .eset-banner ul {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      text-align: center;
  }

  #section-1 .eset-banner ul li {
      
  }
}