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

audio, canvas, video {
    display: inline-block
}

body, html {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    background: #fff;
    color: #424d56;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.52941em
}

body:lang(jp) {
    font-family: Segoe UI, Hiragino Kaku Gothic ProN, "\30E1\30A4\30EA\30AA", sans-serif
}

body:lang(he-il) {
    font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif
}

img {
    -ms-interpolation-mode: bicubic;
    height: auto;
    max-width: 100%;
    border: 0
}

ol, ul {
    margin: 0 0 20px;
    padding: 0 0 0 15px;
    counter-reset: listNumbering
}

li {
    counter-increment: listNumbering
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

dd {
    margin: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

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

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

blockquote, figure {
    margin: 0
}

fieldset {
    border: none;
    margin: 15px 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0;
    display: block;
    margin: 0 0 10px;
    font-weight: 400
}

button, input, select, textarea {
    /*font-family: inherit;*/
    /*font-size: 100%;*/
    /*margin: 0*/
}

button, input {
    line-height: normal
}

button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td, th {
    vertical-align: top;
    padding: 5px 10px
}

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

iframe {
    border: none
}

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

[hidden] {
    display: none
}

[disabled] {
    cursor: default
}

::selection {
    background: rgba(0, 139, 160, .5);
    color: #fff;
    text-shadow: none
}

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

@keyframes teasing-to-left {
    85% {
        transform: translate3d(-15px, 0, 0)
    }
    90% {
        transform: translate3d(15px, 0, 0)
    }
    0%, 80%, 95% {
        transform: translateZ(0)
    }
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Light-Italic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Book-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Medium-Italic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Fedra;
    src: url(/application/views/themes/eset/font/Fedra-Sans-Alt-Bold-Italic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-light-webfont.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-lightitalic-webfont.woff) format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-bolditalic-webfont.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-extrabold-webfont.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: OpenSans;
    src: url(/application/views/themes/eset/font/opensanshebrew-extrabolditalic-webfont.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: eset-icons;
    src: url(/application/views/themes/eset/font/eset-icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

#cboxClose:after, #cboxClose:before, #cboxNext:after, #cboxNext:before, #cboxPrevious:after, #cboxPrevious:before, .alert:after, .alert:before, .article-list .item:after, .article-list .item:before, .browse-link .arrow:after, .browse-link .arrow:before, .btn-listen:after, .btn-listen:before, .btn.remove:after, .btn.remove:before, .compare .feature.checked:after, .compare .feature.checked:before, .ficon-access:before, .ficon-android:before, .ficon-antitheft:before, .ficon-arrow-down:before, .ficon-arrow-left:before, .ficon-arrow-right:before, .ficon-arrow-up:before, .ficon-article-30-days-quarantee:before, .ficon-article-award:before, .ficon-article-blog:before, .ficon-article-checklist:before, .ficon-article-customer-stories:before, .ficon-article-event:before, .ficon-article-infographics:before, .ficon-article-kb:before, .ficon-article-pdf:before, .ficon-article-podcast:before, .ficon-article-security-news:before, .ficon-article-video:before, .ficon-article-webinar:before, .ficon-audible:before, .ficon-business-downloads:before, .ficon-business-license:before, .ficon-business:before, .ficon-button-click:before, .ficon-cart:before, .ficon-check:before, .ficon-chevron-down:before, .ficon-chevron-left:before, .ficon-chevron-light-left:before, .ficon-chevron-light-right:before, .ficon-chevron-right:before, .ficon-chevron-up:before, .ficon-close:before, .ficon-country:before, .ficon-data-access-protection:before, .ficon-data-nocircle:before, .ficon-download:before, .ficon-education:before, .ficon-email-support:before, .ficon-endpoints:before, .ficon-enterprise:before, .ficon-era:before, .ficon-eset-icon:before, .ficon-event:before, .ficon-expand:before, .ficon-facebook:before, .ficon-file:before, .ficon-finance:before, .ficon-fpo:before, .ficon-full-power:before, .ficon-fullscreen-enter:before, .ficon-fullscreen-exit:before, .ficon-gallery-active:before, .ficon-gateway:before, .ficon-globe-bubble:before, .ficon-globe-half:before, .ficon-globe:before, .ficon-google:before, .ficon-healthcare:before, .ficon-home-downloads:before, .ficon-home-license:before, .ficon-home:before, .ficon-info:before, .ficon-linkedin:before, .ficon-linux:before, .ficon-live-chat:before, .ficon-lock-advanced:before, .ficon-lock-business:before, .ficon-lock-enterprise:before, .ficon-lock-standard:before, .ficon-logo-sk:before, .ficon-logo-slogan:before, .ficon-logo:before, .ficon-mac:before, .ficon-mail:before, .ficon-menu:before, .ficon-mobiles:before, .ficon-more:before, .ficon-msg-error:before, .ficon-msg-info:before, .ficon-msg-warning:before, .ficon-multi-device:before, .ficon-mute:before, .ficon-myeset:before, .ficon-no-ads:before, .ficon-open-ticket:before, .ficon-osx:before, .ficon-overview:before, .ficon-pause:before, .ficon-phone-support:before, .ficon-play-outline:before, .ficon-play:before, .ficon-private-data-protection:before, .ficon-protection:before, .ficon-public-sector:before, .ficon-quote:before, .ficon-reports:before, .ficon-rss:before, .ficon-salesman:before, .ficon-save-kids:before, .ficon-scroll-down:before, .ficon-scroll-up:before, .ficon-search:before, .ficon-server-virtualization-nocircle:before, .ficon-sharepoint:before, .ficon-slideshare:before, .ficon-smb:before, .ficon-social-ok:before, .ficon-social-pinterest:before, .ficon-social-undefined:before, .ficon-social-vk:before, .ficon-social-xing:before, .ficon-soho:before, .ficon-support:before, .ficon-twitter:before, .ficon-unilicense:before, .ficon-windows:before, .ficon-youtube:before, .flyout .toggle:after, .flyout .toggle:before, .form-product-facets-int .facet-toggle:after, .form-product-facets-int .facet-toggle:before, .lightbox.expand:after, .lightbox.expand:before, .list-arrowed a:after, .list-arrowed a:before, .list-checkmark > li:after, .list-checkmark > li:before, .logo:before, .media-video .icon:after, .media-video .icon:before, .nav-breadcrumbs a:after, .nav-breadcrumbs a:before, .nav-main > li.with-submenu > a:after, .nav-main > li.with-submenu > a:before, .nav-sub .mobile-toggle:after, .nav-sub .mobile-toggle:before, .nav-sub a span:after, .nav-sub a span:before, .page-navigation .next .btn:after, .page-navigation .next .btn:before, .page-navigation .previous .btn:after, .page-navigation .previous .btn:before, .product-download .changelog-toggle:after, .product-download .changelog-toggle:before, .quick-help-links a:after, .quick-help-links a:before, .remove[class*=btn-]:after, .remove[class*=btn-]:before, .sfc-checkbox .knob:after, .sfc-checkbox .knob:before, .slidebox .trigger .icon:after, .slidebox .trigger .icon:before, .swiper-button-next:after, .swiper-button-next:before, .swiper-button-prev:after, .swiper-button-prev:before, .tabs-submenu > .nav li:after, .tabs-submenu > .nav li:before, .tabs.skin-gallery > .nav li span:after, .tabs.skin-gallery > .nav li span:before, .tooltip:after, .tooltip:before, .transcript .trans_head:after, .transcript .trans_head:before, .vjs-big-play-button:after, .vjs-big-play-button:before, .vjs-control:after, .vjs-control:before, .vjs-time-divider:after, .vjs-time-divider:before, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:after, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:before, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:after, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:before, .xdsoft_datetimepicker .xdsoft_label i:after, .xdsoft_datetimepicker .xdsoft_label i:before, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:after, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:after, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before, .xdsoft_datetimepicker .xdsoft_today_button:after, .xdsoft_datetimepicker .xdsoft_today_button:before, [class*=ficon-]:after, [class*=ficon-]:before, [dir=rtl] .nav-breadcrumbs a:after, [dir=rtl] .nav-breadcrumbs a:before, [dir=rtl] .swiper-button-next:after, [dir=rtl] .swiper-button-next:before, [dir=rtl] .swiper-button-prev:after, [dir=rtl] .swiper-button-prev:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: eset-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    text-decoration: none !important;
    text-transform: none;
    position: relative;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

[class*=ficon-] {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-decoration: none;
    line-height: 1;
    position: relative
}

.ficon-access:before {
    content: "\F101"
}

.ficon-android:before {
    content: "\F102"
}

.ficon-antitheft:before {
    content: "\F103"
}

.ficon-arrow-down:before {
    content: "\F104"
}

.ficon-arrow-left:before {
    content: "\F105"
}

.ficon-arrow-right:before {
    content: "\F106"
}

.ficon-arrow-up:before {
    content: "\F107"
}

.ficon-article-30-days-quarantee:before {
    content: "\F108"
}

.ficon-article-award:before {
    content: "\F109"
}

.ficon-article-blog:before {
    content: "\F10A"
}

.ficon-article-checklist:before {
    content: "\F10B"
}

.ficon-article-customer-stories:before {
    content: "\F10C"
}

.ficon-article-event:before {
    content: "\F10D"
}

.ficon-article-infographics:before {
    content: "\F10E"
}

.ficon-article-kb:before {
    content: "\F10F"
}

.ficon-article-pdf:before {
    content: "\F110"
}

.ficon-article-podcast:before {
    content: "\F111"
}

.ficon-article-security-news:before {
    content: "\F112"
}

.ficon-article-video:before {
    content: "\F113"
}

.ficon-article-webinar:before {
    content: "\F114"
}

.ficon-audible:before {
    content: "\F115"
}

.ficon-business-downloads:before {
    content: "\F116"
}

.ficon-business-license:before {
    content: "\F117"
}

.ficon-business:before {
    content: "\F118"
}

.ficon-button-click:before {
    content: "\F119"
}

.ficon-cart:before {
    content: "\F11A"
}

.ficon-check:before {
    content: "\F11B"
}

.ficon-chevron-down:before {
    content: "\F11C"
}

.ficon-chevron-left:before {
    content: "\F11D"
}

.ficon-chevron-light-left:before {
    content: "\F11E"
}

.ficon-chevron-light-right:before {
    content: "\F11F"
}

.ficon-chevron-right:before {
    content: "\F120"
}

.ficon-chevron-up:before {
    content: "\F121"
}

.ficon-close:before {
    content: "\F122"
}

.ficon-country:before {
    content: "\F123"
}

.ficon-data-access-protection:before {
    content: "\F124"
}

.ficon-data-nocircle:before {
    content: "\F125"
}

.ficon-download:before {
    content: "\F126"
}

.ficon-education:before {
    content: "\F127"
}

.ficon-email-support:before {
    content: "\F128"
}

.ficon-endpoints:before {
    content: "\F129"
}

.ficon-enterprise:before {
    content: "\F12A"
}

.ficon-era:before {
    content: "\F12B"
}

.ficon-eset-icon:before {
    content: "\F12C"
}

.ficon-event:before {
    content: "\F12D"
}

.ficon-expand:before {
    content: "\F12E"
}

.ficon-facebook:before {
    content: "\F12F"
}

.ficon-file:before {
    content: "\F130"
}

.ficon-finance:before {
    content: "\F131"
}

.ficon-fpo:before {
    content: "\F132"
}

.ficon-full-power:before {
    content: "\F133"
}

.ficon-fullscreen-enter:before {
    content: "\F134"
}

.ficon-fullscreen-exit:before {
    content: "\F135"
}

.ficon-gallery-active:before {
    content: "\F136"
}

.ficon-gateway:before {
    content: "\F137"
}

.ficon-globe-bubble:before {
    content: "\F138"
}

.ficon-globe-half:before {
    content: "\F139"
}

.ficon-globe:before {
    content: "\F13A"
}

.ficon-google:before {
    content: "\F13B"
}

.ficon-healthcare:before {
    content: "\F13C"
}

.ficon-home-downloads:before {
    content: "\F13D"
}

.ficon-home-license:before {
    content: "\F13E"
}

.ficon-home:before {
    content: "\F13F"
}

.ficon-info:before {
    content: "\F140"
}

.ficon-linkedin:before {
    content: "\F141"
}

.ficon-linux:before {
    content: "\F142"
}

.ficon-live-chat:before {
    content: "\F143"
}

.ficon-lock-advanced:before {
    content: "\F144"
}

.ficon-lock-business:before {
    content: "\F145"
}

.ficon-lock-enterprise:before {
    content: "\F146"
}

.ficon-lock-standard:before {
    content: "\F147"
}

.ficon-logo-sk:before {
    content: "\F148"
}

.ficon-logo-slogan:before, .logo:before {
    content: "\F149"
}

.ficon-logo:before {
    content: "\F14A"
}

.ficon-mac:before {
    content: "\F14B"
}

.ficon-mail:before {
    content: "\F14C"
}

.ficon-menu:before {
    content: "\F14D"
}

.ficon-mobiles:before {
    content: "\F14E"
}

.ficon-more:before {
    content: "\F14F"
}

.ficon-msg-error:before {
    content: "\F150"
}

.ficon-msg-info:before {
    content: "\F151"
}

.ficon-msg-warning:before {
    content: "\F152"
}

.ficon-multi-device:before {
    content: "\F153"
}

.ficon-mute:before {
    content: "\F154"
}

.ficon-myeset:before {
    content: "\F155"
}

.ficon-signout::before {
    content: "\F13D";
}

.ficon-controlPanel::before {
    content: "\F173";
}

.ficon-no-ads:before {
    content: "\F156"
}

.ficon-open-ticket:before {
    content: "\F157"
}

.ficon-osx:before {
    content: "\F158"
}

.ficon-overview:before {
    content: "\F159"
}

.ficon-pause:before {
    content: "\F15A"
}

.ficon-phone-support:before {
    content: "\F15B"
}

.ficon-play-outline:before {
    content: "\F15C"
}

.ficon-play:before {
    content: "\F15D"
}

.ficon-private-data-protection:before {
    content: "\F15E"
}

.ficon-protection:before {
    content: "\F15F"
}

.ficon-public-sector:before {
    content: "\F160"
}

.ficon-quote:before {
    content: "\F161"
}

.ficon-reports:before {
    content: "\F162"
}

.ficon-rss:before {
    content: "\F163"
}

.ficon-salesman:before {
    content: "\F164"
}

.ficon-save-kids:before {
    content: "\F165"
}

.ficon-scroll-down:before {
    content: "\F166"
}

.ficon-scroll-up:before {
    content: "\F167"
}

.ficon-search:before {
    content: "\F168"
}

.ficon-server-virtualization-nocircle:before {
    content: "\F169"
}

.ficon-sharepoint:before {
    content: "\F16A"
}

.ficon-slideshare:before {
    content: "\F16B"
}

.ficon-smb:before {
    content: "\F16C"
}

.ficon-social-ok:before {
    content: "\F16D"
}

.ficon-social-pinterest:before {
    content: "\F16E"
}

.ficon-social-undefined:before {
    content: "\F16F"
}

.ficon-social-vk:before {
    content: "\F170"
}

.ficon-social-xing:before {
    content: "\F171"
}

.ficon-soho:before {
    content: "\F172"
}

.ficon-support:before {
    content: "\F173"
}

.ficon-twitter:before {
    content: "\F174"
}

.ficon-unilicense:before {
    content: "\F175"
}

.ficon-windows:before {
    content: "\F176"
}

.ficon-youtube:before {
    content: "\F177"
}

.icon {
    font-style: normal
}

.ficon-menu:after, .ficon-menu:before {
    font-size: 28px;
    top: .15em
}

@media (max-width: 767px) {
    .ficon-menu:after, .ficon-menu:before {
        top: .2em
    }
}

.ficon-globe-bubble:after, .ficon-globe-bubble:before {
    font-size: 1.4em;
    top: -.22em;
    left: .1em
}

.is {
    display: inline-block;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left
}

#cboxLoadingGraphic, .box.skin-inverse .loading[class*=btn-][class*=-bordered], .btn.loading, .bubble.loading, .global-loader, .loading.btn-try, .loading[class*=btn-], .loading[class*=btn-][class*=-bordered-light], .loading[class*=btn-][class*=-bordered], .loading[class*=btn-][class*=-ci-alternate], .media-video .action.loading, .nav-main .loading.btn-sublink, .product-card .product-cta-area .loading.btn-bordered, .product-download.loading:after, .section.skin-inverse .loading[class*=btn-][class*=-bordered] {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important
}

#cboxLoadingGraphic, .global-loader, .media-video .action.loading {
    background-image: url(/application/views/themes/eset/images/loader-inverse.gif) !important
}

.loading.btn-try, .loading.inactive.btn, .loading.inactive[class*=btn-], .loading[class*=btn-][class*=-bordered] {
    background-image: url(/application/views/themes/eset/images/loader-medium-white.gif) !important
}

.btn.loading, .loading[class*=btn-] {
    background-image: url(/application/views/themes/eset/images/loader-medium-green.gif) !important
}

.box.skin-inverse .loading[class*=btn-][class*=-bordered], .loading[class*=btn-][class*=-bordered-light], .nav-main .loading.btn-sublink, .product-card-dep .loading[class*=btn-][class*=-bordered], .product-card .product-cta-area .loading.btn-bordered, .product-download.loading:after, .section.skin-inverse .loading[class*=btn-][class*=-bordered] {
    background-image: url(/application/views/themes/eset/images/loader-medium-gray.gif) !important
}

.loading[class*=btn-][class*=-ci-alternate] {
    background-image: url(/application/views/themes/eset/images/loader-medium-ci-alternate.gif) !important
}

.bubble.loading {
    background-image: url(/application/views/themes/eset/images/loader-small-teal.gif) !important
}

.global-loader {
    position: fixed;
    z-index: 110;
    bottom: -50px;
    left: 50%;
    width: 150px;
    height: 50px;
    margin-left: -75px;
    background: #3b3b3b;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px
}

.state-loading .global-loader {
    bottom: 0
}

.bootstrap-select {
    position: relative
}

.bootstrap-select .selectpicker {
    text-align: left;
    padding-right: 35px
}

[dir=rtl] .bootstrap-select .selectpicker {
    text-align: right;
    padding-left: 35px;
    padding-right: 20px
}

.bootstrap-select .filter-option {
    float: none
}

.bootstrap-select .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -4px 0 0
}

[dir=rtl] .bootstrap-select .caret {
    right: auto;
    left: 10px
}

.bootstrap-select .dropdown-menu.open {
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .19)
}

.bootstrap-select .dropdown-menu.selectpicker {
    font-size: 16px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bs-select-group > .disabled {
    cursor: not-allowed
}

.bs-select-group > .disabled:focus {
    outline: none !important
}

.bs-select-group.open .dropdown-toggle {
    position: relative;
    z-index: 71
}

.bs-select-group.open .caret {
    transform: rotate(180deg)
}

.bs-select-group .dropdown-menu {
    min-width: 100%;
    z-index: 70;
    border-top: 1px solid #fff;
    background: #f4f5f4
}

.bs-select-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.bs-select-group .dropdown-menu li {
    position: relative;
    display: block
}

.bs-select-group .dropdown-menu li.disabled {
    display: none
}

.bs-select-group .dropdown-menu li.disabled a {
    cursor: default
}

.bs-select-group .dropdown-menu li:focus a, .bs-select-group .dropdown-menu li:hover a {
    background: #ebecea
}

.bs-select-group .dropdown-menu a {
    display: block;
    color: #008ba0 !important
}

.bs-select-group .dropdown-menu a.opt {
    position: relative;
    padding-left: 2.25em
}

.bs-select-group .dropdown-menu a span.check-mark {
    display: none
}

.bs-select-group .dropdown-menu a span.text {
    display: inline-block
}

.bs-select-group .dropdown-menu a small {
    padding-left: .5em
}

.bs-select-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    pointer-events: none
}

.bs-select-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px
}

.bs-select-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bs-select-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bs-actionsbox, .bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .bs-select-group button {
    width: 50%
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox input.form-control {
    margin-bottom: 0;
    width: 100%
}

.mobile-device {
    position: absolute !important;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0
}

#cboxOverlay, #cboxWrapper, #colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    max-height: 100%
}

#cboxWrapper {
    max-width: none;
    overflow: auto
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    cursor: default !important
}

#cboxBottomLeft, #cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative;
    background: #222
}

#cboxContent img {
    vertical-align: top;
    margin-bottom: 0
}

#cboxTitle {
    margin: 0
}

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

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

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

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

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

#cboxLoadedContent * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cboxOverlay {
    background: #222;
    background: radial-gradient(50% 33%, circle closest-corner, #3b3b3b, #222)
}

#colorbox {
    outline: 0;
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .19)
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: #222
}

.bright #cboxLoadedContent {
    border: 10px solid #fff;
    background: #fff;
    padding: 20px
}

#cboxCurrent, #cboxTitle {
    display: none !important
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none
}

#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff
}

#cboxClose, #cboxNext, #cboxPrevious {
    color: #fff;
    font-size: 60px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin: -40px 10px 0;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear false;
    -o-transition: opacity .3s linear false;
    transition: opacity .3s linear
}

#cboxPrevious {
    left: 0
}

#cboxPrevious:before {
    content: "\F11E"
}

#cboxPrevious:active {
    left: -3px
}

#cboxNext {
    right: 0
}

#cboxNext:before {
    content: "\F11F"
}

#cboxNext:active {
    right: -3px
}

#cboxClose {
    font-size: 18px;
    display: block;
    margin: 0;
    padding: 0;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px
}

#cboxClose:before {
    content: "\F122";
    position: absolute;
    top: 3px;
    right: 3px
}

@media (min-width: 768px) {
    #cboxClose {
        top: 25px
    }
}

.cbox-open body {
    overflow-y: hidden
}

body #cookiebar {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    font-size: 17px;
    line-height: 1.52941em;
    color: #424d56;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 2px 2px 14px 2px #555
}

body #cookiebar, body #cookiebar h5 {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

body #cookiebar h5 {
    line-height: 1.23077em;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 400
}

body #cookiebar a {
    color: #008ba0;
    text-decoration: none;
    cursor: pointer
}

body #cookiebar a:hover {
    color: #008ba0;
    text-decoration: underline;
    background: none;
    border: none;
    outline: none
}

body #cookiebar * {
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body .cookie-wrapper {
    display: block;
    position: relative;
    padding: 25px 0
}

body .cookie-wrapper > .container {
    display: flex;
    width: 100%;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1230px
}

body .cookie-wrapper > .container:after, body .cookie-wrapper > .container:before {
    display: none
}

body .cookie-wrapper.simple > .container {
    align-items: flex-start
}

body .cookie-wrapper.advanced {
    display: none
}

body .cookie-wrapper.advanced .cookie-buttons {
    margin-top: 30px
}

body .cookie-wrapper.advanced > .container {
    align-items: center
}

body .cookie-message {
    display: inline-flex;
    justify-content: space-between
}

body .cookie-message-simple {
    align-items: flex-start;
    margin: 0 5em 0 0;
    padding: 0;
    border: none
}

body .cookie-message-simple .title {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.3em;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

body .cookie-message-advanced {
    margin: 0 3em 0 0;
    padding: 0;
    border: none;
    align-items: stretch
}

body .cc-category {
    width: 30%
}

body .cc-checkbox {
    position: relative
}

body .cookie-img svg {
    width: 50px;
    height: 50px
}

body .cookie-img.big svg {
    width: 75px;
    height: 75px;
    margin-right: 2em;
    margin-top: 5px
}

body .cc-acceptance {
    display: flex;
    padding-left: 30px;
    margin-top: 10px;
    cursor: pointer
}

body .cc-acceptance h4 {
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: 19px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

body .cookie-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none
}

body .cookie-buttons .cookie-button {
    -webkit-appearance: button;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 12px 45px;
    border-radius: 3px;
    margin: 5px 0;
    text-align: center;
    min-width: 150px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase
}

body .cookie-buttons .cookie-button:hover {
    text-decoration: none
}

body .cookie-buttons .cookie-button.cc-button-manage {
    padding: 10px 45px;
    border: 2px solid #3b3b3b;
    background: #fff
}

body .cookie-buttons .cookie-button.cc-button-manage:hover {
    background: #3b3b3b;
    color: #fff
}

body .cookie-buttons .cookie-button.cc-button-accept {
    background: #8dc63f;
    color: #fff;
    border: none
}

body .cookie-buttons .cookie-button.cc-button-accept:hover {
    background: #499300
}

body .cookie-buttons .cookie-button-wrapper {
    min-width: 250px
}

body .cc-description {
    text-align: justify
}

body .cc-consent input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    padding: 0;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #c4c8d6;
    border-radius: 0;
    background-color: #fff;
    vertical-align: top;
    margin: 0;
    cursor: pointer;
    -webkit-transition: border .1s ease-in-out, background-color .1s ease-in-out;
    transition: border .1s ease-in-out, background-color .1s ease-in-out
}

body .cc-consent input[type=checkbox]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    display: block;
    width: 11px;
    height: 9px;
    background: url(application/views/themes/eset/images/green-checkmark.png) 50%/100% no-repeat;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

body .cc-consent input[type=checkbox][disabled]:checked:after {
    transform: translate(-50%, -50%) scale(2);
    opacity: .5
}

body .cc-consent input[type=checkbox]:checked:after {
    transform: translate(-50%, -50%) scale(2)
}

@media (min-width: 768px) and (max-width: 990px) {
    body .cookie-wrapper.advanced .container {
        flex-wrap: wrap
    }

    body .cookie-message-advanced {
        margin: 0
    }

    body .advanced .cookie-buttons {
        justify-content: space-between;
        flex-direction: row
    }

    body .advanced .cookie-buttons .cookie-button-wrapper {
        width: 45%
    }

    body .cookie-buttons {
        width: 100%
    }
}

@media (max-width: 767px) {
    body .cookie-wrapper .container {
        flex-wrap: wrap
    }

    body .cookie-wrapper .container .cookie-img {
        display: none
    }

    body .cookie-message-advanced {
        flex-direction: column;
        width: 100%
    }

    body .cookie-message-advanced .cc-category {
        width: 100%
    }

    body .cookie-buttons {
        width: 100%;
        margin-top: 20px
    }

    body .cookie-buttons .cookie-button-wrapper {
        width: 100%
    }

    body .cookie-buttons .cookie-button-wrapper:first-child {
        margin-bottom: 15px
    }

    body .cookie-message-advanced {
        margin-right: 0
    }

    body .cookie-message-simple {
        margin-right: 1em
    }
}

@media only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 13/10), only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), only sreen and (max-width: 767px) and (min-resolution: 120dpi) {
    body #cookiebar {
        padding: 25px 0
    }

    body .cookie-wrapper {
        max-height: 350px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0
    }
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link {
    text-decoration: underline
}

.cc-revoke {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    padding: .5em 1em;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: #00bbc5 !important
}

.cc-btn {
    margin: 5px 0;
    color: #fff !important;
    background-color: #008ba0 !important;
    display: block;
    padding: .1em .4em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-btn:hover {
    background-color: #00b8d4 !important
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    text-align: center;
    margin-right: 1em
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1em;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 640px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

#cookieconsent-checkboxes {
    display: flex;
    align-items: center;
    padding-right: 2em
}

#cookieconsent-checkboxes > div {
    margin-left: 1em;
    margin-right: .2em;
    padding-top: .5em;
    padding-bottom: .5em
}

.xdsoft_datetimepicker {
    box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    background: #fff;
    padding: 8px 18px 18px 0;
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    color: #008ba0;
    background: transparent;
    border: none !important
}

.xdsoft_datetimepicker button:active {
    color: inherit
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    user-select: none
}

.xdsoft_noselect::-moz-selection, .xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 260px;
    float: left;
    margin-left: 18px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 18px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 12px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
    color: #008ba0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    font-size: 13px;
    height: 30px;
    overflow: hidden;
    display: block;
    position: relative;
    width: 20px;
    min-width: 0;
    cursor: pointer;
    padding: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev {
    float: left
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:before {
    content: "\F11D"
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_today_button:before {
    content: "\F13F"
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
    float: right
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:before {
    content: "\F120"
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 11px;
    margin-bottom: -13px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before {
    content: "\F121"
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before {
    content: "\F11C"
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    background: #f4f5f4
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: #008ba0;
    font-size: 12px;
    text-align: right;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
    padding-right: 15px
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    white-space: nowrap;
    z-index: 9999;
    margin: 0;
    padding: 6px 3px 5px;
    font-size: 14px;
    line-height: 20px;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
    color: #424d56
}

.xdsoft_datetimepicker .xdsoft_label i {
    color: #008ba0;
    font-size: 10px;
    position: relative;
    top: 2px;
    margin-left: 7px
}

.xdsoft_datetimepicker .xdsoft_label i:before {
    content: "\F104"
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #f4f5f4;
    color: #008ba0;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 3px 20px 3px 10px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #008ba0;
    background: #ebecea
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #008ba0;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 110px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
    padding-top: 2px
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 15px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f4f5f4;
    color: #008ba0;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #008ba0;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #008ba0 !important;
    color: #fff !important;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    color: #008ba0;
    background: #ebecea
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #ebecea
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #424d56;
    cursor: default
}

.xdsoft_time_box {
    position: relative
}

.xdsoft_scrollbar {
    background: #f4f5f4;
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #424d56;
    height: 20px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

@media (max-width: 989px) {
    .elq-form .col-xs-12 + .col-xs-12 {
        margin-top: 0
    }
}

.elq-form select::-ms-expand {
    display: none
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute;
    z-index: 1;
    margin: 0 !important;
    width: 100% !important
}

.jspVerticalBar {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    left: auto;
    width: 20px;
    height: 100%;
    background: transparent;
    overflow: hidden
}

[dir=rtl] .jspVerticalBar {
    left: 0;
    right: auto
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent
}

.jspHorizontalBar *, .jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: transparent;
    position: relative
}

.jspDrag {
    background: #343434;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 10
}

.jspCorner, .jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspCorner {
    background: transparent
}

@keyframes rangeified-display-trans-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -11px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rangeified-display-trans-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 11px, 0)
    }
}

.rangeified-ui .display {
    display: block;
    position: relative;
    text-align: center;
    font-size: 35px;
    top: .2em;
    animation-duration: .1s;
    animation-timing-function: ease;
    animation-iteration-count: 1
}

.rangeified-ui .display.trans-in {
    animation-name: rangeified-display-trans-in
}

.rangeified-ui .display.trans-out {
    animation-name: rangeified-display-trans-out
}

.rangeified-ui .knob {
    width: 20px;
    height: 20px;
    font-size: 16px;
    display: block;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -.4em;
    background-color: #fff;
    color: #424d56
}

.rangeified-ui .knob i {
    position: relative;
    top: -.17em;
    font-style: normal
}

.rangeified-ui .knob.inactive {
    opacity: .2
}

.rangeified-ui .knob.decrement {
    left: 0
}

[dir=rtl] .rangeified-ui .knob.decrement {
    right: 0;
    left: auto
}

.rangeified-ui .knob.decrement:after {
    left: -10px
}

.rangeified-ui .knob.increment {
    right: 0
}

[dir=rtl] .rangeified-ui .knob.increment {
    right: auto;
    left: 0
}

.rangeified-ui .knob.increment:after {
    right: -10px
}

@media (max-width: 989px) {
    .rangeified-ui .knob:after {
        content: "";
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
        top: -10px
    }
}

.rangeified-ui.skin-bordered {
    font-family: inherit;
    font-style: inherit;
    width: 110px;
    padding: 0
}

.rangeified-ui.skin-bordered .display {
    font-size: inherit;
    color: #424d56;
    top: .15em
}

.skin-inverse .rangeified-ui.skin-bordered .display {
    color: #fff
}

.rangeified-ui.skin-bordered .knob {
    border: 1px solid #939ca3;
    color: #008ba0;
    background-color: transparent;
    font-size: 20px;
    margin-top: -13px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.rangeified-ui.skin-bordered .knob i {
    top: -.01em
}

.skin-inverse .rangeified-ui.skin-bordered .knob {
    color: #96dade
}

.rangeified-ui-of-select {
    display: block
}

.rangeified-ui-of-select + .rangeified, .rangeified-ui-of-select + .rangeified + .rangeified.bootstrap-select {
    display: none
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container * {
    -webkit-backface-visibility: initial;
    -moz-backface-visibility: initial;
    -ms-backface-visibility: initial;
    -o-backface-visibility: initial;
    backface-visibility: initial
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    z-index: 1;
    margin: 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wrapper .csc-default, .swiper-wrapper .csc-default > .section {
    width: 100%
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

@media (min-width: 768px) and (max-width: 1549px) {
    .swiper-container:not([class*=skin-no-navigation]) .swiper-slide .container {
        max-width: 75%
    }
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    -o-transition-property: -o-transform, height;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button {
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer
}

.swiper-button-prev, [dir=rtl] .swiper-button-next {
    left: -15px;
    right: auto
}

.swiper-button-prev:before, [dir=rtl] .swiper-button-next:before {
    content: "\F11E"
}

.swiper-button-next, [dir=rtl] .swiper-button-prev {
    right: -15px;
    left: auto
}

.swiper-button-next:before, [dir=rtl] .swiper-button-prev:before {
    content: "\F11F"
}

.swiper-button.swiper-button-disabled {
    opacity: .2;
    cursor: auto
}

.swiper-pagination {
    margin: 25px -15px 0;
    text-align: center;
    -webkit-transition: false false .3s;
    -moz-transition: .3s false false false;
    -o-transition: .3s false false false;
    transition: .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 5px;
    position: relative
}

.swiper-pagination-bullet i {
    width: 8px;
    height: 8px;
    text-indent: -999px;
    background: #424d56
}

.skin-inverse .swiper-pagination-bullet i {
    background: #fff
}

.swiper-pagination-bullet i, .swiper-pagination-bullet i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px
}

.swiper-pagination-bullet i:after {
    width: 16px;
    height: 16px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    margin: -8px 0 0 -8px;
    content: "";
    display: block;
    border: 2px solid transparent
}

.swiper-pagination-bullet-active i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    border-color: #424d56
}

.skin-inverse .swiper-pagination-bullet-active i:after {
    border-color: #fff
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 25px;
    left: 0;
    right: 0
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform-origin: 0 0 50%;
    -moz-transform-origin: 0 0 50%;
    -ms-transform-origin: 0 0 50%;
    -o-transform-origin: 0 0 50%;
    transform-origin: 0 0 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0 50%;
    -moz-transform-origin: 100% 0 50%;
    -ms-transform-origin: 100% 0 50%;
    -o-transform-origin: 100% 0 50%;
    transform-origin: 100% 0 50%
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-ui-light .swiper-button, [class*=faded-] .swiper-button {
    color: #fff
}

.swiper-ui-light .swiper-pagination-bullet i, [class*=faded-] .swiper-pagination-bullet i {
    background: #fff
}

.swiper-ui-light .swiper-pagination-bullet-active i:after, [class*=faded-] .swiper-pagination-bullet-active i:after {
    border-color: #fff
}

.swiper-ui-dark .swiper-button {
    color: #181c20
}

.swiper-ui-dark .swiper-pagination-bullet i {
    background: #181c20
}

.swiper-ui-dark .swiper-pagination-bullet-active i:after {
    border-color: #181c20
}

@media (min-width: 768px) {
    .swiper-button {
        font-size: 60px;
        margin-top: -30px
    }

    .swiper-button-prev, [dir=rtl] .swiper-button-next {
        left: 0
    }

    .swiper-button-next, [dir=rtl] .swiper-button-prev {
        right: 0
    }

    .swiper-pagination-bullet {
        width: 22px;
        height: 22px
    }

    .swiper-pagination-bullet i {
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px
    }

    .swiper-pagination-bullet i:after {
        width: 22px;
        height: 22px;
        margin: -11px 0 0 -11px
    }
}

.theiaStickySidebar {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.video-js {
    position: relative;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    color: #fff;
    background-color: rgba(34, 34, 34, .75);
    -webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out false, background-color .3s ease-in-out false;
    -o-transition: opacity .3s ease-in-out false, background-color .3s ease-in-out false;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:hover {
    background-color: #222
}

.video-js:hover .vjs-poster {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

.video-js:active .vjs-big-play-button {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

.video-js.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)
}

.vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.vjs-has-started .vjs-tech {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.vjs-poster {
    background: transparent 50% 50% no-repeat;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-control-bar {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: auto;
    background-color: rgba(34, 34, 34, .75)
}

.vjs-has-started .vjs-control-bar {
    display: block
}

.vjs-playing.vjs-user-inactive .vjs-control-bar {
    bottom: -2em
}

.vjs-control, .vjs-time-divider {
    outline: none;
    position: relative;
    float: left;
    text-align: center;
    height: 3em;
    line-height: 3em;
    width: 3em;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #fff;
    border: none;
    background: none
}

.vjs-control:before, .vjs-time-divider:before {
    font-size: 16px
}

@media (min-width: 768px) {
    .vjs-control, .vjs-time-divider {
        width: 4em
    }
}

.vjs-time-divider {
    width: auto
}

.vjs-big-play-button {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    border: 5px solid #fff;
    background: rgba(24, 28, 32, .5);
    width: 60px;
    height: 60px
}

.vjs-big-play-button:before {
    content: "\F15D";
    top: -1px;
    left: 2px
}

.vjs-has-started .vjs-big-play-button {
    display: none
}

.vjs-progress-control {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    width: auto;
    float: none;
    font-size: .3em;
    height: .75em
}

.vjs-user-active .vjs-progress-control {
    height: 2em
}

.vjs-progress-holder {
    height: 100%
}

.vjs-load-progress, .vjs-load-progress div, .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.vjs-play-progress {
    background: #008ba0
}

.vjs-load-progress {
    background-color: rgba(24, 28, 32, .5)
}

.vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    background-color: rgba(148, 148, 149, .5)
}

.vjs-slider-handle {
    position: absolute;
    left: 0;
    top: 0
}

.vjs-play-control {
    cursor: pointer
}

.vjs-play-control:before {
    content: "\F15D"
}

.vjs-play-control.vjs-playing:before {
    content: "\F15A"
}

.vjs-fullscreen-control {
    cursor: pointer;
    float: right
}

.vjs-fullscreen-control:before {
    content: "\F134"
}

.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\F135"
}

.vjs-volume-control {
    float: right;
    width: 5em
}

.vjs-volume-bar {
    width: 5em;
    height: .6em;
    margin: 1.15em auto 0
}

.vjs-volume-level {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #008ba0
}

.vjs-mute-control {
    float: right;
    cursor: pointer
}

.vjs-mute-control:before {
    content: "\F115"
}

.vjs-mute-control.vjs-vol-0:before {
    content: "\F154"
}

.vjs-user-active {
    cursor: none
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.audio-js .vjs-poster {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.audio-js .vjs-control-bar {
    display: block;
    padding-right: 15px
}

.audio-js .vjs-progress-control {
    height: 2em
}

.audio-js.vjs-has-started .vjs-poster {
    display: block
}

.audio-js.vjs-playing.vjs-user-inactive .vjs-control-bar {
    bottom: 0
}

.h, .h1, .h2, .h3, .h4, .h5, .h6, .product-card .claim, .product-teaser .description, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    text-rendering: optimizelegibility
}

.h1, .product-card .claim, h1 {
    font-size: 45px;
    line-height: 1.11111em;
    margin-bottom: 35px
}

.h1.card-title, .product-card .claim, h1.card-title {
    font-size: 45px;
    line-height: 1em;
    margin-bottom: 40px
}

.h1.xs, .product-card .xs.claim, h1.xs {
    font-size: 32px;
    line-height: 1.2em
}

@media (max-width: 767px) {
    .h1, .h1.card-title, .product-card .claim, h1, h1.card-title {
        font-size: 32px;
        line-height: 1.2em
    }
}

.h2, .product-teaser .description, h2 {
    font-size: 40px;
    line-height: 1.25em;
    margin-bottom: 35px
}

.h2.xs, .product-teaser .xs.description, h2.xs {
    font-size: 30px;
    line-height: 1.2em
}

@media (max-width: 767px) {
    .h2, .product-teaser .description, h2 {
        font-size: 30px;
        line-height: 1.2em
    }
}

.h3, h3 {
    font-size: 23px;
    line-height: 1.34615em;
    margin-bottom: 15px
}

.h3.xs, h3.xs {
    font-size: 24px;
    line-height: 1.2em
}

@media (max-width: 767px) {
    .h3, h3 {
        font-size: 24px;
        line-height: 1.2em
    }
}

.h3.bigger, h3.bigger {
    font-size: 35px;
    line-height: 1.28571em;
    margin-bottom: 30px
}

.h3.bigger.xs, h3.bigger.xs {
    font-size: 27px;
    line-height: 1.2em
}

@media (max-width: 767px) {
    .h3.bigger, h3.bigger {
        font-size: 27px;
        line-height: 1.2em
    }
}

.h4, h4 {
    font-size: 20px;
    line-height: 1.3em
}

.h4, .h5, h4, h5 {
    margin-bottom: 10px
}

.h5, h5 {
    font-size: 13px;
    line-height: 1.23077em
}

.h6, h6 {
    font-size: 12px;
    line-height: 1.16667em;
    margin-bottom: 10px
}

a {
    cursor: pointer;
    text-decoration: none
}

a:active, a:focus, a:hover {
    outline: 0
}

.article-categories a:active, .article-content a:active, .article-list a:active, .product-listing .name a:active, .reactive-link:active, .reactive-links a:active, .std a:active {
    color: #02b9c7
}

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 {
    height: 6px
}

hr.skin-teal, hr.skin-thick {
    background: #008ba0;
    color: #008ba0
}

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-teal-mid {
    background: #0096a1;
    color: #0096a1
}

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

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

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

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

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

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

.fs-deco-jp-light, .h3:lang(jp), .h4:lang(jp), .h5:lang(jp), .h6: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), .product-card .claim:lang(jp), h1: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-il), .ppc-selection .display:lang(he-il), .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, a {
    color: #008ba0
}

.link-normal:hover, a:hover {
    text-decoration: underline
}

.link-normal:active, a:active {
    color: #02b9c7
}

.box.skin-inverse a, .link-teal, .section.skin-inverse a {
    color: #6ff1f1
}

.box.skin-inverse a:active, .link-teal:active, .section.skin-inverse a:active {
    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, .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
}

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

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%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.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: "\F15D"
}

.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)
}

.media-block {
    overflow: hidden
}

.media-block img {
    margin-bottom: 15px
}

@media (min-width: 990px) {
    .media-block-left .csc-textpic-text, .media-block-right .csc-textpic-text {
        overflow: hidden
    }

    .media-block-left img {
        float: left;
        margin-right: 15px
    }

    [dir=rtl] .media-block-left img {
        float: right;
        margin-right: auto;
        margin-left: 15px
    }

    .media-block-right img {
        float: right;
        margin-left: 15px
    }

    [dir=rtl] .media-block-right img {
        float: left;
        margin-left: auto;
        margin-right: 15px
    }
}

.csc-textpic {
    overflow: hidden
}

.csc-textpic .caption {
    color: #424d56;
    display: block;
    font-style: italic
}

.csc-textpic a {
    position: relative
}

.csc-textpic img {
    max-width: 100%
}

@media (min-width: 990px) {
    .csc-textpic-intext-left img {
        float: left;
        margin-right: 15px
    }

    [dir=rtl] .csc-textpic-intext-left img {
        float: right;
        margin-right: auto;
        margin-left: 15px
    }

    .csc-textpic-intext-right img {
        float: right;
        margin-left: 15px
    }

    [dir=rtl] .csc-textpic-intext-right img {
        float: left;
        margin-right: 15px;
        margin-left: auto
    }
}

.csc-textpic-left {
    text-align: left
}

[dir=rtl] .csc-textpic-left {
    text-align: right
}

.csc-textpic-left .csc-textpic-text {
    text-align: left
}

[dir=rtl] .csc-textpic-left .csc-textpic-text {
    text-align: right
}

.csc-textpic-center {
    text-align: center
}

.csc-textpic-center .csc-textpic-text {
    text-align: left
}

.csc-textpic-right, [dir=rtl] .csc-textpic-center .csc-textpic-text {
    text-align: right
}

.csc-textpic-right .csc-textpic-text, [dir=rtl] .csc-textpic-right {
    text-align: left
}

[dir=rtl] .csc-textpic-right .csc-textpic-text {
    text-align: right
}

.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: none;
    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 .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-], .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] [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, .logo, .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
}

.footer .logo, .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, .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: #008ba0 50% 50% no-repeat;
    min-width: 15px;
    min-height: 15px;
    max-width: 70%;
    font-size: 9px;
    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: 10px;
    background-color: #ebecea;
    line-height: 21px;
    -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: 21px
}

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-green, .text-label.android {
    background-color: #8dc63f;
    color: #fff
}

.text-label-sky-blue {
    background-color: #00a3d9;
    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-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, [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: #8dc63f !important;
    background-repeat: no-repeat !important;
    border: 2px solid transparent;
    color: #fff !important;
    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, :focus[class*=btn-] {
    outline: none
}

.btn:hover, .hover.btn, .hover[class*=btn-], :hover[class*=btn-] {
    background-color: #499300 !important;
    text-decoration: none
}

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

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, .inactive.btn, .inactive[class*=btn-], [class*=btn-][class*=-bordered] {
    background-color: transparent !important;
    border: 2px solid #3b3b3b;
    color: #3b3b3b !important
}

.btn-try:hover, .hover.btn-try, .hover.inactive.btn, .hover.inactive[class*=btn-], .inactive.btn:hover, .inactive:hover[class*=btn-], [class*=btn-][class*=-bordered].hover, [class*=btn-][class*=-bordered]:hover {
    background-color: #3b3b3b !important;
    color: #fff !important
}

.loading.btn-try, .loading.inactive.btn, .loading.inactive[class*=btn-], [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 !important;
    border: 2px solid #fff;
    color: #fff !important
}

.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 !important;
    border-color: #fff;
    color: #424d56 !important
}

.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 !important
}

.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
}

.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
    }
}

.skin-mb-l, .skin-mb-s {
    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-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-mt-l, .skin-mt-s {
    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-xl {
    margin-top: 25px
}

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

@media (min-width: 990px) {
    .skin-mt-xl {
        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
    }

    .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%
    }
}

@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, .skin-gray-lighter select, .skin-gray-lighter textarea, .skin-inverse .selectpicker, .skin-inverse input, .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: #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 0;
    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: #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
}

@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 .submenu .content a {
    font-weight: 700
}

.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: 2px;
    top: 0
}

.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: "\F13F";
    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 (min-width: 0px) and (max-width: 1329px) {
    #contact-sales-number {
        display: none
    }
}

.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 {
    display: none
}

.tabs.skin-accordion {
    margin-bottom: 25px
}

.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: #008ba0
}

.tabs.skin-accordion.skin-title-teal .pane.current > .title a:after {
    border-top-color: #008ba0
}

.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-teal-mid .pane > .title {
    color: #fff;
    background-color: #0096a1
}

.tabs.skin-accordion.skin-title-teal-mid .pane.current > .title a:after {
    border-top-color: #0096a1
}

.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
}

.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: "\F151";
    color: #005396
}

.alert-info.contextual:after {
    border-bottom: 10px solid #e6eef5
}

.alert-warning {
    background: #fcf4e6
}

.alert-warning:before {
    content: "\F152";
    color: #e29300
}

.alert-warning.contextual:after {
    border-bottom: 10px solid #fcf4e6
}

.alert-error {
    background: #f9e6ea
}

.alert-error:before {
    content: "\F150";
    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
}

.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"
}

.flex.equal-element-height .col > div {
    height: 100%
}

.flex.equal-element-height .box {
    display: flex;
    flex-direction: column;
    height: 100%
}

.flex.equal-element-height .box .box-content {
    height: 100%
}

.box {
    position: relative;
    margin: 0 0 15px;
    color: #424d56
}

.box.skin-inverse {
    color: #fff;
    background-color: #3b3b3b
}

.box.skin-inverse:after {
    border-top-color: #3b3b3b
}

#cboxContent .box {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.box.skin-badge-invisible {
    margin-top: 42px
}

.box.opacity-100 {
    opacity: 1
}

.box.opacity-75 {
    opacity: .75
}

.box.opacity-50 {
    opacity: .5
}

.box.opacity-25 {
    opacity: .25
}

.box.box-hover-zoom {
    transition: all .3s ease-in-out
}

.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-gray .box-content {
    border-color: #949495
}

.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:hover.box-hover-zoom {
    transform: scale(1.1)
}

.box:hover.box-hover-shadow {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.box:hover.box-hover-zoom.box-hover-fade {
    transform: scale(1.1);
    opacity: .8
}

.box:hover.box-hover-zoom.box-hover-shadow {
    transform: scale(1.1);
    box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.box:hover.box-hover-fade.box-hover-shadow {
    opacity: .8;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.box:hover.box-hover-shadow.box-hover-fade.box-hover-zoom {
    transform: scale(1.1);
    opacity: .8;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.box:hover.box-hover-fade {
    opacity: .8
}

.box:hover.box-hover-fade.hover-gray-light .box-content {
    background: #c6cfd4
}

.box:hover.box-hover-fade.hover-light .box-content {
    background: hsla(0, 0%, 100%, .5)
}

.box:hover.box-hover-fade.hover-gray-dark .box-content {
    background: #3b3b3b
}

.box:hover.box-hover-fade.hover-faded-teal .box-content {
    background: #0096a1
}

.box:hover.box-hover-fade.hover-faded-blue .box-content {
    background: #00508c
}

.box:hover.box-hover-fade.hover-faded-gray-blue .box-content {
    background: #424d56
}

.box:hover.box-hover-fade.hover-faded-gray-lighter .box-content {
    background: #f4f5f4
}

.box:hover.box-hover-fade.hover-faded-gray .box-content {
    background: #949495
}

.box:hover.box-hover-fade.hover-faded-teal-heavy .box-content {
    background: #00717f
}

.box:hover.box-hover-fade.hover-faded-teal-dark .box-content {
    background: #004b55
}

.box:hover.box-hover-fade.hover-faded-teal-bright .box-content {
    background: #00bbc5
}

.box:hover.box-hover-fade.hover-faded-blue-dark-muted .box-content {
    background: #385f7f
}

.box:hover.box-hover-fade.hover-faded-black .box-content {
    background: #181c20
}

.box:hover.box-hover-fade.border-hover-gray-light .box-content {
    border-color: #c6cfd4
}

.box:hover.box-hover-fade.border-hover-light .box-content {
    border-color: hsla(0, 0%, 100%, .5)
}

.box:hover.box-hover-fade.border-hover-gray-dark .box-content {
    border-color: #3b3b3b
}

.box:hover.box-hover-fade.border-hover-faded-teal .box-content {
    border-color: #0096a1
}

.box:hover.box-hover-fade.border-hover-faded-blue .box-content {
    border-color: #00508c
}

.box:hover.box-hover-fade.border-hover-faded-gray-blue .box-content {
    border-color: #424d56
}

.box:hover.box-hover-fade.border-hover-faded-gray-lighter .box-content {
    border-color: #f4f5f4
}

.box:hover.box-hover-fade.border-hover-faded-gray .box-content {
    border-color: #949495
}

.box:hover.box-hover-fade.border-hover-faded-teal-heavy .box-content {
    border-color: #00717f
}

.box:hover.box-hover-fade.border-hover-faded-teal-dark .box-content {
    border-color: #004b55
}

.box:hover.box-hover-fade.border-hover-faded-teal-bright .box-content {
    border-color: #00bbc5
}

.box:hover.box-hover-fade.border-hover-faded-blue-dark-muted .box-content {
    border-color: #385f7f
}

.box:hover.box-hover-fade.border-hover-faded-black .box-content {
    border-color: #181c20
}

.box-badge {
    background: #3b3b3b;
    color: #fff;
    padding: 5px 25px
}

.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
}

.box-badge.skin-teal {
    background: #008ba0
}

.box-badge.skin-blue {
    background: #00508c
}

.box-badge.skin-green {
    background: #8dc63f
}

.box-badge.skin-gray-blue {
    background: #424d56
}

.box-badge.skin-crimson {
    background: #c60651
}

.box-badge.skin-teal-heavy {
    background: #004b55
}

.box-badge.skin-teal-mid {
    background: #0096a1
}

.box-badge.skin-gray-light {
    background: #ebecea;
    color: #3b3b3b
}

.box-badge.skin-yellow {
    background: #f8b323;
    color: #3b3b3b
}

.box-badge.skin-invisible {
    visibility: hidden
}

.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.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;
    color: #3b3b3b
}

.box.skin-faded-gray .box-content {
    background: #949495;
    color: #3b3b3b
}

.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;
    color: #3b3b3b
}

.box.skin-faded-blue-dark-muted .box-content {
    background: #385f7f;
    color: #fff
}

.box.skin-faded-black .box-content {
    background: #181c20;
    color: #fff
}

.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
}

.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
    }
}

.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: 80px;
    border: none;
    display: none;
    background: #0096a1;
    position: fixed;
    z-index: 9999;
    transition: all .3s;
    text-align: center
}

.di-indicator.di-chrome {
    animation: di-to-bottom 1s ease-in-out infinite;
    bottom: 35px
}

.di-indicator.di-chrome.di-ltr {
    left: 50px
}

.di-indicator.di-chrome.di-rtl {
    right: 50px
}

.di-indicator.di-chrome:after {
    box-sizing: content-box;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    bottom: -14px;
    left: 0;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-color: #0096a1 transparent currentcolor;
    border-style: solid;
    border-width: 15px 40px 0;
    text-overflow: clip;
    text-shadow: none
}

.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 infinite;
    bottom: 35px;
    left: 50%;
    transfrom: translate(-50%, 0)
}

.di-indicator.di-msie:after {
    box-sizing: content-box;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    bottom: -14px;
    left: 0;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-color: #0096a1 transparent currentcolor;
    border-style: solid;
    border-width: 15px 40px 0;
    text-overflow: clip;
    text-shadow: none
}

.di-indicator.di-msie .ficon-eset-icon:before {
    font-size: 3.3em;
    padding: 15px 0 10px;
    color: #fff
}

.di-indicator.di-safari {
    animation: di-to-top 1s ease-in-out infinite;
    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: "";
    top: -14px;
    left: 0;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-color: currentcolor transparent #0096a1;
    border-style: solid;
    border-width: 0 40px 15px;
    text-overflow: clip;
    text-shadow: none
}

.di-indicator.di-opera {
    animation: di-to-top 1s ease-in-out infinite;
    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: "";
    top: -14px;
    left: 0;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-color: currentcolor transparent #0096a1;
    border-style: solid;
    border-width: 0 40px 15px;
    text-overflow: clip;
    text-shadow: none
}

.di-indicator.di-mozilla {
    animation: di-to-top 1s ease-in-out infinite;
    top: 35px
}

.di-indicator.di-mozilla.di-ltr {
    right: 95px
}

.di-indicator.di-mozilla.di-rtl {
    left: 85px
}

.di-indicator.di-mozilla:before {
    box-sizing: content-box;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    top: -14px;
    left: 0;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-color: currentcolor transparent #0096a1;
    border-style: solid;
    border-width: 0 40px 15px;
    text-overflow: clip;
    text-shadow: none
}

.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-mozilla, .cbox-open .di-indicator.di-msie, .cbox-open .di-indicator.di-opera, .cbox-open .di-indicator.di-safari {
    display: block
}

@keyframes di-to-top {
    0% {
        transform: traslateY(0)
    }
    35% {
        transform: translateY(10px)
    }
    50% {
        transform: translateY(-10px)
    }
    75% {
        transform: translateY(0)
    }
}

@keyframes di-to-bottom {
    0% {
        transform: traslateY(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 .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, .faded-gray-lighter .card-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;
    color: #181c20;
    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
}

@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
}

.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-il) {
    top: auto;
    font-size: .8em
}

.price.flat .cents, .price.flat .currency {
    font-size: 1em;
    top: auto;
    margin: 0 -.01em
}

.price.obsolete {
    text-decoration: line-through
}

.price.obsolete:lang(he-il) {
    display: block;
    margin-bottom: 0
}

.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: 100%;
    height: 20px;
    z-index: 1
}

.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
}

.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-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
}

.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 {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: visible;
    box-sizing: content-box;
    display: block
}

.eset-svg-icon.icon-size-default svg {
    width: auto;
    height: auto
}

.eset-svg-icon.icon-size-xxs svg {
    width: 30px
}

.eset-svg-icon.icon-size-xs svg {
    width: 50px
}

.eset-svg-icon.icon-size-sm svg {
    width: 75px
}

.eset-svg-icon.icon-size-md svg {
    width: 100px
}

.eset-svg-icon.icon-size-lg svg {
    width: 150px
}

.eset-svg-icon.icon-size-xl svg {
    width: 200px
}

.eset-svg-icon.icon-size-xxl svg {
    width: 300px
}

.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;
    stroke: .3s ease-out
}

.section .eset-svg-icon.color-inherit [fill^="#"], .section .eset-svg-icon.color-inherit [fill^=rgb] {
    fill: #424d56
}

.section .eset-svg-icon.color-inherit [stroke^="#"], .section .eset-svg-icon.color-inherit [stroke^=rgb] {
    stroke: #424d56
}

.section.skin-inverse .eset-svg-icon.color-inherit [fill^="#"], .section.skin-inverse .eset-svg-icon.color-inherit [fill^=rgb] {
    fill: #fff
}

.section.skin-inverse .eset-svg-icon.color-inherit [stroke^="#"], .section.skin-inverse .eset-svg-icon.color-inherit [stroke^=rgb] {
    stroke: #fff
}

.section .eset-svg-icon.color-faded-teal [fill^="#"], .section .eset-svg-icon.color-faded-teal [fill^=rgb] {
    fill: #0096a1
}

.section .eset-svg-icon.color-faded-teal [stroke^="#"], .section .eset-svg-icon.color-faded-teal [stroke^=rgb] {
    stroke: #0096a1
}

.section .eset-svg-icon.color-faded-blue [fill^="#"], .section .eset-svg-icon.color-faded-blue [fill^=rgb] {
    fill: #00508c
}

.section .eset-svg-icon.color-faded-blue [stroke^="#"], .section .eset-svg-icon.color-faded-blue [stroke^=rgb] {
    stroke: #00508c
}

.section .eset-svg-icon.color-faded-gray-blue [fill^="#"], .section .eset-svg-icon.color-faded-gray-blue [fill^=rgb] {
    fill: #424d56
}

.section .eset-svg-icon.color-faded-gray-blue [stroke^="#"], .section .eset-svg-icon.color-faded-gray-blue [stroke^=rgb] {
    stroke: #424d56
}

.section .eset-svg-icon.color-faded-gray-lighter [fill^="#"], .section .eset-svg-icon.color-faded-gray-lighter [fill^=rgb] {
    fill: #f4f5f4
}

.section .eset-svg-icon.color-faded-gray-lighter [stroke^="#"], .section .eset-svg-icon.color-faded-gray-lighter [stroke^=rgb] {
    stroke: #f4f5f4
}

.section .eset-svg-icon.color-faded-gray [fill^="#"], .section .eset-svg-icon.color-faded-gray [fill^=rgb] {
    fill: #949495
}

.section .eset-svg-icon.color-faded-gray [stroke^="#"], .section .eset-svg-icon.color-faded-gray [stroke^=rgb] {
    stroke: #949495
}

.section .eset-svg-icon.color-faded-black [fill^="#"], .section .eset-svg-icon.color-faded-black [fill^=rgb] {
    fill: #181c20
}

.section .eset-svg-icon.color-faded-black [stroke^="#"], .section .eset-svg-icon.color-faded-black [stroke^=rgb] {
    stroke: #181c20
}

.section .eset-svg-icon.color-faded-white [fill^="#"], .section .eset-svg-icon.color-faded-white [fill^=rgb] {
    fill: #fff
}

.section .eset-svg-icon.color-faded-white [stroke^="#"], .section .eset-svg-icon.color-faded-white [stroke^=rgb] {
    stroke: #fff
}

.section .eset-svg-icon.color-faded-teal-heavy [fill^="#"], .section .eset-svg-icon.color-faded-teal-heavy [fill^=rgb] {
    fill: #004b55
}

.section .eset-svg-icon.color-faded-teal-heavy [stroke^="#"], .section .eset-svg-icon.color-faded-teal-heavy [stroke^=rgb] {
    stroke: #004b55
}

.section .eset-svg-icon.color-faded-teal-dark [fill^="#"], .section .eset-svg-icon.color-faded-teal-dark [fill^=rgb] {
    fill: #00717f
}

.section .eset-svg-icon.color-faded-teal-dark [stroke^="#"], .section .eset-svg-icon.color-faded-teal-dark [stroke^=rgb] {
    stroke: #00717f
}

.section .eset-svg-icon.color-faded-teal-bright [fill^="#"], .section .eset-svg-icon.color-faded-teal-bright [fill^=rgb] {
    fill: #00bbc5
}

.section .eset-svg-icon.color-faded-teal-bright [stroke^="#"], .section .eset-svg-icon.color-faded-teal-bright [stroke^=rgb] {
    stroke: #00bbc5
}

.section .eset-svg-icon.color-faded-blue-dark-muted [fill^="#"], .section .eset-svg-icon.color-faded-blue-dark-muted [fill^=rgb] {
    fill: #385f7f
}

.section .eset-svg-icon.color-faded-blue-dark-muted [stroke^="#"], .section .eset-svg-icon.color-faded-blue-dark-muted [stroke^=rgb] {
    stroke: #385f7f
}

.eset-svg-icon.with-border svg {
    border-radius: 50%;
    border: solid
}

.eset-svg-icon.with-border.icon-border-width-xxs svg {
    border-width: 1px
}

.eset-svg-icon.with-border.icon-border-width-xs svg {
    border-width: 2px
}

.eset-svg-icon.with-border.icon-border-width-sm svg {
    border-width: 3px
}

.eset-svg-icon.with-border.icon-border-width-md svg {
    border-width: 4px
}

.eset-svg-icon.with-border.icon-border-width-lg svg {
    border-width: 5px
}

.eset-svg-icon.with-border.icon-border-width-xl svg {
    border-width: 10px
}

.eset-svg-icon.with-border.icon-border-padding-default svg {
    padding: 0
}

.eset-svg-icon.with-border.icon-border-padding-xxs svg {
    padding: 5px
}

.eset-svg-icon.with-border.icon-border-padding-xs svg {
    padding: 10px
}

.eset-svg-icon.with-border.icon-border-padding-sm svg {
    padding: 25px
}

.eset-svg-icon.with-border.icon-border-padding-md svg {
    padding: 50px
}

.eset-svg-icon.with-border.icon-border-padding-lg svg {
    padding: 100px
}

.eset-svg-icon.with-border.icon-border-padding-xl svg {
    padding: 200px
}

.section .eset-svg-icon.border-color-inherit svg {
    border-color: #424d56
}

.section.skin-inverse .eset-svg-icon.border-color-inherit svg {
    border-color: #fff
}

.section .eset-svg-icon.border-faded-teal svg {
    border-color: #0096a1
}

.section .eset-svg-icon.border-faded-blue svg {
    border-color: #00508c
}

.section .eset-svg-icon.border-faded-gray-blue svg {
    border-color: #424d56
}

.section .eset-svg-icon.border-faded-gray-lighter svg {
    border-color: #f4f5f4
}

.section .eset-svg-icon.border-faded-gray svg {
    border-color: #949495
}

.section .eset-svg-icon.border-faded-black svg {
    border-color: #181c20
}

.section .eset-svg-icon.border-faded-white svg {
    border-color: #fff
}

.section .eset-svg-icon.border-faded-teal-heavy svg {
    border-color: #004b55
}

.section .eset-svg-icon.border-faded-teal-dark svg {
    border-color: #00717f
}

.section .eset-svg-icon.border-faded-teal-bright svg {
    border-color: #00bbc5
}

.section .eset-svg-icon.border-faded-blue-dark-muted svg {
    border-color: #385f7f
}

.section .eset-svg-icon:hover.hover-faded-teal [fill^="#"], .section .eset-svg-icon:hover.hover-faded-teal [fill^=rgb] {
    fill: #0096a1
}

.section .eset-svg-icon:hover.hover-faded-teal [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-teal [stroke^=rgb] {
    stroke: #0096a1
}

.section .eset-svg-icon:hover.hover-faded-blue [fill^="#"], .section .eset-svg-icon:hover.hover-faded-blue [fill^=rgb] {
    fill: #00508c
}

.section .eset-svg-icon:hover.hover-faded-blue [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-blue [stroke^=rgb] {
    stroke: #00508c
}

.section .eset-svg-icon:hover.hover-faded-gray-blue [fill^="#"], .section .eset-svg-icon:hover.hover-faded-gray-blue [fill^=rgb] {
    fill: #424d56
}

.section .eset-svg-icon:hover.hover-faded-gray-blue [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-gray-blue [stroke^=rgb] {
    stroke: #424d56
}

.section .eset-svg-icon:hover.hover-faded-gray-lighter [fill^="#"], .section .eset-svg-icon:hover.hover-faded-gray-lighter [fill^=rgb] {
    fill: #f4f5f4
}

.section .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-gray-lighter [stroke^=rgb] {
    stroke: #f4f5f4
}

.section .eset-svg-icon:hover.hover-faded-gray [fill^="#"], .section .eset-svg-icon:hover.hover-faded-gray [fill^=rgb] {
    fill: #949495
}

.section .eset-svg-icon:hover.hover-faded-gray [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-gray [stroke^=rgb] {
    stroke: #949495
}

.section .eset-svg-icon:hover.hover-faded-black [fill^="#"], .section .eset-svg-icon:hover.hover-faded-black [fill^=rgb] {
    fill: #181c20
}

.section .eset-svg-icon:hover.hover-faded-black [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-black [stroke^=rgb] {
    stroke: #181c20
}

.section .eset-svg-icon:hover.hover-faded-white [fill^="#"], .section .eset-svg-icon:hover.hover-faded-white [fill^=rgb] {
    fill: #fff
}

.section .eset-svg-icon:hover.hover-faded-white [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-white [stroke^=rgb] {
    stroke: #fff
}

.section .eset-svg-icon:hover.hover-faded-teal-heavy [fill^="#"], .section .eset-svg-icon:hover.hover-faded-teal-heavy [fill^=rgb] {
    fill: #004b55
}

.section .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-teal-heavy [stroke^=rgb] {
    stroke: #004b55
}

.section .eset-svg-icon:hover.hover-faded-teal-dark [fill^="#"], .section .eset-svg-icon:hover.hover-faded-teal-dark [fill^=rgb] {
    fill: #00717f
}

.section .eset-svg-icon:hover.hover-faded-teal-dark [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-teal-dark [stroke^=rgb] {
    stroke: #00717f
}

.section .eset-svg-icon:hover.hover-faded-teal-bright [fill^="#"], .section .eset-svg-icon:hover.hover-faded-teal-bright [fill^=rgb] {
    fill: #00bbc5
}

.section .eset-svg-icon:hover.hover-faded-teal-bright [stroke^="#"], .section .eset-svg-icon:hover.hover-faded-teal-bright [stroke^=rgb] {
    stroke: #00bbc5
}

.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
}

.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
}

.section .eset-svg-icon:hover.icon-hover-zoom svg {
    transform: scale(1.1)
}

.section .eset-svg-icon:hover.icon-hover-bounce svg {
    transform: translateY(-8px)
}

.section .eset-svg-icon:hover.icon-hover-fade svg {
    opacity: .7
}

.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-bounce svg {
    transform: scale(1.1) translateY(-8px)
}

.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade svg {
    transform: scale(1.1);
    opacity: .7
}

.section .eset-svg-icon:hover.icon-hover-bounce.icon-hover-fade svg {
    transform: translateY(-8px);
    opacity: .7
}

.section .eset-svg-icon:hover.icon-hover-zoom.icon-hover-fade.icon-hover-bounce svg {
    transform: scale(1.1) translateY(-8px);
    opacity: .7
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-teal svg {
    border-color: #0096a1
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-blue svg {
    border-color: #00508c
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-gray-blue svg {
    border-color: #424d56
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-gray-lighter svg {
    border-color: #f4f5f4
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-gray svg {
    border-color: #949495
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-black svg {
    border-color: #181c20
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-white svg {
    border-color: #fff
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-teal-heavy svg {
    border-color: #004b55
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-teal-dark svg {
    border-color: #00717f
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-teal-bright svg {
    border-color: #00bbc5
}

.section .eset-svg-icon.with-border:hover.border-hover-faded-blue-dark-muted svg {
    border-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
    }
}

.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
    }

    .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
    }

    .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
    }

    .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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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: "\F140";
    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)
}

.csc-textpic .eset-svg-icon {
    display: inline-block
}

.csc-textpic svg {
    margin: 0 auto;
    max-width: 100%
}

.csc-textpic-svg {
    overflow: visible
}

.csc-textpic-svg:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media screen and (min-width: 990px) {
    .csc-textpic-intext-right .eset-svg-icon, .media-block-right .eset-svg-icon {
        float: right;
        margin-left: 15px
    }

    .csc-textpic-intext-left .eset-svg-icon, .media-block-left .eset-svg-icon {
        float: left;
        margin-right: 15px
    }
}

.logo {
    font-size: 96px;
    text-decoration: none !important;
    overflow: hidden
}

.logo:before {
    display: block
}

.ie .logo:before {
    padding-top: 6px
}

.canvas {
    overflow: hidden
}

.page {
    min-width: 320px;
    padding: 100px 0 0 0;
}

.page, .sidebar {
    background: #3b3b3b
}

.sidebar {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100%
}

.subnavigation {
    position: relative;
    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)
}

.subnavigation.skin-translucent {
    background: rgba(244, 245, 244, .85)
}

.main {
    background: #fff;
    padding-top: 50px;
    min-height: 500px
}

.main:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: rgba(24, 28, 32, .5);
    -webkit-box-shadow: inset 0 8px 15px rgba(0, 0, 0, .26);
    -moz-box-shadow: inset 0 8px 15px rgba(0, 0, 0, .26);
    box-shadow: inset 0 8px 15px rgba(0, 0, 0, .26)
}

.state-shown-sidebar .main:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 90
}

@media (min-width: 768px) {
    .main {
        padding-top: 100px
    }
}

.main.hide-toolbar {
    padding-top: 0
}

.header {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    height: 50px
}

.header, .header a {
    color: #fff
}

.header .container {
    max-width: 1920px
}

.header .logo {
    float: left;
    font-size: 76px;
    margin-top: 8px;
    position: relative;
    z-index: 1
}

.header .logo:before {
    content: "\F14A"
}

[dir=rtl] .header .logo {
    float: right
}

@media (max-width: 767px) {
    .header .logo {
        height: 35px;
        margin-top: 10px;
        margin-left: -15px
    }

    [dir=rtl] .header .logo {
        margin-left: 0;
        margin-right: -15px
    }
}

.header.skin-initial-semi-transparent {
    background-color: rgba(59, 59, 59, .8)
}

.header.skin-initial-solid {
    background: #3b3b3b
}

.header.skin-initial-solid:hover {
    background: #222 !important
}

.header.skin-inverse:not([class*=skin-initial-]), .header.skin-inverse:not([class*=skin-initial-]) a {
    color: #181c20
}

.header.skin-inverse:not([class*=skin-initial-]) .submenu, .header.skin-inverse:not([class*=skin-initial-]) .submenu a {
    color: #fff
}

.state-sticky-header .header, .state-sticky-header .header:hover {
    background: #3b3b3b !important;
    color: #fff !important
}

.state-sticky-header .header:hover {
    background: #222 !important
}

.state-sticky-header .header a {
    color: #fff !important
}

.state-sticky-header .header .nav-secondary .name {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

@media (min-width: 768px) {
    .header {
        height: 100px
    }

    .header:hover {
        background-color: rgba(24, 28, 32, .5)
    }

    .header:hover, .header:hover a {
        color: #fff !important
    }

    .header .logo {
        font-size: 96px;
        height: 96px;
        margin-top: 16px
    }

    .header .logo:before {
        content: "\F149"
    }

    [lang*=SK] .header .logo {
        margin-top: 10px
    }

    [lang*=SK] .header .logo:before {
        content: "\F148"
    }

    .state-sticky-header .header {
        height: 75px
    }

    .state-sticky-header .header .logo {
        margin-top: 16px !important;
        height: 40px
    }

    .state-sticky-header .header .nav-main > li > a {
        height: 75px;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .state-sticky-header .header .nav-main .submenu {
        top: 75px
    }
}

.footer-scroll-to-top-wrapper {
    position: fixed;
    text-align: center;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

@media (min-width: 1200px) {
    .state-sticky-header .footer-scroll-to-top-wrapper {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 1199px) {
    .no-desktop.state-sticky-header:not(.state-obsolete-header) .footer-scroll-to-top-wrapper {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .no-desktop.state-obsolete-header .footer-scroll-to-top-wrapper {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}

.footer {
    position: relative;
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.33333em;
    background: #313940
}

.footer, .footer a {
    color: #fff
}

.footer .realign {
    font-size: 9px
}

.footer .logo-and-copyright {
    margin: 0 250px 0 16.66667%;
    padding-left: 15px;
    color: #949ca1;
    font-size: 13px;
    line-height: 1.33333em
}

[dir=rtl] .footer .logo-and-copyright {
    margin-left: 250px;
    margin-right: 16.66667%;
    padding-left: 0;
    padding-right: 15px
}

@media (max-width: 767px) {
    .footer .logo-and-copyright {
        font-size: 7px
    }
}

@media (max-width: 989px) {
    .footer .logo-and-copyright {
        margin: 0;
        padding-left: 85px;
        position: relative
    }

    [dir=rtl] .footer .logo-and-copyright {
        margin: 0;
        padding-right: 85px;
        padding-left: 0
    }

    .footer .logo-and-copyright:before {
        content: "";
        display: block;
        position: absolute;
        background: #949ca1;
        width: 1px;
        height: 100%;
        left: 70px
    }

    [dir=rtl] .footer .logo-and-copyright:before {
        left: auto;
        right: 70px
    }
}

.footer .logo {
    color: #fff;
    font-size: 57px;
    position: absolute;
    left: 0;
    right: auto
}

[lang*=SK] .footer .logo:before {
    content: "\F148"
}

[dir=rtl] .footer .logo {
    left: auto;
    right: 0
}

@media (min-width: 768px) {
    .footer {
        padding: 35px 0 40px
    }

    .footer .realign {
        font-size: 15px
    }
}

@media (min-width: 990px) {
    .footer .logo {
        font-size: 110px;
        top: 0
    }

    .footer .nav-social-profiles {
        float: right;
        max-width: 225px;
        margin-top: -5px
    }

    [dir=rtl] .footer .nav-social-profiles {
        float: left
    }
}

#content-fcopyright, #content-footer p {
    color: #949ca1
}

.fversion {
    text-align: center;
    color: #181c20;
    position: relative;
    top: 20px
}

#content-footer ul {
    list-style: none;
    padding: 0
}

#content-footer ul li {
    line-height: 1.1em;
    padding: 6px 0 3px
}

#content-footer .ficon-globe {
    margin-right: 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
    min-height: 32px
}

#content-footer .ficon-globe:before {
    font-size: 2em;
    text-decoration: none;
    left: 1px
}

#content-footer .ficon-globe .country-picker-text {
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    line-height: 1.333em
}

#content-footer .ficon-globe .country-picker-text:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    #content-footer .ficon-globe {
        justify-content: center
    }
}

#content-flquick li {
    float: none;
    margin-right: 40px;
    padding: 3px 0 6px 25px;
    line-height: 1.6em
}

#content-flquick ul {
    text-align: center;
    margin: 0 auto;
    display: block
}

#content-flquick a {
    font-weight: 700
}

.section.gradient-custom-overlay-linear:before {
    background: -owg-linear-gradient(var(--deg), var(--bgc1), var(--bgc2));
    background: -webkit-linear-gradient(var(--deg), var(--bgc1), var(--bgc2));
    background: -moz-linear-gradient(var(--deg), var(--bgc1), var(--bgc2));
    background: -o-linear-gradient(var(--deg), var(--bgc1), var(--bgc2));
    -pie-background: -pie-linear-gradient(var(--deg), var(--bgc1), var(--bgc2));
    background: linear-gradient(var(--deg), var(--bgc1), var(--bgc2))
}

.section.gradient-custom-overlay-linear:before, .section.gradient-custom-overlay-radial:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    transition: opacity .3s ease-in-out
}

.section.gradient-custom-overlay-radial:before {
    background: -owg-radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%);
    background: -webkit-radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%);
    background: -moz-radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%);
    background: -o-radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%);
    -pie-background: -pie-radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%);
    background: radial-gradient(circle, var(--bgc1) 0, var(--bgc2) 100%)
}

.section.skin-layout-footer {
    font-size: 15px
}

.section.skin-layout-footer a {
    color: #fff
}

.section.skin-layout-footer h4, .section.skin-layout-footer p {
    font-size: 15px;
    line-height: 1.6em
}

.section.skin-layout-footer p.description {
    color: #949ca1
}

.section.skin-layout-footer li {
    line-height: 1.1em
}

.section.skin-layout-footer svg {
    height: auto
}

.section.skin-layout-footer #content-footer-lang-picker {
    cursor: pointer
}

.section.skin-layout-footer #content-flquick ul {
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    display: block
}

.section.skin-layout-footer #content-flquick li {
    display: inline-block;
    float: none;
    margin-right: 40px
}

.section.skin-layout-footer #content-flsocial > div > div {
    margin: 0 auto;
    display: flex
}

.section.skin-layout-footer #content-flsocial > div > div > div {
    display: inline-block;
    margin-right: 20px
}

.section.skin-layout-footer #content-flsocial > div > div > div:first-child {
    margin-left: auto
}

.section.skin-layout-footer #content-flsocial > div > div > div:last-child {
    margin-right: auto
}

.section.skin-layout-footer .tabs.skin-accordion .pane .content-wrapper {
    padding: 25px
}

.section.skin-layout-footer .tabs.skin-accordion .content {
    background: transparent
}

.section.skin-layout-footer .tabs.skin-accordion .content li {
    line-height: 2em
}

html.ie .section.skin-layout-footer svg {
    height: 30px
}

@media (max-width: 767px) {
    .page {
        width: 100%;
        left: 0
    }

    [dir=rtl] .page {
        left: auto;
        right: 0
    }

    .main {
        width: 100%
    }

    .sidebar {
        right: -100%
    }

    [dir=rtl] .sidebar {
        right: auto;
        left: -100%
    }

    .state-shown-sidebar .page {
        left: -100%
    }

    .state-shown-sidebar .header {
        left: -100%;
        right: 100%
    }

    .state-shown-sidebar .sidebar {
        right: 0
    }

    [dir=rtl].state-shown-sidebar .page {
        right: -100%;
        left: auto
    }

    [dir=rtl].state-shown-sidebar .header {
        right: -100%;
        left: 100%
    }

    [dir=rtl].state-shown-sidebar .sidebar {
        right: auto;
        left: 0
    }
}

@media (max-width: 479px) {
    .state-obsolete-header .header {
        top: -50px
    }
}

@media (max-width: 767px) {
    .state-obsolete-header .header {
        top: -75px;
        overflow: hidden
    }

    .state-obsolete-header .form-product-facets-int {
        margin-top: -50px
    }

    .state-obsolete-header .glued .form-product-facets-int {
        margin-top: -165px
    }
}

@media (min-width: 768px) {
    .state-obsolete-breadcrumb {
        top: -75px;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .sidebar {
        width: 325px;
        right: -325px;
        left: auto
    }

    [dir=rtl] .sidebar {
        right: auto;
        left: -325px
    }

    .subnavigation {
        position: absolute;
        left: 0;
        right: 0;
        height: 80px
    }

    .form-product-facets-int .subnavigation + .section.facet-toggle + .section .section-content:before, .subnavigation + .section.compare-list + .section .section-content:before, .subnavigation + .section.hidden-from-sm + .section .section-content:before, .subnavigation + .section.mobile-toggle + .section .section-content:before, .subnavigation + .section .section-content:before {
        content: "";
        display: block;
        height: 80px
    }

    .state-shown-sidebar body {
        overflow: hidden
    }

    .state-shown-sidebar .page {
        padding-right: 325px;
        margin-left: -325px
    }

    .state-shown-sidebar .header {
        right: 325px;
        left: 0
    }

    .state-shown-sidebar .sidebar {
        right: 0;
        left: auto
    }

    [dir=rtl].state-shown-sidebar .page {
        padding-left: 325px;
        padding-right: 0;
        margin-right: -325px;
        margin-left: auto
    }

    [dir=rtl].state-shown-sidebar .header {
        left: 325px;
        right: 0
    }

    [dir=rtl].state-shown-sidebar .sidebar {
        left: 0;
        right: auto
    }
}

@media (min-width: 768px) and (max-width: 924px) {
    .state-shown-sidebar .header {
        left: -325px
    }
}

.quick-help-links a {
    text-align: left !important
}

.megamenu-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.megamenu-hover:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

[class*=bx-] {
    outline: 10px dashed red !important
}

.visible-to-print {
    display: none
}

@media print {
    @viewport {
        width: 1260px;
        min-width: 1260px
    }@page {
    width: 1260px;
    min-width: 1260px;
    size: 1260px 1740px;
    margin: 2cm;
    orphans: 4;
    widows: 4
}

    * {
        text-shadow: none !important;
        box-shadow: none !important;
        -webkit-print-color-adjust: exact
    }

    body {
        min-width: 1260px
    }

    .visible-to-print {
        display: block
    }

    .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-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%
    }

    .comparable, .product-tile, .section-title, .slider, img, li {
        page-break-inside: avoid
    }

    .h, .h1, .h2, .h3, .h4, .h5, .h6, .product-card .claim, .product-teaser .description, .section-title, h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid
    }

    .article-header-tools, .browse, .btn-bordered, .flyout-cart, .footer .logo-and-copyright:before, .form-newsletter-subscribe, .form-product-facets-int, .global-loader, .header, .nav-main, .nav-meta-footer, .nav-secondary, .nav-sidebar, .nav-sitemap-footer, .nav-social-profiles, .nav-sub, .nav-tabs, .product-download, .responsive-embed, .scroll-to, .share-button, .share-tools, .sidebar, .slidebox, .sneaky, .submenu, .subnavigation, .swiper-button, .swiper-pagination, .tooltip, [data-js-buy] {
        display: none !important
    }

    .page {
        min-width: 1260px
    }

    .main {
        padding-top: 0
    }

    .footer {
        background: #fff !important
    }

    .footer, .footer * {
        color: #000 !important
    }

    .footer .container {
        padding: 30px
    }

    .footer .logo-and-copyright {
        max-width: none;
        padding-left: 100px;
        margin: 0
    }

    .footer .logo {
        position: relative;
        float: left;
        font-size: 70px;
        margin-left: -100px
    }

    .hero.skin-product-card {
        min-height: 0 !important
    }

    .hero.skin-product-card .swiper-wrapper {
        margin-bottom: -100px
    }

    .tabs .pane {
        display: block;
        margin-bottom: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid #ebecea
    }

    .tabs .pane > .title {
        display: block;
        color: #424d56;
        font-size: 24px;
        line-height: 1.16667em;
        margin: 0 0 15px
    }

    .tabs .pane > .title .icon {
        margin-right: 15px
    }

    .toggleable .toggleable-content {
        display: block !important
    }
}