a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}


@charset "UTF-8";
@media (max-width:991px) {
    .mastNav__subItem__label,
    .mastNav__subItem__link {
        display: block;
        font-size: 18px;
        text-transform: none;
        border-bottom: 1px solid #dfe0e1;
        padding: 15px;
        color: #4d4e53
    }
}

[role=button] {
    cursor: pointer
}

.outline {
    display: none
}

@media (min-width:992px) {
    html.side-nav-visible .ovelay-mask {
        visibility: hidden;
        opacity: 0
    }
    html.side-nav-visible body {
        overflow: visible
    }
}

.showMoreContainer {
    position: relative
}

.showMoreContent {
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    -o-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.showLessButton,
.showMoreButton {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 2px solid transparent;
    white-space: nowrap;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 1.5;
    background-color: #fff;
    border-color: #4d4e53
}

.showLessButton {
    bottom: -20px
}

.showLessButton>span:after,
.showMoreButton>span:after {
    display: inline-block;
    font-family: fontawesome;
    padding-left: 5px
}

.showMoreButton>span:after {
    content: "\f107"
}

.showLessButton>span:after {
    content: "\f106"
}

.readMoreShadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 100px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1))
}

.fa-fw,
.fa-li {
    text-align: center
}

.fa,
.fa-stack {
    display: inline-block
}

body,
html {
    -webkit-text-size-adjust: 100%
}

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

.carousel .slick-slider,
html {
    -webkit-tap-highlight-color: transparent
}

.btn,
.carousel .slick-slider,
.cta {
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.carousel .slick-dots li button:before,
.fa,
.mediaGallery .close {
    -moz-osx-font-smoothing: grayscale
}

 

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    -ms-text-size-adjust: 100%
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

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

pre,
textarea {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.sr-only,
legend,
td,
th {
    padding: 0
}

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


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    select {
        background: #fff!important
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}

.btn,
.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.cta,
.cta.active,
.cta.primary-cta.active,
.cta.primary-cta:active,
.cta.special-cta.active,
.cta.special-cta:active,
.cta:active,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.cta,
.open>.dropdown-toggle.cta.primary-cta,
.open>.dropdown-toggle.cta.special-cta {
    background-image: none
}

body {
    background-color: #fff;
    font-family: 'Rubik', sans-serif;

    /*font-family: Arial, sans-serif;*/
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}

.collapsing,
.embed-responsive {
position: relative;
height: 0;
overflow: hidden
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 65%
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-size: 75%
}

.text-justify {
text-align: justify
}

.text-nowrap {
white-space: nowrap
}

.text-lowercase {
text-transform: lowercase
}

.text-uppercase {
text-transform: uppercase
}

.text-capitalize {
text-transform: capitalize
}

.blockquote .h1,
.downloadList .subtitle,
.exteriorInterior h3,
.initialism,
header .header-container .title .location {
text-transform: uppercase
}

.list-inline {
margin-left: -5px
}

@media (min-width:768px) {
.lead {
    font-size: 24px
}
.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.dl-horizontal dd {
    margin-left: 180px
}
}

.breadcrumb .breadcrumb-list-links:after,
.carousel .slick-track:after,
.downloadList:after,
.exteriorInterior .tabNavigation .tab-content,
.exteriorInterior .tabNavigation .tab-content:after,
.imageText:after,
.included-products .model-list,
.itemCarousel:after,
.linkList:after,
.newsArticle h2,
.newsArticle hr,
.newsFeaturesItem .news-item-content,
.newsList .news-item-content,
.newsList:after,
.productSelector .model-list,
.searchResults .form-inline:after,
.simpleItemDisplay:after,
header .dealer-bar:after,
header .header-container:after {
clear: both
}

abbr[data-original-title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted #bfbebb
}

.initialism {
font-size: 90%
}

blockquote {
padding: 12px 24px;
margin: 0 0 24px;
font-size: 20px;
border-left: 5px solid #d8d7d5
}

.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
display: block;
font-size: 80%;
line-height: 1.5;
color: #bfbebb
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #d8d7d5;
border-left: 0;
text-align: right
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
content: '\00A0 \2014'
}

address {
margin-bottom: 24px;
line-height: 1.5
}

@media (min-width:768px) {
.container {
    width: 756px
}
}

@media (min-width:992px) {
.container {
    width: 960px
}
}

@media (min-width:1300px) {
.container {
    width: 1200px
}
}

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

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}

.col-xs-12 {
width: 100%
}

.col-xs-11 {
width: 91.66666667%
}

.col-xs-10 {
width: 83.33333333%
}

.col-xs-9 {
width: 75%
}

.col-xs-8 {
width: 66.66666667%
}

.col-xs-7 {
width: 58.33333333%
}

.col-xs-6 {
width: 50%
}

.col-xs-5 {
width: 41.66666667%
}

.col-xs-4 {
width: 33.33333333%
}

.col-xs-3 {
width: 25%
}

.col-xs-2 {
width: 16.66666667%
}

.col-xs-1 {
width: 8.33333333%
}

.col-xs-pull-12 {
right: 100%
}

.col-xs-pull-11 {
right: 91.66666667%
}

.col-xs-pull-10 {
right: 83.33333333%
}

.col-xs-pull-9 {
right: 75%
}

.col-xs-pull-8 {
right: 66.66666667%
}

.col-xs-pull-7 {
right: 58.33333333%
}

.col-xs-pull-6 {
right: 50%
}

.col-xs-pull-5 {
right: 41.66666667%
}

.col-xs-pull-4 {
right: 33.33333333%
}

.col-xs-pull-3 {
right: 25%
}

.col-xs-pull-2 {
right: 16.66666667%
}

.col-xs-pull-1 {
right: 8.33333333%
}

.col-xs-pull-0 {
right: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    float: left
}
.col-sm-12 {
    width: 100%
}
.col-sm-11 {
    width: 91.66666667%
}
.col-sm-10 {
    width: 83.33333333%
}
.col-sm-9 {
    width: 75%
}
.col-sm-8 {
    width: 66.66666667%
}
.col-sm-7 {
    width: 58.33333333%
}
.col-sm-6 {
    width: 50%
}
.col-sm-5 {
    width: 41.66666667%
}
.col-sm-4 {
    width: 33.33333333%
}
.col-sm-3 {
    width: 25%
}
.col-sm-2 {
    width: 16.66666667%
}
.col-sm-1 {
    width: 8.33333333%
}
.col-sm-pull-12 {
    right: 100%
}
.col-sm-pull-11 {
    right: 91.66666667%
}
.col-sm-pull-10 {
    right: 83.33333333%
}
.col-sm-pull-9 {
    right: 75%
}
.col-sm-pull-8 {
    right: 66.66666667%
}
.col-sm-pull-7 {
    right: 58.33333333%
}
.col-sm-pull-6 {
    right: 50%
}
.col-sm-pull-5 {
    right: 41.66666667%
}
.col-sm-pull-4 {
    right: 33.33333333%
}
.col-sm-pull-3 {
    right: 25%
}
.col-sm-pull-2 {
    right: 16.66666667%
}
.col-sm-pull-1 {
    right: 8.33333333%
}
.col-sm-pull-0 {
    right: auto
}
.col-sm-push-12 {
    left: 100%
}
.col-sm-push-11 {
    left: 91.66666667%
}
.col-sm-push-10 {
    left: 83.33333333%
}
.col-sm-push-9 {
    left: 75%
}
.col-sm-push-8 {
    left: 66.66666667%
}
.col-sm-push-7 {
    left: 58.33333333%
}
.col-sm-push-6 {
    left: 50%
}
.col-sm-push-5 {
    left: 41.66666667%
}
.col-sm-push-4 {
    left: 33.33333333%
}
.col-sm-push-3 {
    left: 25%
}
.col-sm-push-2 {
    left: 16.66666667%
}
.col-sm-push-1 {
    left: 8.33333333%
}
.col-sm-push-0 {
    left: auto
}
.col-sm-offset-12 {
    margin-left: 100%
}
.col-sm-offset-11 {
    margin-left: 91.66666667%
}
.col-sm-offset-10 {
    margin-left: 83.33333333%
}
.col-sm-offset-9 {
    margin-left: 75%
}
.col-sm-offset-8 {
    margin-left: 66.66666667%
}
.col-sm-offset-7 {
    margin-left: 58.33333333%
}
.col-sm-offset-6 {
    margin-left: 50%
}
.col-sm-offset-5 {
    margin-left: 41.66666667%
}
.col-sm-offset-4 {
    margin-left: 33.33333333%
}
.col-sm-offset-3 {
    margin-left: 25%
}
.col-sm-offset-2 {
    margin-left: 16.66666667%
}
.col-sm-offset-1 {
    margin-left: 8.33333333%
}
.col-sm-offset-0 {
    margin-left: 0
}
}

@media (min-width:992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    float: left
}
.col-md-12 {
    width: 100%
}
.col-md-11 {
    width: 91.66666667%
}
.col-md-10 {
    width: 83.33333333%
}
.col-md-9 {
    width: 75%
}
.col-md-8 {
    width: 66.66666667%
}
.col-md-7 {
    width: 58.33333333%
}
.col-md-6 {
    width: 50%
}
.col-md-5 {
    width: 41.66666667%
}
.col-md-4 {
    width: 33.33333333%
}
.col-md-3 {
    width: 25%
}
.col-md-2 {
    width: 16.66666667%
}
.col-md-1 {
    width: 8.33333333%
}
.col-md-pull-12 {
    right: 100%
}
.col-md-pull-11 {
    right: 91.66666667%
}
.col-md-pull-10 {
    right: 83.33333333%
}
.col-md-pull-9 {
    right: 75%
}
.col-md-pull-8 {
    right: 66.66666667%
}
.col-md-pull-7 {
    right: 58.33333333%
}
.col-md-pull-6 {
    right: 50%
}
.col-md-pull-5 {
    right: 41.66666667%
}
.col-md-pull-4 {
    right: 33.33333333%
}
.col-md-pull-3 {
    right: 25%
}
.col-md-pull-2 {
    right: 16.66666667%
}
.col-md-pull-1 {
    right: 8.33333333%
}
.col-md-pull-0 {
    right: auto
}
.col-md-push-12 {
    left: 100%
}
.col-md-push-11 {
    left: 91.66666667%
}
.col-md-push-10 {
    left: 83.33333333%
}
.col-md-push-9 {
    left: 75%
}
.col-md-push-8 {
    left: 66.66666667%
}
.col-md-push-7 {
    left: 58.33333333%
}
.col-md-push-6 {
    left: 50%
}
.col-md-push-5 {
    left: 41.66666667%
}
.col-md-push-4 {
    left: 33.33333333%
}
.col-md-push-3 {
    left: 25%
}
.col-md-push-2 {
    left: 16.66666667%
}
.col-md-push-1 {
    left: 8.33333333%
}
.col-md-push-0 {
    left: auto
}
.col-md-offset-12 {
    margin-left: 100%
}
.col-md-offset-11 {
    margin-left: 91.66666667%
}
.col-md-offset-10 {
    margin-left: 83.33333333%
}
.col-md-offset-9 {
    margin-left: 75%
}
.col-md-offset-8 {
    margin-left: 66.66666667%
}
.col-md-offset-7 {
    margin-left: 58.33333333%
}
.col-md-offset-6 {
    margin-left: 50%
}
.col-md-offset-5 {
    margin-left: 41.66666667%
}
.col-md-offset-4 {
    margin-left: 33.33333333%
}
.col-md-offset-3 {
    margin-left: 25%
}
.col-md-offset-2 {
    margin-left: 16.66666667%
}
.col-md-offset-1 {
    margin-left: 8.33333333%
}
.col-md-offset-0 {
    margin-left: 0
}
}

@media (min-width:1300px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
    float: left
}
.col-lg-12 {
    width: 100%
}
.col-lg-11 {
    width: 91.66666667%
}
.col-lg-10 {
    width: 83.33333333%
}
.col-lg-9 {
    width: 75%
}
.col-lg-8 {
    width: 66.66666667%
}
.col-lg-7 {
    width: 58.33333333%
}
.col-lg-6 {
    width: 50%
}
.col-lg-5 {
    width: 41.66666667%
}
.col-lg-4 {
    width: 33.33333333%
}
.col-lg-3 {
    width: 25%
}
.col-lg-2 {
    width: 16.66666667%
}
.col-lg-1 {
    width: 8.33333333%
}
.col-lg-pull-12 {
    right: 100%
}
.col-lg-pull-11 {
    right: 91.66666667%
}
.col-lg-pull-10 {
    right: 83.33333333%
}
.col-lg-pull-9 {
    right: 75%
}
.col-lg-pull-8 {
    right: 66.66666667%
}
.col-lg-pull-7 {
    right: 58.33333333%
}
.col-lg-pull-6 {
    right: 50%
}
.col-lg-pull-5 {
    right: 41.66666667%
}
.col-lg-pull-4 {
    right: 33.33333333%
}
.col-lg-pull-3 {
    right: 25%
}
.col-lg-pull-2 {
    right: 16.66666667%
}
.col-lg-pull-1 {
    right: 8.33333333%
}
.col-lg-pull-0 {
    right: auto
}
.col-lg-push-12 {
    left: 100%
}
.col-lg-push-11 {
    left: 91.66666667%
}
.col-lg-push-10 {
    left: 83.33333333%
}
.col-lg-push-9 {
    left: 75%
}
.col-lg-push-8 {
    left: 66.66666667%
}
.col-lg-push-7 {
    left: 58.33333333%
}
.col-lg-push-6 {
    left: 50%
}
.col-lg-push-5 {
    left: 41.66666667%
}
.col-lg-push-4 {
    left: 33.33333333%
}
.col-lg-push-3 {
    left: 25%
}
.col-lg-push-2 {
    left: 16.66666667%
}
.col-lg-push-1 {
    left: 8.33333333%
}
.col-lg-push-0 {
    left: auto
}
.col-lg-offset-12 {
    margin-left: 100%
}
.col-lg-offset-11 {
    margin-left: 91.66666667%
}
.col-lg-offset-10 {
    margin-left: 83.33333333%
}
.col-lg-offset-9 {
    margin-left: 75%
}
.col-lg-offset-8 {
    margin-left: 66.66666667%
}
.col-lg-offset-7 {
    margin-left: 58.33333333%
}
.col-lg-offset-6 {
    margin-left: 50%
}
.col-lg-offset-5 {
    margin-left: 41.66666667%
}
.col-lg-offset-4 {
    margin-left: 33.33333333%
}
.col-lg-offset-3 {
    margin-left: 25%
}
.col-lg-offset-2 {
    margin-left: 16.66666667%
}
.col-lg-offset-1 {
    margin-left: 8.33333333%
}
.col-lg-offset-0 {
    margin-left: 0
}
}

.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}

.fade.in {
opacity: 1
}

.collapse {
display: none;
visibility: hidden
}

.collapse.in {
display: block;
visibility: visible
}

tr.collapse.in {
display: table-row
}

tbody.collapse.in {
display: table-row-group
}

.collapsing {
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}

.embed-responsive {
display: block;
padding: 0
}

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

.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%
}

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

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

:focus {
outline: 0
}

html {
font-size: 62.5%;
height: 100%
}

body {
color: #4d4e53;
font-size: 16px;
/*font-family: Arial, sans-serif;*/
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

button,
input,
select,
textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

a {
    color: #e31e24;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear
}

a:focus,
a:hover {
    color: #0d3c87;
    text-decoration: none
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}
.img-fluid {
    display: block;
    width: 100%;
    height: auto
}

.custom-select-wrapper,
.img-thumbnail,
.list-inline>li,
sup {
    display: inline-block
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 24px;
    margin-bottom: 23px;
    border: 0;
    height: 1px;
    background-color: #d8d7d5
}

.component-metadata:after,
.component-metadata:before {
    top: 0;
    content: "";
    height: 100%
}

hr.margin-top-remove {
    margin-top: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.imageText .image-text-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: 600;
    color: inherit;

    text-rendering: optimizeLegibility
}

.h1,
.h2,
.h3,
.h4,
.imageText .image-text-title,
h1,
h2,
h3,
h4 {

}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 600;
    line-height: 1;
    color: #bfbebb
}

.h2,
.h6,
h2,
h6 {
    color: #4d4e53
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

.h2,
.h3,
.h4,
.h5,
h2,
h3,
h4,
h5 {
    margin-top: 24px
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
.imageText .image-text-title,
h1 {
    font-size: 50px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #4d4e53
}

h1.section {
    padding-left: 16px
}

@media (max-width:767px) {
    .h1,
    .imageText .image-text-title,
    h1 {
        font-size: 36px;
        line-height: 32px
    }
}

.h2,
h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 24px;
    letter-spacing: -.5px
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    margin-bottom: 0
}

@media (max-width:767px) {
    .h2,
    h2 {
        font-size: 24px;
        line-height: 20px;
        margin-top: 24px;
        margin-bottom: 0
    }
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    line-height: 24px
}

.h3,
h3 {
    font-size: 24px;
    font-weight: 400
}

.h4,
.h5,
h4,
h5 {
    font-weight: 500
}

@media (max-width:767px) {
    .h3,
    h3 {
        font-size: 24px
    }
}

.h4,
h4 {
    font-size: 22px
}

@media (max-width:767px) {
    .h4,
    h4 {
        font-size: 19px
    }
}

.h5,
h5 {
    font-size: 16px
}

.h6,
h6,
p {
    font-weight: 400
}

@media (max-width:767px) {
    .h5,
    h5 {
        font-size: 18px
    }
}

.h6,
h6 {
    font-size: 16px;
    margin-top: 0
}

@media (max-width:767px) {
    .h6,
    h6 {
        font-size: 16px
    }
}

p {
    position: relative;
    margin: 0 0 24px;
}

p.intro-text {
    font-weight: 700
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 24px
    }
}

sup {
    line-height: inherit;
    position: initial
}

.small,
small {
    font-size: 85%
}

.newsArticle.striped table td,
.tableComponent.striped table td,
.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.blockquote blockquote,
.carousel .slick-dots,
.carousel .slick-dots li button:before,
.component-description,
.component-fsdid,
.component-title,
.downloadList,
.exteriorInterior .exteriorInteriorContent,
.exteriorInterior h3,
.filters,
.filters .filter-padding,
.text-center,
footer .copyright-section,
footer .footer-share,
footer .footer__links-list .list-inline {
    text-align: center
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #d8d7d5
}

dl,
ol,
ul {
    margin-top: 0
}

[class*=col-].border-right {
    -webkit-box-shadow: 1px 0 0 #f1f0ef;
    box-shadow: 1px 0 0 #f1f0ef
}

[class*=col-].border-left {
    -webkit-box-shadow: -1px 0 0 #f1f0ef;
    box-shadow: -1px 0 0 #f1f0ef
}

[class^=icon-] {
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center
}

ol,
ul {
    margin-bottom: 24px
}

ol ol,
ol ul,
ol>li,
ul ol,
ul ul,
ul>li {
    margin-bottom: 0
}

ol>li,
ul>li {
    position: relative
}

ul.rte>li {
    padding-left: 60px;
    list-style-position: outside
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline>li {
    padding-left: 5px;
    padding-right: 5px
}

.list-inline>li:first-child {
    padding-left: 0
}

dl {
    margin-bottom: 24px
}

dd,
dt {
    line-height: 1.5
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.custom-select-wrapper {
    position: relative;
    width: 100%
}

.custom-select-wrapper:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: fontawesome;
    font-size: 24px;
    line-height: 24px;
    margin-top: -12px;
    content: "\f107";
    color: #e31e24;
    pointer-events: none
}

.custom-select {
    display: block;
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: none;
    border-radius: 0;
    background-color: #ebebea;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select::ms-expand {
    display: none
}

.component-metadata:after,
.component-metadata:before {
    position: absolute;
    background-color: #f1ebdc;
    display: block
}

.custom-select:disabled {
    opacity: .3
}

.ovelay-mask {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    opacity: .1;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 3;
    position: fixed;
    -webkit-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ovelay-mask.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.news-article .downloadList {
    padding-top: 24px;
    background: #ebebea
}

.component-metadata {
    position: relative;
    background-color: #f1ebdc;
    padding: 24px 0;
    margin: 48px 0
}

.component-metadata:before {
    left: -100%;
    right: 100%
}

.component-metadata:after {
    left: 100%;
    right: -100%
}

.component-fsdid {
    margin-bottom: 0
}

.component-title {
    font-size: 32px;
    margin-bottom: 16px
}

.blockquote blockquote::after,
.blockquote blockquote::before {
    position: absolute;
    display: block;
    font-size: 16px;
    font-family: fontawesome
}

.component-description {
    margin-bottom: 0;
    font-size: 14px
}

.brand-gateway {
    margin: 0 -15px
}

.brand-gateway .heroImage .hero-image-center .wrapper {
    width: 100%;
    margin: 0
}

.list-templates>li {
    padding-bottom: 16px
}

.list-templates>li>a {
    display: block
}

@media (min-width:768px) {
    .brand-gateway {
        margin: 0
    }
}

.accordion .panel {
    margin-left: -15px;
    margin-right: -15px
}

.accordion .accordion-header {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1em;
    height: 60px;
    margin-top: 1px;
    padding: 20px 16px;
    color: #4d4e53;
    border-top: 3px solid #e31e24;
    background-color: #badce6
}

.accordion .accordion-header span {
    float: right;
    margin-right: 15px;
    font-weight: 400
}

.accordion .accordion-header::after {
    display: inline-block;
    position: absolute;
    right: 10px;
    font-family: fontawesome;
    font-size: 14px;
    content: "\f106"
}

.accordion .accordion-header.collapsed {
    border-top: 3px solid #d8d7d5;
    background-color: #d8d7d5
}

.accordion .accordion-header.collapsed::after {
    content: "\f107"
}

.accordion .accordion-header.collapsed.active,
.accordion .accordion-header.collapsed:hover {
    background-color: #badce6
}

.accordion .collapse {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    overflow-y: hidden;
    height: 0;
    visibility: hidden
}

.accordion .collapse.in {
    overflow-y: auto;
    overflow-x: visible;
    height: auto;
    visibility: visible
}

.carousel .slick-loading .slick-slide,
.carousel .slick-loading .slick-track,
header .side-nav-container {
    visibility: hidden
}

.accordion .collapsing {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.blockquote {
    margin-top: 32px;
    margin-bottom: 32px
}

.blockquote .wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.blockquote blockquote {
    padding: 0 15px;
    margin: 0;
    border: none;
    left: 8.33333333%;
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px
}

.blockquote blockquote::before {
    top: 20%;
    left: -15px;
    content: "\f10d"
}

.blockquote blockquote::after {
    top: 20%;
    right: -15px;
    content: "\f10e"
}

.blockquote .h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.blockquote .blockquote-content {
    font-size: 13px;
    line-height: 18px
}

.blockquote .blockquote-author {
    font-size: 12.8px;
    font-weight: 700;
    margin-bottom: 0
}

.blockquote .blockquote-descritpion {
    font-size: 12.8px
}

.breadcrumb {
    line-height: 3.5;
    width: 100%
}

.breadcrumb .breadcrumb-container {
    padding: 0 15px;
    margin: 0 auto
}

@media (min-width:768px) {
    .breadcrumb .breadcrumb-container {
        width: 756px
    }
}

@media (min-width:992px) {
    .breadcrumb .breadcrumb-container {
        width: 960px
    }
}

@media (min-width:1300px) {
    .breadcrumb .breadcrumb-container {
        width: 1200px
    }
}

.breadcrumb .breadcrumb-list-links {
    list-style: none;
    padding: 0 0 0 0px;
    margin: 0
}

.breadcrumb .breadcrumb-list-links:after,
.breadcrumb .breadcrumb-list-links:before {
    content: " ";
    display: table
}

.breadcrumb .breadcrumb-list-links li {
    float: left;
    font-size: 14px;
}
.item-selected-bold {
	font-weight: bold;
}

.breadcrumb .breadcrumb-link {
    padding-right: 16px;
    color: #919296;
    font-size: 14px
}

.breadcrumb .breadcrumb-link:after {
    padding-left: 16px;
    color: #919296
}

.breadcrumb .breadcrumb-link:focus,
.breadcrumb .breadcrumb-link:hover {
    color: #4d4e53
}

.carousel .slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.carousel .slick-list:focus {
    outline: 0
}

.carousel .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.carousel .slick-slider .slick-list,
.carousel .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 auto
}

.carousel .slick-track:after,
.carousel .slick-track:before {
    display: table;
    content: ''
}

.carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.carousel [dir=rtl] .slick-slide {
    float: right
}

.carousel .slick-slide img {
    display: block
}

.carousel .slick-slide.slick-loading img {
    display: none
}

.carousel .slick-slide.dragging img {
    pointer-events: none
}

.carousel .slick-initialized .slick-slide {
    display: block
}

.carousel .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.carousel .slick-next,
.carousel .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 100px;
    margin-top: -50px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: rgba(216, 215, 213, .9)
}

.carousel .slick-next:focus,
.carousel .slick-next:hover,
.carousel .slick-prev:focus,
.carousel .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: rgba(216, 215, 213, .9)
}

.carousel .slick-next:focus:before,
.carousel .slick-next:hover:before,
.carousel .slick-prev:focus:before,
.carousel .slick-prev:hover:before {
    opacity: 1
}

.carousel .slick-next.slick-disabled:before,
.carousel .slick-prev.slick-disabled:before {
    opacity: .25
}

.carousel .slick-next:before,
.carousel .slick-prev:before {
    font-family: fontawesome;
    font-size: 20px;
    line-height: 1;
    color: #4d4e53;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.carousel .slick-prev {
    left: -15px
}

.carousel [dir=rtl] .slick-prev {
    right: -15px;
    left: auto
}

.carousel .slick-prev:before {
    content: "\f104"
}

.carousel .slick-next:before,
.carousel [dir=rtl] .slick-prev:before {
    content: "\f105"
}

.carousel .slick-next {
    right: -15px
}

.carousel [dir=rtl] .slick-next {
    right: auto;
    left: -15px
}

.carousel [dir=rtl] .slick-next:before {
    content: "\f104"
}

.carousel .slick-slider {
    margin-bottom: 30px
}

.carousel .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    background-color: transparent;
    height: 48px
}

.carousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.carousel .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.carousel .slick-dots li button:focus,
.carousel .slick-dots li button:hover {
    outline: 0
}

.carousel .slick-dots li button:focus:before,
.carousel .slick-dots li button:hover:before {
    opacity: 1
}

.carousel .slick-dots li button:before {
    font-family: fontawesome;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f10c";
    color: #919296;
    -webkit-font-smoothing: antialiased
}

.carousel .slick-dots li.slick-active button:before {
    color: #919296;
    content: "\f192"
}

.carousel .heroImage,
.carousel .imageText {
    margin-bottom: 0
}

.metrics-change {
    margin: 12px 0
}

.metrics-change>a {
    padding-left: 15px
}

.contactUs .contact-us-title {
    font-size: 20px;
    line-height: 1.1em;
    margin: 0;
    padding-bottom: 12px;
    color: #4d4e53
}

.contactUs .contact-us-description {
    font-size: 11.9px;
    margin-bottom: 8px;
    color: #919296
}

.contactUs .contact-us-subtitle {
    font-weight: 700;
    margin: 16px 0
}

.contactUs .contact-us-address {
    font-size: 14px;
    margin-bottom: 0
}

.contactUs .contact-us-links {
    margin: 0;
    padding: 16px 0;
    list-style: none
}

.contactUs .contact-us-item {
    padding: 4px 0
}

.contactUs .contact-us-item>a {
    font-size: 14px;
    color: #4d4e53
}

.contactUs .contact-us-item>a:after {
    content: ""
}

.contactUs .contact-us-item .contact-us-item-locate:after {
    font-family: fontawesome;
    margin-left: 7.5px;
    content: "\f105";
    color: #e31e24
}

.contactUs .contact-us-item .fa {
    padding-right: 8px
}

.contactUs .contact-us-item .fa.fa-envelope {
    color: #4d4e53
}

.contactUs .contact-us-item:nth-child(2n+1)>a {
    color: #e31e24
}

.contactUs .contact-us-btn {
    font-size: 14px;
    border: none;
    background: #ecebea
}

.downloadList {
    margin-top: 48px;
    margin-bottom: 48px
}

.downloadList:after,
.downloadList:before {
    content: " ";
    display: table
}

.downloadList .cta {
    color: #e31e24;
    background-color: #fff;
    border-color: #e31e24
}

.downloadList .cta.active,
.downloadList .cta.focus,
.downloadList .cta:active,
.downloadList .cta:focus,
.downloadList .cta:hover,
.open>.dropdown-toggle.downloadList .cta {
    color: #e31e24;
    background-color: #e6e6e6;
    border-color: #0c387d
}

.downloadList .cta.active,
.downloadList .cta:active,
.open>.dropdown-toggle.downloadList .cta {
    background-image: none
}

.downloadList .cta.disabled,
.downloadList .cta.disabled.active,
.downloadList .cta.disabled.focus,
.downloadList .cta.disabled:active,
.downloadList .cta.disabled:focus,
.downloadList .cta.disabled:hover,
.downloadList .cta[disabled],
.downloadList .cta[disabled].active,
.downloadList .cta[disabled].focus,
.downloadList .cta[disabled]:active,
.downloadList .cta[disabled]:focus,
.downloadList .cta[disabled]:hover,
fieldset[disabled] .downloadList .cta,
fieldset[disabled] .downloadList .cta.active,
fieldset[disabled] .downloadList .cta.focus,
fieldset[disabled] .downloadList .cta:active,
fieldset[disabled] .downloadList .cta:focus,
fieldset[disabled] .downloadList .cta:hover {
    background-color: #fff;
    border-color: #e31e24
}

.downloadList .cta .badge {
    color: #fff;
    background-color: #e31e24
}

.downloadList .cta::after {
    content: ""
}

.downloadList .cta:focus,
.downloadList .cta:hover {
    color: #0b326f
}

.downloadList .cta span {
    font-weight: 400;
    padding-left: 5px
}

.downloadList .downloadList-multi ul li {
    margin-top: 16px
}

.downloadList .downloadList-multi ul a {
    font-weight: 700
}

.downloadList .downloadList-multi ul a span {
    font-weight: 400;
    padding-left: 5px
}

.embedCode .hljs-strong,
.embedCode .hljs-strongemphasis,
.exteriorInterior .tabNavigation .nav.nav-pills>li.active a,
header .header-container .title span.section {
    font-weight: 700
}

.downloadList .subtitle {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #919296
}

.dropdownTeaser {
    text-align: center;
    background: #d8d7d5;
    padding: 40px 15px
}

.dropdownTeaser .title {
    font-size: 32px;
    margin-bottom: 16px
}

.dropdownTeaser .custom-select-wrapper {
    width: 100%;
    float: left
}

.dropdownTeaser .btn {
    width: 16.67%;
    float: left;
    height: 44px;
    padding-right: 0;
    padding-left: 0
}

.exteriorInterior {
    margin-top: 48px;
    margin-bottom: 48px
}

.exteriorInterior h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px
}

.exteriorInterior .tabNavigation .nav.nav-pills>li>a {
    height: 4em;
    line-height: 2em
}

.exteriorInterior .tabNavigation .tab-content {
    padding-top: 24px
}

.exteriorInterior .tabNavigation .tab-content:after,
.exteriorInterior .tabNavigation .tab-content:before {
    content: " ";
    display: table
}

.exteriorInterior .tabNavigation .nav-justified {
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.exteriorInterior .tabNavigation .nav-justified>li {
    display: table-cell;
    width: 1%
}

.filters {
    margin-top: 48px;
    margin-bottom: 48px
}

.filters .filter-trigger {
    display: inline-block;
    position: relative;
    z-index: 3;
    top: 0;
    line-height: 20px;
    padding: 10px 20px;
    background: #d8d7d5
}

.filters .filter-trigger>span {
    font-size: 14px;
    color: #4d4e53
}

.filters .filter-trigger.collapsed>span,
footer .footer__links-list .list-inline li a {
    color: #fff
}

.filters .filter-trigger>span:after {
    display: inline-block;
    font-family: fontawesome;
    padding-left: 5px;
    content: "\f106"
}

.filters .filter-trigger.collapsed {
    background-color: #e31e24
}

.filters .filter-trigger.collapsed>span:after {
    content: "\f107"
}

.filters .filter-content {
    overflow: hidden;
    position: relative;
    top: -41px;
    background: #ebebea
}

.filters .filter-padding {
    font-size: 0;
    margin: 0 -15px;
    padding: 55px 15px 15px
}

.filters .filter-column {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 16px
}

.filters .filter-dropdown {
    display: block;
    font-size: 16px;
    width: 100%
}

.filters .filter-sort {
    width: 70%
}

.filters .filter-dropdown-label {
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
    width: 30%
}

.filters .custom-select {
    background: #fff
}

.filters .filter-apply-btn {
    float: right;
    padding: 15px
}

footer {
    margin-top: 0px;
    /*margin-top: 48px;*/
    background-color: #fff
}

footer .accordion .accordion-header {
    border-top: none;
    background-color: #d8d7d5
}

footer .accordion .accordion-header::after {
    content: "\f106"
}

footer .accordion .accordion-header.collapsed::after {
    content: "\f107"
}

footer .list-inline {
    margin: 0
}

footer .footer-share {
    background-color: #f1f0ef;
    margin: 0 -15px
}

footer .footer-share .list-inline {
    padding: 16px 0
}

footer .footer-share .footer-share__icon {
    vertical-align: middle;
    padding: 0
}

footer .footer-share .footer-share__placeholder {
    display: block;
    padding-bottom: 16px
}

footer .footer-share .footer-share__placeholder>span {
    padding-left: 8px
}

footer .footer__links-list {
    font-size: 14px;
    background-color: #000
}

footer .footer__links-list .list-inline li {
    margin: 8px 0;
    padding: 0 12px;
    color: #fff;
    border-right: 1px solid #fff
}

footer .footer__links-list .list-inline li:last-child {
    border-right: none
}

footer .footer__links-list .list-inline li:first-child {
    margin-left: 12px
}

footer .copyright-section {
    font-size: 14px;
    height: auto;
    padding: 32px 0;
    background-color: #fff
}

footer .copyright-section .copyright {
    margin: 0;
    padding-left: 30px;
    color: #919296
}

.icon-Volvo_iron_mark_RGB {
    display: inline-block;
    width: 70px;
    vertical-align: middle
}

.footerLinks ul li a {
    font-size: 14px
}

.head-cont {
	margin-top: 25px;
    margin-bottom: 12px
}


.head-cont .col-md-4 {
	padding-left: 0;
}
.p-0 {
	padding: 0;
}

header .header-container {
    margin-top: 20px;
    margin-bottom: 20px
}

header .head-cont:after,
header .head-cont:before {
    content: " ";
    display: table
}

.call {
	color: #282828;
	display: block;
	font-size: 18px;
	/*font-family: Arial, sans-serif;*/
}


.call a {
	color: #111111;
}
.call a:hover {
	color: #111111ea;
	text-decoration: underline;
}

.head-cont .col-md-4 {
	text-align: right;
	display: block;
	
}

 
 @media (max-width: 980px) {
 
    .head-cont .col-md-4 {
        text-align: center;
        display: block;
        margin-top: 15px;
    }
     .head-cont .col-md-4 a {
         display: inline-block;
     }
 
}


header .header-container .logo {
    display: inline-block;
    width: 200px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle
}

header .header-container .title {
    display: inline-block;
    max-width: 50%;
    margin-left: 8px;
    vertical-align: middle
}

header .header-container .title span {
    display: block;
    font-size: 12px;
    line-height: 1.2em
}

header .header-container .mobile-menu-container {
    float: right;
    margin-top: 8px;
    text-align: right
}

header .header-container .mobile-menu-container a {
    font-size: 18px;
    line-height: 1em;
    color: #919296
}

.heroImage,
.mediaGallery .expander,
html.side-nav-visible body {
    overflow: hidden
}

header .dealer-bar {
    background: #ebebea;
    height: 60px;
    line-height: 60px
}

header .dealer-bar:after,
header .dealer-bar:before {
    content: " ";
    display: table
}

header .dealer-bar .dealer-contact,
header .dealer-bar .dealer-link,
header .dealer-bar .dealer-name,
header .dealer-bar .dealer-phone {
    font-size: 14px
}

header .dealer-bar .dealer-name {
    font-weight: 700;
    color: #4d4e53
}

header .dealer-bar .dealer-name .fa {
    color: #e31e24
}

header .dealer-bar .dealer-contact {
    padding-left: 15px
}

html.side-nav-visible .ovelay-mask {
    visibility: visible;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 1
}

.headerNotification>div {
    padding-top: 32px;
    padding-bottom: 32px
}

.headerNotification .h1 i,
.headerNotification h1 i {
    font-size: 22px;
    position: relative;
    top: -2px;
    margin-right: 8px
}

.headerNotification .h1 i.fa-check,
.headerNotification h1 i.fa-check {
    color: #47962d;
    display: inline-block
}

.headerNotification .h1 i.fa-warning,
.headerNotification h1 i.fa-warning {
    color: #f7d352;
    display: inline-block
}

.headerNotification p {
    margin-bottom: 16px;
    font-size: 14px
}

.headerNotification .custom-checkbox {
    font-size: 14px
}

.headerNotification .custom-checkbox+div {
    text-align: center
}

.headerNotification .close {
    position: absolute;
    top: -8px;
    right: 40px;
    font-size: 18px;
    color: #919296
}

.heroImage {
    margin-bottom: 10px;
    position: relative
}


.heroImage .h1 {
    margin-bottom: 8px;
    line-height: 54px
}

.heroImage .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px
}

.heroImage .subtitle+.h1 {
    margin-top: 0
}

.heroImage .hero-image-light .h1,
.heroImage .hero-image-light p {
    color: #fff
}

.heroImage .hero-image-dark .h1,
.heroImage .hero-image-dark p,
.heroImage .wrapper.wrapper-external-mobile .h1 {
    color: #4d4e53
}

.heroImage .wrapper {
    margin-left: -15px;
    margin-right: -15px;
    position: absolute;
    bottom: 0
}

.heroImage .wrapper.wrapper-external-mobile {
    position: static
}

.heroImage .wrapper.wrapper-external-mobile .content-container {
    padding: 15px
}

.heroImage .wrapper.wrapper-external-mobile p {
    display: block;
    color: #4d4e53;
    margin-bottom: 0
}

.heroImage .padding-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.heroImage_linkCover {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .heroImage .padding-container {
        float: left;
        width: 50%
    }
}

.heroImage .content-container {
    padding: 48px 32px 16px
}

.heroImage .image-container {
    position: relative;
    padding-top: 75%;
    overflow: hidden
}

.heroImage .image-container:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background-image: -o-linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background-image: -o-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8))
}

.heroImage img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: auto
}

.heroImage .hero-image-dark .image-container {
    background-color: #000
}

.heroImage .hero-image-dark .image-container:after {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6));
    background-image: -o-linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6));
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6));
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6))
}

.heroImage .hero-image-right img {
    left: -20%;
    right: auto
}

@media (min-width:768px) {
    .heroImage .hero-image-right .padding-container {
        margin-left: 50%
    }
}

.heroImage .hero-image-left img {
    right: -20%;
    left: auto
}

.heroImage .hero-image-center .padding-container {
    float: none;
    text-align: center;
    margin: 0 auto
}

.imageText .imageText-fullsize .image-container,
.imageText .imageText-fullsize .wrapper,
.imageText .imageText-fullsize-outsideText .image-container,
.imageText .imageText-fullsize-outsideText .wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.imageGrid {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.imageGrid .imageGrid-title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center
}

.imageGrid p.imageGrid-description {
    text-align: center;
    margin-top: -24px
}

.imageGrid .grid-container {
    position: relative;
    display: block;
    width: 100%
}

.imageGrid .grid-container .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    padding: .8em;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.1em
}

.imageGrid .grid-container .title::after {
    content: "\f105";
    font-family: fontawesome;
    padding-left: 8px
}

.imageGrid .imageGrid-4 .grid-container .title {
    font-size: 12px
}

.imageGrid .imageGrid-3-special .panel .description {
    text-align: center;
    font-size: 14px;
    margin-top: 15px
}

.imageGrid .grid-wrapper .popover {
    width: 190%;
    max-width: none
}

.imageGrid .grid-wrapper:nth-child(even) .popover {
    left: -95%!important
}

.imageGrid .grid-wrapper:nth-child(odd) .popover {
    left: 5%!important
}

.imageGrid .popover-anchor {
    position: absolute;
    top: 50%;
    left: 50%
}

@media (max-width:767px) {
    .imageGrid .grid-wrapper {
        width: 50%;
        float: left;
        padding: 0
    }
}

.imageText {
    margin-top: 10px;
    margin-bottom: 10px;
}

.imageText:after,
.imageText:before {
    content: " ";
    display: table
}

.imageText .subtitle {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    color: #919296
}

.imageText .imageText-fullsize,
.imageText .imageText-fullsize .cta-video,
.imageText .imageText-fullsize-outsideText,
.imageText .imageText-fullsize-outsideText .cta-video {
    color: #4d4e53
}

.imageText .subtitle+.h1 {
    margin-top: 0
}

.imageText .imageText-fullsize .h1,
.imageText .imageText-fullsize p,
.imageText .imageText-fullsize-outsideText .h1,
.imageText .imageText-fullsize-outsideText p {
    margin-bottom: 16px
}

.imageText .imageText-fullsize p.subtitle,
.imageText .imageText-fullsize-outsideText p.subtitle {
    margin-bottom: 8px
}

.imageText .imageText-fullsize .cta-link+.cta-link,
.imageText .imageText-fullsize .download-cta,
.imageText .imageText-fullsize-outsideText .cta-link+.cta-link,
.imageText .imageText-fullsize-outsideText .download-cta {
    display: block;
    margin-top: 16px
}

.imageText .imageText-fullsize .content-container,
.imageText .imageText-fullsize-outsideText .content-container {
    text-align: center;
    background-color: #ebebeb;
    padding: 16px 30px 24px
}

.imageText .imageText-fullsize-outsideText.imageText-dark .image-container,
.imageText .imageText-fullsize.imageText-dark .image-container {
    background-color: #000
}

.imageText .imageText-fullsize-outsideText.imageText-dark .image-container:after,
.imageText .imageText-fullsize.imageText-dark .image-container:after {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
    background-image: -o-linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4))
}

.imageText .imageText-fullsize-dealerFinder .h1 {
    margin-bottom: 8px;
    font-size: 32px
}

.imageText .imageText-fullsize-dealerFinder p {
    margin-bottom: 12px
}

.imageText .imageText-fullsize-dealerFinder .wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.imageText .imageText-fullsize-dealerFinder .content-container {
    text-align: center;
    background-color: #ebebeb;
    padding: 16px 30px 24px
}

.imageText .imageText-fullsize-dealerFinder .image-container {
    display: none
}

.imageText .imageText-grid {
    margin: 24px -15px;
    padding: 15px 30px;
    background-color: #ebebeb
}

.imageText .imageText-grid .h1 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-top: 24px
}

.imageText .imageText-grid p {
    margin-bottom: 8px
}

.imageText .imageText-grid .subtitle {
    font-size: 14px;
    line-height: 14px;
    margin-top: 16px;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #919296
}

.imageText .imageText-grid .subtitle+.h1 {
    margin-top: 0
}

.imageText .imageText-grid .cta {
    color: #e31e24;
    font-weight: 400;
    background-color: transparent;
    border: none;
    padding: 0
}

.imageText .imageText-grid .cta:focus,
.imageText .imageText-grid .cta:hover {
    color: #0b326f
}

.imageText .image-text-title>a {
    /*font-family: Arial, sans-serif;*/
    font-size: 20px;
    line-height: 1.1em;
    color: #4d4e53
}

.imageText .image-text-title>a::after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105";
    color: #e31e24
}

.itemCarousel .itemCarousel-itemCarousel1:after,
.itemCarousel .itemCarousel-itemCarousel1:before,
.itemCarousel:after,
.itemCarousel:before {
    display: table;
    content: " "
}

.imageText .imageText-only-text {
    text-align: center;
    background: #f4f4f4;
}

.imageText .imageText-only-text .image-text-title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center
}

.imageText .imageText-longText-list {
    padding-top: 20px
}

.imageText .imageText-longText-list h5,
.imageText .imageText-longText-list p {
    font-size: 14px
}

.imageTextGrid .imageText {
    margin-top: 0;
    margin-bottom: 0
}

.imageTextGrid .imageTextGrid-4 .imageTextGrid-title {
    margin-bottom: 16px
}

.imageTextGrid .imageTextGrid-4 .imageText-grid {
    margin: 0 0 2px;
    padding: 5px 10px;
    background-color: transparent
}

.imageTextGrid .imageTextGrid-4 .cta {
    color: #e31e24
}

.imageTextGrid {
    margin-top: 48px;
    margin-bottom: 48px
}

.imageTextGrid .h1.imageTextGrid-title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center
}

.imageTextGrid p.imageTextGrid-description {
    text-align: center;
    margin-top: -24px
}

.itemCarousel {
    margin-top: 48px;
    margin-bottom: 48px
}

.itemCarousel .itemCarousel-itemCarousel1:after {
    clear: both
}

.itemCarousel .h1,
.itemCarousel h1 {
    text-align: center;
    margin-bottom: 24px;
    margin-top: 40px;
    font-size: 32px;
    line-height: 28px
}

.itemCarousel .h1 span,
.itemCarousel h1 span {
    font-size: 24px
}

.itemCarousel h5 {
    font-weight: 700
}

.itemCarousel p {
    margin-bottom: 8px
}

.itemCarousel .image-container img {
    margin: 0 auto;
    min-height: 290px
}

.itemCarousel .image-container a {
    display: block;
    position: relative
}

.itemCarousel .cta {
    color: #e31e24;
    font-weight: 400;
    background-color: transparent;
    border: none;
    padding: 0
}

.itemCarousel .price-details {
    background-color: #222;
    opacity: .8;
    color: #fff;
    font-size: 14px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px
}

.mediaGallery .grid-wrapper,
.mediaGallery .title-wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.linkList {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.linkList:after,
.linkList:before {
    content: " ";
    display: table
}

.linkList .linkList-multi ul li {
    margin-top: 16px
}

.linkList .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #919296
}

.mediaGallery {
    margin-top: 48px;
    margin-bottom: 48px;
    position: relative
}

.mediaGallery .title-wrapper .media-gallery-subtitle {
    /*font-family: Arial, sans-serif;*/
    font-size: 16px;
    text-transform: uppercase;
    color: #919296;
    text-align: center
}

.mediaGallery .title-wrapper .media-gallery-subtitle+.h1 {
    margin-top: 0
}

.mediaGallery .title-wrapper .h1,
.mediaGallery .title-wrapper h1 {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.mediaGallery .title-wrapper p {
    margin-top: -24px;
    text-align: center;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .mediaGallery .title-wrapper .h1,
    .mediaGallery .title-wrapper h1 {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .mediaGallery .title-wrapper p {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
}

.mediaGallery .grid-wrapper .grid-filters {
    text-align: center;
    margin: 0 0 16px
}

.mediaGallery .grid-wrapper .grid-filters .fa {
    cursor: pointer
}

.mediaGallery .grid-wrapper .grid-filters .fa.active {
    color: #e31e24
}

.mediaGallery .grid-wrapper .grid-filters .fa-film {
    font-size: 17px
}

.mediaGallery .grid-wrapper .grid-filters .fa-film::before {
    content: "\f008"
}

.mediaGallery .grid-wrapper .grid-filters .fa-file-photo-o {
    margin: 0 40px;
    font-size: 20px
}

.mediaGallery .grid-wrapper .grid-filters .fa-file-photo-o::before {
    content: "\f1c5"
}

.mediaGallery .grid {
    position: relative;
    padding: 0;
    list-style: none
}

.mediaGallery .grid li {
    display: inline-block;
    position: static;
    width: 50%;
    margin: 7.5px -.25em 7.5px 0;
    padding-right: 7.5px;
    padding-left: 7.5px;
    vertical-align: top
}

.mediaGallery .grid li.video-grid i {
    position: absolute;
    top: 52%;
    left: 41%;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.mediaGallery .grid li>a,
.mediaGallery .grid li>a img {
    display: block;
    position: relative;
    border: none;
    outline: 0
}

.mediaGallery .grid li>a::before {
    -webkit-transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    background-color: #fff;
    content: ""
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0
}

.mediaGallery .grid li.expanded>a::before,
.mediaGallery .grid li>a:hover::before {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .5)
}

.mediaGallery .grid li.expanded>a::after {
    position: absolute;
    top: auto;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -12px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 12px;
    border-top-color: #fff
}

.mediaGallery .expander {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: 10px;
    padding: 0 7.5px;
    font-size: 14px
}

.mediaGallery .expander .details h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 8px
}

.mediaGallery .expander .details a {
    display: block;
    margin-top: 8px
}

.mediaGallery .expander .details a::after {
    content: "\f019";
    font-family: fontawesome;
    padding-left: 8px
}

.mediaGallery .expander .details a.download {
    font-weight: 700
}

.mediaGallery .expander .details a.download span,
.mediaGallery .expander .details a.download::after {
    font-weight: 400
}

.mediaGallery .expander .details p {
    margin-bottom: 8px
}

.mediaGallery .expander .fullimg {
    position: relative;
    display: block
}

.mediaGallery .expander .fullimg::after {
    content: "\f065";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    background-color: rgba(216, 215, 213, .9);
    color: #fff;
    font-family: fontawesome;
    pointer-events: none
}

.mediaGallery .expander .fullimg.fullvid::after {
    content: " ";
    display: none
}

.mediaGallery .expander .fullimg img {
    cursor: pointer
}

.mediaGallery .expander .fullimg a {
    text-align: left;
    display: block;
    margin-top: 8px;
    font-weight: 700
}

.mediaGallery .expander .fullimg a::before {
    content: "\f019";
    font-family: fontawesome;
    padding-right: 8px
}

.mediaGallery .expander .fullimg a span {
    font-weight: 400
}

.mediaGallery .expander-inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.mediaGallery .close {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
    font: normal normal normal 14px/1 fontawesome;
    font-size: inherit;
    cursor: pointer;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #4d4e53;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.mediaGallery .close::before {
    content: "\f00d"
}

.mediaGallery .fullimg,
.mediaGallery .fullvid {
    text-align: center
}

.mediaGallery .fa-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    margin: -25px 0 0 -25px;
    color: #bfbebb
}

@-webkit-keyframes input-shadow {
    0% {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    100% {
        -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 15px rgba(0, 0, 0, .5)
    }
}

@-o-keyframes input-shadow {
    0% {
        box-shadow: none
    }
    100% {
        -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 15px rgba(0, 0, 0, .5)
    }
}

@keyframes input-shadow {
    0% {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    100% {
        -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 15px rgba(0, 0, 0, .5)
    }
}
/** 
.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.modal-content {
    position: relative;
    background-color: transparent;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    margin-top: 100px
}

.modal-content button.btn-close {
    position: absolute;
    right: 8px;
    margin-top: -40px;
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 18px;
    color: #919296
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .88;
    filter: alpha(opacity=88)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.5px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    padding: 0
}

.modal-footer {
    padding: 0;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal {
    padding-right: 0!important
}

.modal .modal-dialog {
    background: #d8d7d5;
    width: 100%
}

.modal .modal-dialog.modal-metrics .modal-title {
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.modal .modal-dialog.modal-metrics .modal-header {
    border: none;
    padding: 0
}

.modal .modal-dialog.modal-metrics .modal-body {
    padding: 20px 0
}

.modal .modal-dialog.modal-metrics .modal-content {
    border: none;
    padding: 30px 15px;
    font-size: 14px
}

.modal .modal-dialog.modal-metrics .modal-content .btn-close {
    top: 30px;
    right: 15px;
    margin: 0;
    padding: 0;
    z-index: 10
}

.modal .modal-dialog.modal-metrics .modal-footer {
    border: none
}

.modal .modal-dialog.modal-metrics .modal-footer .btn-primary {
    background-color: #e31e24;
    border: none
}

.modal .modal-dialog.modal-metrics .modal-footer .btn-primary .fa {
    padding-left: 8px
}

.modal .modal-dialog.modal-metrics input[type=radio]+.radio-label {
    padding-left: 10px
}

.modal .modal-dialog.modal-metrics .cookies-info-msg {
    padding-top: 16px;
    margin-bottom: 0;
    text-align: left
}
**/
.modelComparison,
.modelIntroduction,
.modelListing,
.pagination .page-count,
.popover,
.product,
.tooltip-inner {
    text-align: center
}

.modelComparison {
    margin-top: 48px;
    margin-bottom: 48px
}

.modelComparison .title {
    display: inline-block;
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4d4e53
}

.modelComparison .subtitle {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #919296
}

.modelIntroduction {
    margin-top: 48px;
    margin-bottom: 48px
}

.modelIntroduction .title {
    display: inline-block;
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4d4e53
}

.modelIntroduction .subtitle {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #919296
}

.modelIntroduction .model-spec {
    margin-top: 16px
}

.modelIntroduction .model-spec-name {
    /*font-family: Arial, sans-serif;*/
    font-size: 16px;
    line-height: 1.5;
    margin-top: 8px;
    text-transform: uppercase
}

.modelIntroduction .model-spec-value {
    margin-top: 4px;
    font-size: 32px
}

.modelIntroduction .model-spec-description {
    margin-top: 16px
}

.modelIntroduction .model-spec-icon {
    font-size: 24px
}

.modelListing {
    margin-top: 48px;
    margin-bottom: 48px
}

.modelListing .title {
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 10px;
    color: #4d4e53
}

.modelListing .title:before {
    display: none;
    content: ""
}

.modelListing .subtitle {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #919296
}

.newsArticle {
    margin-top: 48px;
    margin-bottom: 48px
}

.newsArticle img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

.newsArticle h2 {
    margin-top: 48px;
    margin-bottom: 24px;
    font-size: 32px
}

.newsArticle hr {
    background-color: transparent;
    margin-top: 12px;
    margin-bottom: 12px
}

.newsArticle .downloadList {
    padding-top: 24px;
    background: #ebebea
}

.newsFeatures {
    margin-top: 48px;
    margin-bottom: 48px
}

.newsFeatures .subtitle,
.newsFeatures .title {
    /*font-family: Arial, sans-serif;*/
    text-align: center;
    text-transform: uppercase
}

.newsFeatures .subtitle {
    font-size: 14px;
    color: #919296;
    line-height: 1.5;
    margin: 0
}

.newsFeatures .title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

.newsFeatures .subtitle+.title {
    margin-top: 8px
}

.newsFeaturesItem .image-container {
    float: left;
    width: 50%;
    margin-bottom: 16px;
    padding-right: 15px
}

.newsFeaturesItem .news-item-metadata {
    float: left;
    font-size: 12px;
    width: 50%;
    margin-top: -5px
}

.newsFeaturesItem .news-item-category,
.newsFeaturesItem .news-item-date {
    display: block
}

.newsFeaturesItem .news-item-category .category-color {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px
}

.newsFeaturesItem .news-item-date {
    color: #919296
}

.newsFeaturesItem .news-item-content {
    width: 100%
}

.newsFeaturesItem .news-item-title {
    /*font-family: 'Oswald', sans-serif;*/
    font-size: 25px;
    line-height: 1em;
    margin-top: 24px;
    margin-bottom: 16px;
    letter-spacing: -.5px;
    font-weight: 600;
}

.newsFeaturesItem .news-item-title>a {
    color: #4d4e53
}

.newsFeaturesItem .news-item-title>a:after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105";
    color: #e31e24
}

.newsIntro .news-article-date,
.newsList .news-item-date {
    color: #919296
}

.newsFeaturesItem .news-item-excerpt {
    font-size: 14px
}

.newsIntro {
    margin-top: 48px;
    margin-bottom: 48px
}

.newsIntro .title {
    font-size: 32px;
    line-height: 1.2em;
    margin: 0;
    font-weight: 600;
}

.newsIntro .news-article-headline {
    margin-bottom: 24px
}

.newsIntro .news-article-author,
.newsIntro .news-article-category,
.newsIntro .news-article-date,
.newsIntro .news-article-summary {
    display: block;
    font-size: 14px
}

.newsIntro .news-article-author {
    font-style: italic
}

.newsIntro .category-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px
}

.newsIntro .news-article-summary {
    font-weight: 700
}

.newsIntro .image-caption {
    text-align: center;
    font-size: 14px;
    margin: 5px 20px
}

.newsList {
    padding: 30px 0;
    border-top: 1px solid #ebebea
}

.newsList:after,
.newsList:before {
    content: " ";
    display: table
}

.newsList .image-container {
    float: left;
    width: 50%;
    margin-bottom: 16px;
    padding-right: 15px
}

.newsList .news-item-metadata {
    float: left;
    font-size: 12px;
    width: 50%
}

.newsList .news-item-category,
.newsList .news-item-date {
    display: block
}

.newsList .news-item-category .category-color {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px
}

.newsList .news-item-content {
    width: 100%
}

.newsList .news-item-title {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 23px;
    line-height: 1em;
    margin-top: 24px;
    margin-bottom: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.newsList .news-item-title>a {
    color: #4d4e53
}

.newsList .news-item-title>a:after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105";
    color: #e31e24
}

.popover,
.tooltip {
    /*font-family: Arial, sans-serif*/
}

.newsList .news-item-excerpt {
    font-size: 14px;
    margin: 0
}

.newsList .news-item-download {
    display: none
}

.pagination {
    position: relative;
    font-size: 14px;
    padding-top: 24px
}

.pagination.bottom {
    border-top: 1px solid #f1f0ef;
    border-bottom: 1px solid #f1f0ef
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.pagination .next,
.pagination .prev {
    color: #4d4e53
}

.pagination .next.disabled,
.pagination .prev.disabled {
    color: #d8d7d5
}

.pagination .prev {
    position: absolute;
    left: 0
}

.pagination .next {
    position: absolute;
    right: 0
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.popover,
.popover-title {
    border-radius: 0;
    font-size: 16px
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-radius: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    display: block;
    margin: 0;
    padding: 0 14px 8px;
    background-color: transparent;
    border-bottom: none
}

.popover-title:after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105";
    color: #e31e24
}

.popover-content {
    padding: 20px 14px 9px;
    color: #4d4e53
}

.popover-btn-close {
    float: right;
    color: #4d4e53;
    border: none;
    background: 0 0
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.bottom>.arrow:after,
.popover.left>.arrow:after,
.popover.right>.arrow:after,
.popover.top>.arrow:after {
    content: " "
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.product .product-title {
    font-weight: 700;
    color: #e31e24
}

.product .product-title:hover {
    color: #0d3c87
}

.product .product-title::after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105"
}

.product p {
    display: none
}

.product .image-container img {
    margin-right: auto;
    margin-left: auto
}

.product .product--image-small {
    display: table;
    text-align: left;
    padding: 4px 0
}

.product .product--image-small .image-container,
.product .product--image-small .wrapper {
    display: table-cell;
    vertical-align: middle
}

.product .product--image-small .image-container {
    width: 60px
}

.product .product--image-small .wrapper {
    padding-left: 15px
}

.product.product-no-image p {
    display: block;
    padding: 0 15px
}

.productCarousel {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.productCarousel .title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
    color: #4d4e53
}

.productCarousel .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #919296
}

.productCarousel .description {
    display: none
}

@media (max-width:480px) {
    .slick-dots li {
        margin: 0;
    }
    .productCarousel .carousel {
        width: 100%
    }
    .productCarousel .carousel .slick-dots li {
        margin: 0
    }
    .productCarousel .carousel .slick-dots li button:before {
        font-size: 12px
    }
}

.productGrid {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.productGrid .h1,
.productGrid h1 {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 0
}

.productGrid .productGrid-title {
    font-weight: 700;
    color: #e31e24
}

.productGrid .productGrid-title:hover {
    color: #0d3c87
}

.productGrid .productGrid-title::after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105"
}

.productGrid .product-grid-subtitle {
    /*font-family: Arial, sans-serif;*/
    font-size: 16px;
    text-transform: uppercase;
    color: #919296
}

.productGrid .cta {
    margin-top: 32px
}

.productGrid .cta::after {
    content: "\f105";
    font-family: fontawesome;
    padding-left: 8px
}

.productGrid .slick-dots {
    margin-bottom: 8px
}

.sitemap .sitemap-menu .open .first-level::after,
.sitemap .sitemap-menu .open .open .open .third-level::after,
.sitemap .sitemap-menu .open .open .second-level::after {
    content: "\f106"
}

.quick-navigation {
    position: fixed;
    right: 0;
    bottom: 48px;
    left: 0;
    height: 90%;
    background: #d8d7d5;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.quick-navigation .components-list span,
.quick-navigation .elements-list span,
.quick-navigation .pages-list span {
    color: #919296;
    font-size: 12px;
    display: block;
    margin-bottom: -5px
}

.quick-navigation .components-list a,
.quick-navigation .elements-list a,
.quick-navigation .pages-list a {
    color: #4d4e53;
    display: block;
    margin-bottom: 8px
}

.quick-navigation .components-list a::after,
.quick-navigation .elements-list a::after,
.quick-navigation .pages-list a::after {
    content: "\f105";
    font-family: fontawesome;
    padding-left: 8px;
    color: #e31e24
}

.quick-navigation .tabNavigation {
    margin-top: 16px
}

.quick-navigation .tabNavigation .nav {
    text-align: center
}

.quick-navigation .tabNavigation .nav.nav-pills>li {
    display: inline-block;
    float: none;
    width: auto
}

.quick-navigation .tabNavigation .nav.nav-pills>li>a {
    background-color: transparent;
    margin: 0 15px;
    color: #e31e24;
    padding-bottom: 0;
    height: 2.4em;
    text-transform: uppercase;
    border-top: 0
}

.quick-navigation .tabNavigation .nav.nav-pills>li>a:hover .quick-navigation .tabNavigation .nav.nav-pills>li>a:active {
    border-top: none;
    border-top: 0;
    border-bottom: 2px solid #e31e24;
    color: #919296;
    background-color: transparent
}

.quick-navigation .tabNavigation .nav.nav-pills>li>a:after {
    content: "";
    display: inline-block;
    background-color: #919296;
    width: 1px;
    position: absolute;
    right: -20px;
    top: 10px;
    height: 1em
}

.quick-navigation .tabNavigation .nav.nav-pills>li:last-child a:after {
    display: none
}

.quick-navigation .tabNavigation .nav.nav-pills>li.active a,
.quick-navigation .tabNavigation .nav.nav-pills>li.active a:hover {
    background-color: #fff;
    border-top: none;
    border-bottom: 2px solid #e31e24;
    color: #919296
}

.quick-navigation .nav-expander {
    position: relative;
    height: 48px;
    padding-top: 8px;
    cursor: pointer;
    text-align: center;
    color: #e31e24;
    background: #d8d7d5;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}

.quick-navigation .quick-navigation-options {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style: none
}

.quick-navigation .quick-navigation-options>li {
    float: left;
    padding: 0 10px
}

.quick-navigation .quick-navigation-label {
    float: left;
    padding: 0 10px;
    text-transform: uppercase
}

.quick-navigation .quick-navigation-home-icon {
    text-transform: uppercase;
    border-right: 1px solid #919296;
    padding-right: 25px;
    text-align: center;
    line-height: 1.1em;
    font-size: 10px;
    color: #4d4e53;
    display: inline-block
}

.quick-navigation .quick-navigation-component-name {
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 400;
    font-size: 24px;
    color: #4d4e53
}

.quick-navigation .quick-navigation-page-information {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style: none
}

.quick-navigation .quick-navigation-page-information>li {
    float: left;
    padding: 0 10px
}

.quick-navigation .ver {
    float: right
}

.quick-navigation .ver pre {
    margin: 0
}

.quick-navigation .vp-width-setter {
    border: none;
    background-color: transparent;
    line-height: 10px
}

.quick-navigation .vp-width-setter span {
    font-size: 10px
}

.quick-navigation .vp-width-setter:focus {
    outline: 0
}

.quick-navigation .vp-width-setter.active {
    color: #919296
}

.quick-navigation .quick-navigation-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 48px;
    background: #fff
}

.quick-navigation .quick-navigation-content .list-column {
    width: 100%;
    margin: 30px 0 0 20px;
    list-style: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.quick-navigation.expanded,
.quick-navigation.expanded .nav-expander {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.quick-navigation .quick-navigation-content .list-column.elements-list {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.quick-navigation .quick-navigation-content .list-column li {
    padding: 0
}

.quick-navigation .close-menu,
.quick-navigation .open-menu {
    display: inline-block;
    font-size: 12px
}

.quick-navigation .close-menu,
.quick-navigation.expanded .open-menu {
    display: none
}

.quick-navigation.expanded {
    bottom: 0!important;
    background: #d8d7d5;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.quick-navigation.expanded .quick-navigation-label {
    float: left;
    padding: 0 10px
}

.quick-navigation.expanded .close-menu {
    display: inline-block
}

.searchResults {
    margin-top: 48px;
    margin-bottom: 48px
}

.searchResults .searchResults-title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center
}

.searchResults p.searchResults-description {
    text-align: center;
    margin-top: -24px
}

.searchResults .search-item {
    padding-top: 30px;
    border-top: 1px solid #f1f0ef
}

.searchResults .search-item a {
    font-weight: 700;
    display: block
}

.searchResults .search-item p {
    margin-bottom: 0;
    font-size: 14px
}

.searchResults .form-inline:after,
.searchResults .form-inline:before {
    content: " ";
    display: table
}

.searchResults .search-form {
    position: relative
}

.searchResults .search-form .search-box-container {
    margin-right: 90px;
    left: 0
}

.sitemap .sitemap-menu .fourth-level+p,
.sitemap .sitemap-menu .third-level+p {
    margin-top: -6px;
    left: 2px
}

.searchResults .search-form input {
    width: 100%;
    padding: 15px;
    color: #4d4e53;
    border: none;
    border-radius: 0;
    background-color: #f1f0ef;
    -webkit-box-shadow: none;
    box-shadow: none
}

.searchResults .search-btn,
.searchResults .search-form .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 8px;
    padding: 15px 30px;
    color: #fff;
    border: none;
    border-radius: 0;
    background-color: #e31e24;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tabNavigation .nav-justified>.dropdown .dropdown-menu,
.tabNavigation .nav-tabs.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto
}

.searchResults .search-btn:hover {
    background-color: #0d3c87
}

.searchResults .twitter-typeahead {
    width: 100%
}

.twitter-typeahead {
    text-align: left
}

.twitter-typeahead .tt-menu {
    border-radius: 0 0 5px 5px;
    background: #fbfcfc;
    border: 1px solid #ddd;
    width: 100%
}

.twitter-typeahead .tt-menu .tt-dataset {
    width: 100%
}

.twitter-typeahead .tt-menu .tt-dataset h5 {
    text-transform: uppercase;
    background-color: #e5e5e5;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 16px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    height: 38px;
    overflow: hidden
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft {
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #4d4e53;
    padding: 8px 15px;
    text-align: right
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft a {
    color: #4d4e53
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft a::after {
    padding-left: 8px;
    font-size: 14px
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft-default {
    text-transform: uppercase;
    font-size: 14px;
    color: #4d4e53;
    padding: 8px 15px;
    text-align: right
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft-default a {
    color: #4d4e53
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft-default a::after {
    padding-left: 8px;
    font-size: 14px
}

.twitter-typeahead .tt-menu .tt-dataset .tt-active,
.twitter-typeahead .tt-menu .tt-dataset .tt-cursor,
.twitter-typeahead .tt-menu .tt-dataset .tt-hover,
.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
    background: #badce6;
    color: #4d4e53
}

.twitter-typeahead .tt-menu .tt-dataset .empty-message {
    padding: 8px 15px
}

.twitter-typeahead .tt-menu .tt-ft {
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #4d4e53;
    padding: 8px 15px;
    text-align: right
}

.twitter-typeahead .tt-menu .tt-ft a {
    color: #4d4e53
}

.twitter-typeahead .tt-menu .tt-ft a::after {
    padding-left: 8px;
    font-size: 14px
}

.simpleFooter {
    width: 100%;
    background-color: #d8d7d5
}

.simpleFooter .footer-text {
    padding: 32px 15px;
    text-align: center
}

.simpleFooter .footer-text p {
    margin: 0;
    font-size: 12px
}

@media (min-width:768px) {
    .simpleFooter {
        margin: 0 auto
    }
}

.simpleHeader {
    text-align: center;
    font-size: 14px;
    margin-top: 48px;
    margin-bottom: 48px
}

.simpleHeader.underlined {
    padding-bottom: 40px;
    border-bottom: 1px solid #f1f0ef
}

.simpleHeader img {
    display: inline-block;
    height: 20px
}

.simpleItemDisplay {
    margin-bottom: 40px;
    text-align: center
}

.simpleItemDisplay:after,
.simpleItemDisplay:before {
    content: " ";
    display: table
}

.simpleItemDisplay .title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.sitemap .h5::after,
.sitemap .sitemap-menu a::after,
.sitemap h5::after,
.sitemap li a::after {
    font-family: fontawesome
}

.simpleItemDisplay .description {
    width: 83.33333333%;
    margin-right: auto;
    margin-left: auto
}

.simpleItemDisplay .item {
    display: inline-block;
    float: left;
    width: 140px;
    padding: 0 15px;
    margin: 15px auto;
    vertical-align: top
}

.simpleItemDisplay .item.item-block {
    float: none;
    display: block
}

.simpleItemDisplay .item-row {
    margin-left: -15px;
    margin-right: -15px;
    display: inline-block
}

.simpleItemDisplay .item-row.item-row-even .item:nth-child(2n+1),
.simpleItemDisplay .item-row.item-row-odd .item:nth-child(2n) {
    clear: left
}

.sitemap {
    margin-top: 48px;
    margin-bottom: 48px
}

.sitemap .h5,
.sitemap h5 {
    margin-top: 10px;
    padding-bottom: 8px
}

.sitemap .h5::after,
.sitemap h5::after {
    padding-left: 8px;
    content: "\f105";
    font-size: 14px
}

.sitemap a {
    color: #4d4e53;
    font-size: 14px
}

.sitemap:after,
.sitemap:before {
    content: " ";
    display: table
}

.sitemap:after {
    clear: both
}

.sitemap ul {
    margin: 0 0 0 10px;
    border-left: 1px solid #ddd;
    padding-left: 12px
}

.sitemap li {
    line-height: 24px
}

.sitemap li a {
    color: #4d4e53;
    padding-bottom: 10px;
    display: inline-block
}

.sitemap li a::after {
    padding-left: 8px;
    content: "\f105";
    font-size: 14px
}

.sitemap li ul {
    margin: 0 10px
}

.sitemap .sitemap-menu a {
    color: #4d4e53;
    display: block;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #919296
}

.sitemap .sitemap-menu a::after {
    display: inline-block;
    content: "\f105";
    font-size: 14px
}

.tabItemCarousel .title,
.tabbedImageGrid .tabbed-image-grid-headline,
.tabbedImageGrid .tabbed-image-grid-subtitle,
.tabbedModule2 .title-wrapper .h1,
.tabbedModule2 .title-wrapper h1,
.tableComponent .title {
    text-transform: uppercase;
    /*font-family: Arial, sans-serif*/
}

.sitemap .sitemap-menu p {
    font-size: 10px;
    color: #919296;
    margin: 0;
    position: relative
}

.sitemap .sitemap-menu .first-level {
    text-transform: uppercase;
    font-size: 12px
}

.sitemap .sitemap-menu .first-level::after {
    content: "\f107";
    color: #e31e24;
    position: absolute;
    right: 15px
}

.sitemap .sitemap-menu .second-level {
    text-transform: none;
    font-size: 14px;
    background-color: #fdfdfd;
    border-bottom: 1px solid #dfe0e1
}

.sitemap .sitemap-menu .second-level::after {
    content: "\f107";
    color: #e31e24;
    margin-left: 7.5px
}

.sitemap .sitemap-menu .second-level+p {
    background-color: #fff;
    margin-top: -16px;
    left: 2px;
    padding: 0 15px 10px
}

.sitemap .sitemap-menu .third-level-item {
    background-color: #fff
}

.sitemap .sitemap-menu .third-level {
    text-transform: none;
    font-size: 12px;
    background-color: #fff;
    border-bottom: none;
    padding: 7.5px 15px
}

.sitemap .sitemap-menu .third-level::after {
    content: "\f107";
    color: #e31e24;
    margin-left: 7.5px
}

.sitemap .sitemap-menu .fourth-level-item {
    padding: 7.5px 15px;
    background-color: #fff
}

.sitemap .sitemap-menu .fourth-level-item:first-child {
    padding-top: 0
}

.sitemap .sitemap-menu .fourth-level-item:last-child {
    padding-bottom: 15px
}

.sitemap .sitemap-menu .fourth-level {
    text-transform: none;
    font-size: 12px;
    background-color: #fff;
    border-bottom: none;
    padding: 0;
    margin-left: 8px
}

.sitemap .sitemap-menu .fourth-level::after {
    content: "\f105";
    color: #e31e24;
    margin-left: 7.5px
}

.sitemap .sitemap-menu .open .first-level {
    background-color: #fdfdfd;
    border-bottom: 1px solid #dfe0e1
}

.sitemap .sitemap-menu .open .open .open .third-level,
.sitemap .sitemap-menu .open .open .second-level {
    background-color: #fff;
    border-bottom: none
}

.sitemap .sitemap-menu .no-children::after {
    content: "\f105"
}

.subNavigationCarousel .cta-link {
    display: inline-block;
    text-align: center;
    width: 100%
}

.tabbedImageGrid {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.tabbedImageGrid .tabbed-image-grid-headline {
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 24px;
    color: #4d4e53
}

.tabbedImageGrid .tabbed-image-grid-subtitle {
    font-size: 16px;
    color: #919296
}

.tabbedImageGrid .accordion-header {
    text-align: left
}

.tabbedImageGrid .cta {
    margin: 16px 0
}

.tabbedModule1 .title-wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.tabbedModule1 .title-wrapper .h1,
.tabbedModule1 .title-wrapper h1 {
    /*font-family: Arial, sans-serif;*/
    font-size: 17.6px;
    line-height: 32px;
    margin-bottom: 16px;
    text-transform: uppercase;
    text-align: center
}

.tabbedModule1 .panel .imageTextGrid {
    margin-top: 0;
    margin-bottom: 0
}

.tabbedModule1 .panel .imageTextGrid .imageText-grid {
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.tabbedModule1 .panel .imageTextGrid .image-container {
    margin-left: -30px;
    margin-right: -30px
}

.tabbedModule1 .cta-link {
    display: inline-block;
    padding-right: 24px;
    line-height: 3em
}

.tabbedModule1 .download-cta {
    display: block;
    line-height: 3em
}

.tabbedModule1 .imageTextGrid {
    margin-top: 0;
    margin-bottom: 0
}

.tabbedModule2 .title-wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.tabbedModule2 .title-wrapper .h1,
.tabbedModule2 .title-wrapper h1 {
    font-size: 17.6px;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center
}

.tabbedModule2 .panel .imageTextGrid {
    margin-top: 0;
    margin-bottom: 0
}

.tabbedModule2 .panel .imageTextGrid .imageText-grid {
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.tabbedModule2 .panel .imageTextGrid .image-container {
    margin-left: -30px;
    margin-right: -30px
}

.tabbedModule2 .carousel img {
    margin-left: auto;
    margin-right: auto
}

.tabbedModule2 .carousel .description {
    margin-left: -15px;
    margin-right: -15px;
    color: #4d4e53;
    padding: 15px 60px
}

.tabbedModule2 .carousel .description p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center
}

.tabItemCarousel .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: center
}

.tableComponent {
    margin-top: 48px;
    margin-bottom: 48px;
    text-align: center
}

.tableComponent table {
    background-color: transparent
}

.tableComponent caption {
    padding-top: 16px 16px;
    padding-bottom: 16px 16px;
    color: #bfbebb;
    text-align: left
}

.tableComponent th {
    text-align: left
}

.tableComponent .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px
}

.tableComponent .table>tbody>tr>td,
.tableComponent .table>tbody>tr>th,
.tableComponent .table>tfoot>tr>td,
.tableComponent .table>tfoot>tr>th,
.tableComponent .table>thead>tr>td,
.tableComponent .table>thead>tr>th {
    padding: 16px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.tableComponent .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.tableComponent .table>caption+thead>tr:first-child>td,
.tableComponent .table>caption+thead>tr:first-child>th,
.tableComponent .table>colgroup+thead>tr:first-child>td,
.tableComponent .table>colgroup+thead>tr:first-child>th,
.tableComponent .table>thead:first-child>tr:first-child>td,
.tableComponent .table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.tableComponent .table>tbody+tbody {
    border-top: 2px solid #ddd
}

.tableComponent .table .table {
    background-color: #fff
}

.newsArticle.striped .tableComponent table>tbody>tr:nth-of-type(odd),
.tableComponent .newsArticle.striped table>tbody>tr:nth-of-type(odd),
.tableComponent .table-hover>tbody>tr:hover,
.tableComponent .table-striped>tbody>tr:nth-of-type(odd),
.tableComponent .table>tbody>tr.active>td,
.tableComponent .table>tbody>tr.active>th,
.tableComponent .table>tbody>tr>td.active,
.tableComponent .table>tbody>tr>th.active,
.tableComponent .table>tfoot>tr.active>td,
.tableComponent .table>tfoot>tr.active>th,
.tableComponent .table>tfoot>tr>td.active,
.tableComponent .table>tfoot>tr>th.active,
.tableComponent .table>thead>tr.active>td,
.tableComponent .table>thead>tr.active>th,
.tableComponent .table>thead>tr>td.active,
.tableComponent .table>thead>tr>th.active,
.tableComponent.striped table>tbody>tr:nth-of-type(odd) {
    background-color: #f1f0ef
}

.tableComponent .table .text-center img {
    margin-left: auto;
    margin-right: auto
}

.tableComponent .table-condensed>tbody>tr>td,
.tableComponent .table-condensed>tbody>tr>th,
.tableComponent .table-condensed>tfoot>tr>td,
.tableComponent .table-condensed>tfoot>tr>th,
.tableComponent .table-condensed>thead>tr>td,
.tableComponent .table-condensed>thead>tr>th {
    padding: 5px
}

.tableComponent .table-bordered,
.tableComponent .table-bordered>tbody>tr>td,
.tableComponent .table-bordered>tbody>tr>th,
.tableComponent .table-bordered>tfoot>tr>td,
.tableComponent .table-bordered>tfoot>tr>th,
.tableComponent .table-bordered>thead>tr>td,
.tableComponent .table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.tableComponent .table-bordered>thead>tr>td,
.tableComponent .table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.tableComponent table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

.tableComponent table td[class*=col-],
.tableComponent table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.tabNavigation .nav>li,
.tabNavigation .nav>li>a {
    position: relative;
    display: block
}

.tableComponent .table-hover>tbody>tr.active:hover>td,
.tableComponent .table-hover>tbody>tr.active:hover>th,
.tableComponent .table-hover>tbody>tr:hover>.active,
.tableComponent .table-hover>tbody>tr>td.active:hover,
.tableComponent .table-hover>tbody>tr>th.active:hover {
    background-color: #e4e4e2
}

.tableComponent .table>tbody>tr.header>td,
.tableComponent .table>tbody>tr.header>th,
.tableComponent .table>tbody>tr>td.header,
.tableComponent .table>tbody>tr>th.header,
.tableComponent .table>tfoot>tr.header>td,
.tableComponent .table>tfoot>tr.header>th,
.tableComponent .table>tfoot>tr>td.header,
.tableComponent .table>tfoot>tr>th.header,
.tableComponent .table>thead>tr.header>td,
.tableComponent .table>thead>tr.header>th,
.tableComponent .table>thead>tr>td.header,
.tableComponent .table>thead>tr>th.header {
    background-color: #badce6
}

.tableComponent .table-hover>tbody>tr.header:hover>td,
.tableComponent .table-hover>tbody>tr.header:hover>th,
.tableComponent .table-hover>tbody>tr:hover>.header,
.tableComponent .table-hover>tbody>tr>td.header:hover,
.tableComponent .table-hover>tbody>tr>th.header:hover {
    background-color: #a7d3df
}

.tableComponent .table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .tableComponent .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .tableComponent .table-responsive>.table {
        margin-bottom: 0
    }
    .tableComponent .table-responsive>.table>tbody>tr>td,
    .tableComponent .table-responsive>.table>tbody>tr>th,
    .tableComponent .table-responsive>.table>tfoot>tr>td,
    .tableComponent .table-responsive>.table>tfoot>tr>th,
    .tableComponent .table-responsive>.table>thead>tr>td,
    .tableComponent .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .tableComponent .table-responsive>.table-bordered {
        border: 0
    }
    .tableComponent .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .tableComponent .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .tableComponent .table-responsive>.table-bordered>thead>tr>td:first-child,
    .tableComponent .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .tableComponent .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .tableComponent .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .tableComponent .table-responsive>.table-bordered>thead>tr>td:last-child,
    .tableComponent .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .tableComponent .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .tableComponent .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .tableComponent .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.tableComponent .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: center
}

.tableComponent .table-title {
    text-align: left;
    font-size: 32px;
    margin-bottom: 15px
}

.tableComponent .changeMetrics {
    float: right
}

.tabNavigation {
    margin-top: 48px;
    margin-bottom: 48px
}

.tabNavigation .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.tabNavigation .nav>li>a {
    padding: 10px 15px
}

.tabNavigation .nav>li>a:focus,
.tabNavigation .nav>li>a:hover {
    text-decoration: none;
    background-color: #d8d7d5
}

.tabNavigation .nav>li.disabled>a {
    color: #bfbebb
}

.tabNavigation .nav>li.disabled>a:focus,
.tabNavigation .nav>li.disabled>a:hover {
    color: #bfbebb;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.tabNavigation .nav .open>a,
.tabNavigation .nav .open>a:focus,
.tabNavigation .nav .open>a:hover {
    background-color: #d8d7d5;
    border-color: #e31e24
}

.tabNavigation .nav .nav-divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.tabNavigation .nav>li>a>img {
    max-width: none
}

.tabNavigation .nav-tabs {
    border-bottom: 1px solid #ddd
}

.tabNavigation .nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.tabNavigation .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0
}

.tabNavigation .nav-tabs-justified>.active>a,
.tabNavigation .nav-tabs-justified>.active>a:focus,
.tabNavigation .nav-tabs-justified>.active>a:hover,
.tabNavigation .nav-tabs.nav-justified>.active>a,
.tabNavigation .nav-tabs.nav-justified>.active>a:focus,
.tabNavigation .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

.tabNavigation .nav-tabs>li>a:hover {
    border-color: #d8d7d5 #d8d7d5 #ddd
}

.tabNavigation .nav-tabs>li.active>a,
.tabNavigation .nav-tabs>li.active>a:focus,
.tabNavigation .nav-tabs>li.active>a:hover {
    color: #919296;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.tabNavigation .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.tabNavigation .nav-tabs.nav-justified>li {
    float: none
}

.tabNavigation .nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
    margin-right: 0;
    border-radius: 3px
}

@media (min-width:768px) {
    .tabNavigation .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .tabNavigation .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0
    }
    .tabNavigation .nav-tabs.nav-justified>.active>a,
    .tabNavigation .nav-tabs.nav-justified>.active>a:focus,
    .tabNavigation .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tabNavigation .nav-pills>li {
    float: left
}

.tabNavigation .nav-justified>li,
.tabNavigation .nav-stacked>li {
    float: none
}

.tabNavigation .nav-pills>li>a {
    height: 3.1em;
    line-height: 1.1em;
    font-size: 14px;
    border-radius: 0;
    border-top: 3px solid transparent;
    margin-right: 1px;
    background: #f1f0ef;
    color: #4d4e53
}

.tabNavigation .nav-pills>li+li {
    margin-left: 2px
}

.tabNavigation .nav-pills>li.active:hover>a,
.tabNavigation .nav-pills>li.active>a,
.tabNavigation .nav-pills>li:focus>a,
.tabNavigation .nav-pills>li:hover>a {
    color: #4d4e53;
    background-color: #badce6;
    border-top: 3px solid #e31e24
}

.tabNavigation .nav-pills>li:hover>a {
    border-top: 3px solid transparent
}

.tabNavigation .nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.tabNavigation .nav-justified {
    width: 100%
}

.tabNavigation .nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.tabNavigation .nav-tabs-justified {
    border-bottom: 0
}

.tabNavigation .nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 3px
}

@media (min-width:768px) {
    .tabNavigation .nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .tabNavigation .nav-justified>li>a {
        margin-bottom: 0
    }
    .tabNavigation .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0
    }
    .tabNavigation .nav-tabs-justified>.active>a,
    .tabNavigation .nav-tabs-justified>.active>a:focus,
    .tabNavigation .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tabNavigation .tab-content>.tab-pane {
    overflow-y: hidden;
    height: 0;
    visibility: hidden
}

.tabNavigation .tab-content>.active {
    overflow-y: auto;
    overflow: visible;
    height: auto;
    visibility: visible
}

.tabNavigation .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.video .poster-image {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    padding-top: 30px;
    text-align: center
}

.video .poster-image iframe {
    width: 100%
}

@media (min-width:768px) {
    .accordion .panel {
        margin-left: auto;
        margin-right: auto
    }
    .blockquote .blockquote-content,
    .blockquote .h1 {
        font-size: 24px;
        line-height: 32px
    }
    .blockquote blockquote {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .blockquote blockquote::before {
        top: 20%;
        left: -60px;
        font-size: 32px
    }
    .blockquote blockquote::after {
        top: 20%;
        right: -60px;
        font-size: 32px
    }
    .blockquote .h1 {
        margin-bottom: 32px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .blockquote blockquote {
        left: 16.66666667%;
        float: left;
        width: 66.66666667%
    }
}

@media (min-width:768px) {
    .carousel .slick-next,
    .carousel .slick-prev {
        width: 50px
    }
    .carousel .slick-prev {
        left: -80px
    }
    .carousel [dir=rtl] .slick-prev {
        right: -80px;
        left: auto
    }
    .carousel .slick-next {
        right: -80px
    }
    .carousel [dir=rtl] .slick-next {
        right: auto;
        left: -80px
    }
    .dropdownTeaser .custom-select-wrapper {
        width: 83.33%;
        padding-right: 8px
    }
    .filters .filter-trigger>span {
        font-weight: 700
    }
    .filters .filter-column {
        width: 33.33333333%
    }
    footer .footer-share .footer-share__placeholder {
        display: inline-block
    }
    footer .copyright-section {
        font-size: 14px
    }
    footer .copyright-section p.copyright {
        color: #fff;
        float: left;
        margin-bottom: 0
    }
    footer .copyright-section ul.list-inline {
        float: right;
        margin-bottom: 0;
        padding: 0
    }
    footer .copyright-section ul.list-inline li {
        color: #fff;
        border-right: 1px solid #fff;
        margin: 0
    }
    footer .copyright-section ul.list-inline li:last-child {
        border-right: none
    }
    .headerNavigationList p.title>a::after,
    .headerNavigationList ul li a::after {
        font-family: fontawesome;
        padding-left: 8px;
        content: "\f105"
    }
    .headerNavigationList p {
        font-size: 11.9px;
        margin-bottom: 8px;
        color: #919296
    }
    .headerNavigationList p.title {
        font-size: 20px;
        line-height: 1.1em;
        color: #4d4e53
    }
    .headerNavigationList p.title>a {
        color: #4d4e53
    }
    .headerNavigationList p.title>a::after {
        color: #e31e24
    }
    .headerNavigationList p.subtitle {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 24px;
        color: #4d4e53
    }
    .headerNavigationList .product-title {
        display: inline-block;
        line-height: 1.2
    }
    .headerNavigationList ul {
        margin-top: 16px
    }
    .headerNavigationList ul li {
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px
    }
    .headerNavigationList ul li:first-child {
        padding-top: 0
    }
    .headerNavigationList ul li a {
        font-size: 14px;
        cursor: pointer;
        color: #4d4e53
    }
    .headerNavigationList ul li a::after {
        color: #e31e24
    }
    .headerNotification {
        margin-left: 0
    }
    .headerNotification .h1,
    .headerNotification h1 {
        font-size: 32px;
        margin-bottom: 0
    }
    .headerNotification .h1 i,
    .headerNotification h1 i {
        margin-left: -32px
    }
    .headerNotification .close {
        top: 0;
        right: 0
    }
    .heroImage>div {
        padding-top: 0
    }
    .heroImage .h1 {
        margin-bottom: 24px
    }

    .heroImage .wrapper {
        top: 0;
        bottom: auto;
        width: 100%
    }
    .heroImage .wrapper.wrapper-external-mobile {
        position: absolute
    }
    .heroImage .image-container {
        position: static;
        padding-top: 0
    }
    .heroImage img {
        width: 100%;
        position: static;
        height: auto
    }
    .heroImage .image-container:after {
        top: 0;
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(-30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        background-image: -o-linear-gradient(-30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        background-image: -webkit-linear-gradient(120deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        background-image: -o-linear-gradient(120deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        background-image: linear-gradient(-30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
    }
    .heroImage .hero-image-dark .image-container:after {
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -o-linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -webkit-linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -o-linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4))
    }
    .heroImage .hero-image-dark.hero-image-right .image-container:after {
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -o-linear-gradient(30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -webkit-linear-gradient(60deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: -o-linear-gradient(60deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        background-image: linear-gradient(30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4))
    }
    .heroImage .hero-image-light .wrapper.wrapper-external-mobile .h1,
    .heroImage .hero-image-light .wrapper.wrapper-external-mobile p {
        color: #fff
    }
    .heroImage .hero-image-right .image-container:after {
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
        background-image: -o-linear-gradient(30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
        background-image: -webkit-linear-gradient(60deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
        background-image: -o-linear-gradient(60deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
        background-image: linear-gradient(30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2))
    }
    .imageGrid .grid-wrapper {
        margin-bottom: 30px
    }
    .imageGrid .grid-wrapper .popover {
        width: 110%;
        margin: -.8em -5% 0
    }
    .imageGrid .grid-wrapper:nth-child(even) .popover,
    .imageGrid .grid-wrapper:nth-child(odd) .popover {
        left: 0!important
    }
    .imageText .imageText-fullsize-outsideText .wrapper:after,
    .imageTextGrid:after {
        clear: both
    }
    .imageText .subtitle {
        font-size: 20px;
        line-height: 20px;
        color: #919296
    }
    .imageText .imageText-fullsize {
        position: relative
    }
    .imageText .imageText-fullsize .h1 {
        font-size: 48px
    }
    .imageText .imageText-fullsize .wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .imageText .imageText-fullsize .padding-container {
        padding-left: 120px;
        padding-right: 120px
    }
    .imageText .imageText-fullsize .content-container {
        text-align: center;
        background-color: transparent;
        padding-top: 16px;
        padding-bottom: 16px
    }
    .imageText .imageText-fullsize .image-container {
        margin-left: 0;
        margin-right: 0
    }
    .imageTextGrid .imageTextGrid-1-left .imageText-grid,
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid,
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid,
    .imageTextGrid .imageTextGrid-1-right .imageText-grid,
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid,
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid {
        margin-left: -15px;
        margin-right: -15px
    }
    .imageText .imageText-fullsize .image-container:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff
    }
    .imageText .imageText-fullsize.imageText-light .h1,
    .imageText .imageText-fullsize.imageText-light p {
        color: #fff
    }
    .imageText .imageText-fullsize.imageText-light .image-container:before {
        background-color: #000
    }
    .imageText .imageText-fullsize.imageText-light .image-container img {
        opacity: .85
    }
    .imageText .imageText-fullsize.imageText-dark .h1,
    .imageText .imageText-fullsize.imageText-dark p {
        color: #4d4e53
    }
    .imageText .imageText-fullsize.imageText-dark .image-container:before {
        background-color: #fff
    }
    .imageText .imageText-fullsize.imageText-dark .image-container img {
        opacity: .85
    }
    .imageText .imageText-fullsize-outsideText .wrapper {
        position: static;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .imageText .imageText-fullsize-outsideText .wrapper:after,
    .imageText .imageText-fullsize-outsideText .wrapper:before {
        content: " ";
        display: table
    }
    .imageText .imageText-fullsize-outsideText .content-container {
        text-align: center;
        background-color: transparent;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px
    }
    .imageText .imageText-fullsize-outsideText .content-container .padding-container {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 24px
    }
    .imageText .imageText-fullsize-outsideText .image-container {
        margin-left: 0;
        margin-right: 0
    }
    .imageText .imageText-fullsize-outsideText .image-container .video {
        float: none
    }
    .imageText .imageText-fullsize-outsideText .video {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageText .imageText-fullsize-outsideText .cta-link+.cta-link {
        margin-left: 30px;
        display: inline;
        margin-bottom: 0
    }
    .imageText .imageText-fullsize-dealerFinder {
        position: relative
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-light,
    .imageText .imageText-fullsize-dealerFinder.imageText-light .h1,
    .imageText .imageText-fullsize-dealerFinder.imageText-light .subtitle {
        color: #fff
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-dark,
    .imageText .imageText-fullsize-dealerFinder.imageText-dark .h1 {
        color: #4d4e53
    }
    .imageText .imageText-fullsize-dealerFinder .h1 {
        font-size: 48px
    }
    .imageText .imageText-fullsize-dealerFinder .wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .imageText .imageText-fullsize-dealerFinder .padding-container {
        padding-left: 120px;
        padding-right: 120px
    }
    .imageText .imageText-fullsize-dealerFinder .content-container {
        text-align: center;
        background-color: transparent;
        padding-top: 16px;
        padding-bottom: 16px
    }
    .imageText .imageText-fullsize-dealerFinder .image-container {
        margin-left: 0;
        margin-right: 0;
        display: block
    }
    .imageText .imageText-fullsize-dealerFinder .image-container:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff
    }
    .imageText .imageText-fullsize-dealerFinder .image-container img {
        opacity: .85
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-light .image-container:before {
        background-color: #4d4e53
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-light .image-container img {
        opacity: .5
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-dark .image-container:before {
        background-color: #fff
    }
    .imageText .imageText-fullsize-dealerFinder.imageText-dark .image-container img {
        opacity: .85
    }
    .imageText .imageText-grid {
        background-color: transparent;
        margin: 0;
        padding: 0
    }
    .imageText .imageText-grid .h1 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 8px;
        margin-top: 24px
    }
    .imageText .imageText-longText-list {
        padding-top: 0
    }
    .imageTextGrid:after,
    .imageTextGrid:before {
        content: " ";
        display: table
    }
    .imageTextGrid .subtitle {
        font-size: 16px;
        line-height: 16px;
        margin-top: 32px
    }
    .imageTextGrid .imageTextGrid-1-left .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid .h1,
    .imageTextGrid [class*=imageTextGrid-1] .subtitle,
    .imageTextGrid [class*=imageTextGrid-video] .subtitle {
        margin-top: 0
    }
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .h1 {
        font-size: 60px;
        line-height: 1em
    }
    .imageTextGrid .imageTextGrid-1-left .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-right .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-4 .imageText-grid {
        margin: 0;
        padding: 0;
        background-color: transparent
    }
    .imageTextGrid .imageTextGrid-4 .imageText-grid .image-container {
        display: block
    }
    .imageTextGrid .imageTextGrid-4 .cta {
        margin-top: 8px
    }
    .imageTextGrid .imageTextGrid-video-left .h1,
    .imageTextGrid .imageTextGrid-video-right .h1 {
        margin-top: -6px
    }
}

@media (min-width:768px) {
    .itemCarousel,
    .itemCarousel .wrapper .carousel {
        margin-left: -15px;
        margin-right: -15px
    }
    .itemCarousel .carousel-item,
    .itemCarousel .wrapper {
        min-height: 1px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
    .itemCarousel .h1,
    .itemCarousel h1 {
        font-size: 48px;
        line-height: 28px
    }
    .itemCarousel .h1 span,
    .itemCarousel h1 span {
        font-size: 16px
    }
    .itemCarousel .image-container img {
        min-height: 100%
    }
    .itemCarousel .itemCarousel-fullsize1 .content-container,
    .itemCarousel .itemCarousel-fullsize1 .image-container {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .imageText .imageText-fullsize-outsideText .content-container .padding-container {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .imageText .imageText-fullsize-outsideText .video {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .imageTextGrid .imageTextGrid-1-left .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left-bigger-header .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-video-left .imageText-grid .wrapper {
        float: left;
        width: 50%
    }
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid .image-container {
        float: left;
        width: 41.66666667%
    }
    .imageTextGrid .imageTextGrid-1-left-5-columns .imageText-grid .wrapper {
        float: left;
        width: 58.33333333%
    }
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid .image-container {
        float: left;
        width: 33.33333333%
    }
    .imageTextGrid .imageTextGrid-1-left-4-columns .imageText-grid .wrapper {
        float: left;
        width: 66.66666667%
    }
    .imageTextGrid .imageTextGrid-1-right .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid .image-container {
        left: 50%;
        float: left;
        width: 50%
    }
    .imageTextGrid .imageTextGrid-1-right .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-1-right-bigger-header .imageText-grid .wrapper,
    .imageTextGrid .imageTextGrid-video-right .imageText-grid .wrapper {
        float: left;
        width: 50%;
        right: 50%
    }
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid .image-container {
        left: 58.33333333%;
        float: left;
        width: 41.66666667%
    }
    .imageTextGrid .imageTextGrid-1-right-5-columns .imageText-grid .wrapper {
        float: left;
        width: 58.33333333%;
        right: 41.66666667%
    }
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid .image-container {
        left: 66.66666667%;
        float: left;
        width: 33.33333333%
    }
    .imageTextGrid .imageTextGrid-1-right-4-columns .imageText-grid .wrapper {
        float: left;
        width: 66.66666667%;
        right: 33.33333333%
    }
    .itemCarousel .wrapper {
        margin-left: 8.33333333%;
        float: left;
        width: 83.33333333%
    }
    .itemCarousel .carousel-item {
        float: left;
        width: 83.33333333%
    }
    .itemCarousel .itemCarousel-fullsize1 .image-container {
        left: 50%;
        float: left;
        width: 50%
    }
    .itemCarousel .itemCarousel-fullsize1 .content-container {
        right: 50%;
        float: left;
        width: 50%
    }
}

@media (min-width:768px) {
    .mediaGallery .grid,
    .mediaGallery .title-wrapper {
        margin-left: -15px;
        margin-right: -15px
    }
    .mediaGallery .grid-container,
    .mediaGallery .title-wrapper h1,
    .mediaGallery .title-wrapper p {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .mediaGallery .grid li {
        width: 33.33333333%
    }
    .mediaGallery .grid li.video-grid i {
        position: absolute;
        top: 52%;
        left: 41%;
        font-size: 32px;
        color: #fff;
        cursor: pointer;
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%)
    }
    .mediaGallery .details,
    .mediaGallery .fullimg {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .mediaGallery .title-wrapper h1 {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .mediaGallery .title-wrapper p {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .mediaGallery .grid-container {
        float: left;
        width: 83.33333333%;
        left: 8.33333333%
    }
    .mediaGallery .fullimg {
        float: left;
        width: 58.33333333%
    }
    .mediaGallery .details {
        float: left;
        width: 41.66666667%
    }
}
/**
@media (min-width:768px) {
    .modal .modal-dialog {
        margin: 0 auto;
        width: 726px
    }
    .modal .modal-dialog .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .modal .modal-dialog.modal-metrics {
        width: 600px
    }
    .modal .modal-dialog.modal-metrics .modal-body {
        padding: 30px 0
    }
}
**/
@media (min-width:768px) {
    .modelListing .title {
        font-size: 48px
    }
    .navigationFooterCTA {
        background-color: #ebebea;
        margin-top: 40px;
        margin-bottom: -15px
    }
    .navigationFooterCTA p {
        text-align: center;
        font-size: 14px;
        color: #4d4e53;
        padding-top: 16px;
        padding-bottom: 16px;
        margin: 0 0 0 8px
    }
    .navigationFooterCTA p a {
        color: #e31e24;
        display: inline;
        padding: 0;
        margin-left: 8px
    }
    .navigationFooterCTA p a::after {
        font-family: fontawesome;
        padding-left: 8px;
        content: "\f105"
    }
    .newsArticle .news-image-half-width-right {
        padding-left: 32px;
        width: 50%;
        float: right
    }
    .newsArticle .news-image-half-width-left {
        padding-right: 32px;
        width: 50%;
        float: left
    }
    .newsArticle .news-image-full-width,
    .newsArticle iframe {
        width: 70%
    }
    .newsFeatures .title {
        font-size: 24px
    }
    .newsFeaturesItem .list-teaser .image-container,
    .newsFeaturesItem .list-teaser .news-item-content,
    .newsFeaturesItem .list-teaser .news-item-metadata {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .newsFeaturesItem .column-teaser .news-item-title,
    .newsFeaturesItem .list-teaser .news-item-title {
        margin-top: 8px
    }
    .newsFeaturesItem .column-teaser .image-container {
        float: none;
        width: 100%;
        padding: 0
    }
    .newsFeaturesItem .column-teaser .news-item-metadata {
        display: inline-block;
        float: none;
        width: 100%
    }
    .newsFeaturesItem .column-teaser .news-item-category {
        float: left
    }
    .newsFeaturesItem .column-teaser .news-item-date {
        float: right
    }
    .newsFeaturesItem .list-teaser {
        margin-left: -15px;
        margin-right: -15px
    }
    .newsFeaturesItem .list-teaser .news-item-content {
        clear: none
    }
    .newsFeaturesItem .news-item-metadata {
        font-size: 14px
    }
    .newsFeaturesItem .news-item-excerpt {
        font-size: 16px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .newsFeaturesItem .list-teaser .image-container {
        float: left;
        width: 25%
    }
    .newsFeaturesItem .list-teaser .news-item-content,
    .newsFeaturesItem .list-teaser .news-item-metadata {
        float: left;
        width: 75%
    }
}

@media (min-width:768px) {
    .newsIntro .title {
        font-size: 50px
    }
    .newsIntro .news-article-author,
    .newsIntro .news-article-category,
    .newsIntro .news-article-date,
    .newsIntro .news-article-subheadline,
    .newsIntro .news-article-summary {
        font-size: 16px
    }
    .newsIntro .news-image-full-width {
        width: 70%;
        max-width: 70%
    }
    .newsList .image-container,
    .newsList .news-item-content,
    .newsList .news-item-metadata {
        position: relative;
        min-height: 1px;
        padding-left: 15px
    }
    .newsList>div {
        margin-left: -15px;
        margin-right: -15px
    }
    .newsList .image-container {
        padding-right: 15px
    }
    .newsList .news-item-metadata {
        font-size: 14px;
        padding-right: 15px
    }
    .newsList .news-item-content {
        clear: none;
        padding-right: 15px
    }
    .newsList .news-item-title {
        margin-top: 8px
    }
    .newsList .news-item-download {
        display: block;
        font-size: 14px;
        margin: 15px -15px 0
    }
    .newsList .news-item-download>li {
        margin-bottom: 12px
    }
    .newsList .news-item-excerpt {
        font-size: 16px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .newsList .image-container {
        float: left;
        width: 25%
    }
    .newsList .news-item-content,
    .newsList .news-item-metadata {
        float: left;
        width: 75%
    }
}

@media (min-width:768px) {
    .pagination {
        clear: left
    }
    .pagination .page-count {
        text-align: right;
        margin-right: 80px
    }
    .pagination .prev {
        position: absolute;
        left: auto;
        right: 32px
    }
    .pagination .next {
        position: absolute;
        right: 0
    }
    .pagination .total-results {
        position: absolute;
        left: auto;
        top: 24px;
        display: inline-block
    }
    .popover .popover-content {
        padding-top: 9px
    }
    .productCarousel .carousel-wrapper,
    .productCarousel .slick-slide .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .productCarousel:after,
    .productCarousel:before {
        content: " ";
        display: table
    }
    .productCarousel:after {
        clear: both
    }
    .productCarousel .carousel-wrapper .carousel {
        margin-left: -15px;
        margin-right: -15px
    }
    .productCarousel .carousel-wrapper .carousel .slick-next,
    .productCarousel .carousel-wrapper .carousel .slick-prev {
        top: 0;
        margin-top: 0
    }
    .productCarousel .slick-slide {
        width: 130px;
        margin: 0 10px
    }
    .productCarousel .slick-slide .image-container img {
        width: 130px;
        height: auto
    }
    .productCarousel .description {
        display: block
    }
}

@media (min-width:768px) and (min-width:768px) {
    .productCarousel .carousel-wrapper {
        margin-left: 8.33333333%;
        float: left;
        width: 83.33333333%
    }
    .productCarousel .slick-slide .wrapper {
        float: left;
        width: 100%
    }
}

@media (min-width:768px) {
    .searchResults .search-item {
        margin-bottom: 30px
    }
    .searchResults .search-item img {
        display: block;
        max-width: 100%;
        height: auto
    }
    .searchResults .search-item a {
        margin-bottom: 8px
    }
    .searchResults .search-item p {
        margin-bottom: 0;
        font-size: 16px
    }
    .searchResults .form-inline {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 24px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .searchResults .form-inline {
        float: left;
        width: 50%;
        left: 25%
    }
}

@media (min-width:768px) {
    .simpleItemDisplay .item {
        float: none
    }
    .tabbedModule1 .tabNavigation .nav,
    .tabbedModule1 .tabNavigation .tab-content,
    .tabbedModule1 .title-wrapper .h1,
    .tabbedModule1 .title-wrapper h1 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .tabbedModule1 .title-wrapper .h1,
    .tabbedModule1 .title-wrapper h1 {
        font-size: 24px;
        margin-bottom: 32px
    }
    .tabbedModule1 .tabNavigation {
        display: inline-block;
        position: relative;
        margin: 0 -15px
    }
    .tabbedModule1 .tabNavigation .tabpanel {
        margin-left: -15px;
        margin-right: -15px
    }
    .tabbedModule1 .tabNavigation .imageTextGrid h1 {
        margin-bottom: 24px
    }
    .tabbedModule1 .tabNavigation .imageTextGrid .image-container {
        margin-top: -43px
    }
    .tabbedModule1 .tabNavigation .imageTextGrid .wrapper {
        padding-top: 30px
    }
    .tabbedModule1 .nav-pills>li>a {
        background-color: #f1f0ef;
        color: #4d4e53
    }
    .tabbedModule1 .nav-stacked>li {
        float: none
    }
    .tabbedModule1 .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
    }
}

@media (min-width:768px) and (min-width:768px) {
    .tabbedModule1 .title-wrapper .h1,
    .tabbedModule1 .title-wrapper h1 {
        float: left;
        width: 66.66666667%;
        left: 16.66666667%
    }
    .tabbedModule1 .tabNavigation .nav {
        float: left;
        width: 50%
    }
    .tabbedModule1 .tabNavigation .tab-content {
        float: left;
        width: 100%
    }
}

@media (min-width:768px) {
    .tabbedModule2 .tabNavigation .nav,
    .tabbedModule2 .tabNavigation .tab-content,
    .tabbedModule2 .title-wrapper .h1,
    .tabbedModule2 .title-wrapper h1 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .tabbedModule2 .title-wrapper .h1,
    .tabbedModule2 .title-wrapper h1 {
        font-size: 24px;
        margin-bottom: 32px
    }
    .tabbedModule2 .tabNavigation {
        margin-left: -15px;
        margin-right: -15px
    }
    .tabbedModule2 .tabNavigation:after,
    .tabbedModule2 .tabNavigation:before {
        content: " ";
        display: table
    }
    .tabbedModule2 .tabNavigation:after {
        clear: both
    }
    .tabbedModule2 .tabNavigation .tab-pane img {
        margin-left: auto;
        margin-right: auto
    }
    .tabbedModule2 .tabNavigation .image-container {
        margin-top: -80px
    }
    .tabbedModule2 .tabNavigation .imageTextGrid {
        margin-top: 32px
    }
    .tabbedModule2 .tabNavigation .imageTextGrid h1 {
        margin-bottom: 24px
    }
    .tabbedModule2 .nav-pills>li {
        display: block;
        width: 100%
    }
    .tabbedModule2 .nav-pills>li+li {
        margin-left: 0
    }
    .tabbedModule2 .nav-pills>li>a {
        height: auto;
        text-align: left;
        background-color: #f1f0ef;
        color: #4d4e53;
        border-top: 0;
        border-left: 3px solid transparent;
        margin-right: 0;
        margin-bottom: 1px;
        padding-top: 25px;
        padding-bottom: 25px
    }
    .tabbedModule2 .nav-pills>li.active:hover>a,
    .tabbedModule2 .nav-pills>li.active>a,
    .tabbedModule2 .nav-pills>li:focus>a,
    .tabbedModule2 .nav-pills>li:hover>a {
        border-top: 0;
        border-left: 3px solid #e31e24
    }
    .tabbedModule2 .nav-pills>li:hover>a {
        border-left: 3px solid transparent
    }
}

@media (min-width:768px) and (min-width:768px) {
    .tabbedModule2 .title-wrapper .h1,
    .tabbedModule2 .title-wrapper h1 {
        float: left;
        width: 66.66666667%;
        left: 16.66666667%
    }
    .tabbedModule2 .tabNavigation .nav {
        margin-left: 8.33333333%;
        float: left;
        width: 33.33333333%
    }
    .tabbedModule2 .tabNavigation .tab-content {
        float: left;
        width: 50%;
        margin-left: 8.33333333%
    }
}

@media (min-width:992px) {
    .carousel .slick-dots {
        position: absolute;
        bottom: 7px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
        background-color: rgba(0, 0, 0, .4);
        height: 48px
    }
    .carousel .slick-dots li button:before,
    .carousel .slick-dots li.slick-active button:before {
        color: rgba(255, 255, 255, .4)
    }
    .exteriorInterior .tabNavigation .nav.nav-pills {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .exteriorInterior .tabNavigation .nav.nav-pills {
        margin-left: 25%;
        float: left;
        width: 50%
    }
}


    header .header-market {
        height: auto;
        background-color: #dfdfdf;
       /** padding: 15px 5px;**/
       padding: 0;
        color: #4d4e53;
        font-size: 18px;
        /* font-family: 'Oswald', sans-serif; */
    }
    
    header .header-market a{
        color: #4d4e53;
    }
        
    header .header-market a:hover{
        color: #4d4e53;
    }
    
    .dropdownmenu a {
		padding: 0 45px 0 0;
	}
	
	
	@media (max-width:1024px) {
		header .header-market {
			font-size: 18px;
		}	
	    .dropdownmenu a {
		padding: 0 25px 0 0;
	}
	
	}	
	
	
	@media (max-width:560px) {
		header .header-market {
			font-size: 15px;
		}	
	    .dropdownmenu a {
		padding: 0 15px 0 0;
	}
	
	}
	
    
@media (min-width:992px) {
    footer .copyright-section p.copyright {
        margin-left: 32px
    }
    footer .copyright-section ul.list-inline {
        margin-right: 48px
    }
    footer .copyright-section ul.list-inline li {
        padding: 0 16px
    }
    footer .footer-share .footer-share__placeholder {
        display: inline-block;
        padding-bottom: 0
    }

    header .dealer-navigation {
        background-color: #919296
    }
    header .dealer-navigation span {
        display: inline-block;
        float: left;
        padding: 15px
    }
    header .dealer-navigation ul {
        margin-bottom: 0
    }
    header .dealer-navigation a {
        display: inline-block;
        padding: 15px;
        text-transform: uppercase;
        color: #4d4e53
    }
    header .dealer-navigation a.active {
        background-color: #fff
    }
    header .header-container {
        font-size: 0;
        margin: 24px -15px 32px
    }
    header .header-container:after,
    header .header-container:before {
        content: " ";
        display: table
    }
    header .header-container:after {
        clear: both
    }
    header .header-container .logo-container {
        display: inline-block;
        font-size: 16px;
        width: 50%;
        padding: 0 15px;
        vertical-align: middle
    }
    header .header-container .menu-container {
        display: inline-block;
        font-size: 16px;
        width: 50%;
        padding: 0 15px;
        text-align: right;
        vertical-align: middle
    }
    header .header-container .header-meta-links {
        padding: 0 15px
    }
    header .header-container .top-links {
        font-size: 12px;
        margin-bottom: 16px;
        text-align: right
    }
    header .header-container .top-links li {
        margin-left: 10px;
        padding-right: 0
    }
    header .header-container .top-links li a {
        color: #4d4e53
    }
    header .header-container .top-links li a:hover {
        color: #7e8088
    }
    header .header-container .logo {
        width: auto;
        min-width: 70px;
        max-width: 50%;
        height: initial;
        max-height: 70px;
        margin-right: 0
    }
    header .header-container .logo img {
        max-height: 70px
    }
    header .header-container .title {
        max-width: 50%;
        margin-left: 0;
        padding-left: 32px;
        color: #000
    }
    header .header-container .title span {
        display: block;
        font-size: 16px;
        line-height: 1.2em
    }
    header .header-container .title span.section {
        font-size: 24px;
        font-weight: 700
    }
    header .header-container .search-form {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    header .header-container .search-form .search-box-container {
        left: 0
    }
    header .header-container .search-form input {
        width: 100%;
        padding: 7.5px 15px;
        color: #4d4e53;
        border: none;
        border-radius: 0;
        background-color: #f1f0ef;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    header .header-container .search-form input:focus {
        border: 1px solid #e31e24;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    header .header-container .search-form .search-btn {
        position: absolute;
        top: 0;
        right: 0;
        margin-left: 8px;
        padding: 7.5px 15px;
        color: #919296;
        border: none;
        border-radius: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    header .header-container .volvo-logo {
        display: inline-block;
        width: 70px;
        margin-right: 30px;
        vertical-align: middle
    }
    .heroImage p {
        display: block;
    }
    .itemCarousel .carousel-item {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .itemCarousel .carousel-item {
        float: left;
        width: 33.33333333%
    }
}

@media (min-width:992px) {
    .mediaGallery .grid li {
        width: 20%;
        margin: 15px -.25em;
        padding-right: 15px;
        padding-left: 15px
    }
    .mediaGallery .grid li.video-grid i {
        position: absolute;
        top: 52%;
        left: 41%;
        font-size: 32px;
        color: #fff;
        cursor: pointer;
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    .mediaGallery .expander {
        font-size: 16px
    }
    .mediaGallery .expander .details h5 {
        font-size: 16px;
        margin-top: 0;
        line-height: 1em
    }
    .mediaGallery .expander .fullimg::after {
        right: 15px
    }
    .mediaGallery .grid-wrapper .grid-filters {
        float: left;
        position: absolute;
        left: 32px
    }
    .mediaGallery .grid-wrapper .grid-filters .fa {
        cursor: pointer;
        display: block
    }
    .mediaGallery .grid-wrapper .grid-filters .fa.active {
        color: #e31e24
    }
    .mediaGallery .grid-wrapper .grid-filters .fa-film {
        font-size: 17px
    }
    .mediaGallery .grid-wrapper .grid-filters .fa-film::before {
        content: "\f008"
    }
    .mediaGallery .grid-wrapper .grid-filters .fa-file-photo-o {
        margin: 16px 0;
        font-size: 20px
    }
    .mediaGallery .grid-wrapper .grid-filters .fa-file-photo-o::before {
        content: "\f1c5"
    }
    /** 
    .modal .modal-dialog {
        width: 930px
    }**/
    .product p {
        display: block
    }
    .productCarousel .carousel-wrapper .carousel .slick-next,
    .productCarousel .carousel-wrapper .carousel .slick-prev {
        top: 15px;
        margin-top: 0
    }
}

.blockquote .wrapper:after,
.blockquote .wrapper:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.heroImage .wrapper:after,
.heroImage .wrapper:before,
.mediaGallery .grid-wrapper:after,
.mediaGallery .grid-wrapper:before,
.mediaGallery .title-wrapper:after,
.mediaGallery .title-wrapper:before,
.model:after,
.model:before,
.row:after,
.row:before,
.simpleItemDisplay .item-row:after,
.simpleItemDisplay .item-row:before,
.tabNavigation .nav:after,
.tabNavigation .nav:before,
.tabbedModule1 .title-wrapper:after,
.tabbedModule1 .title-wrapper:before,
.tabbedModule2 .title-wrapper:after,
.tabbedModule2 .title-wrapper:before {
    content: " ";
    display: table
}

h1.sample-header:after,
h1.sample-header:before {
    position: absolute;
    background-color: #f1ebdc;
    content: ""
}

.blockquote .wrapper:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.heroImage .wrapper:after,
.mediaGallery .grid-wrapper:after,
.mediaGallery .title-wrapper:after,
.model:after,
.row:after,
.simpleItemDisplay .item-row:after,
.tabNavigation .nav:after,
.tabbedModule1 .title-wrapper:after,
.tabbedModule2 .title-wrapper:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

h1.sample-header,
h2.component.title,
h2.sample-header {
    /*font-family: Arial, sans-serif*/
}

.hidden {
    visibility: hidden!important
}

.affix {
    position: fixed
}

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

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1300px) {
   /** .modal .modal-dialog {
        width: 1170px
    }**/
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

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

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

@media (min-width:992px) and (max-width:1299px) {
    .hidden-md {
        display: none!important
    }
}

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

.visible-print {
    display: none!important
}

@media print {
    body {padding: unset;}
    r-menu {display: none}
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
    .hidden-print {
        display: none!important
    }
}


h1.sample-header {
    font-size: 18px;
    text-align: center;
    margin-top: 64px;
    margin-bottom: 64px;
    padding: 32px 0;
    text-transform: capitalize;
    background-color: #f1ebdc
}

.ux-header a,
h1.sample-header span,
h2.component.title,
p.component.subtitle {
    text-transform: uppercase
}

h1.sample-header:before {
    display: block;
    left: -100%;
    right: 100%;
    top: 0;
    height: 100%
}

h1.sample-header:after {
    display: block;
    left: 100%;
    right: -100%;
    top: 0;
    height: 100%
}

h1.sample-header span {
    display: block;
    font-size: 16px;
    color: #919296;
    margin-top: -8px
}

@media (min-width:480px) {
    h1.sample-header {
        font-size: 20px;
        line-height: 1.2em
    }
}

h2.sample-header {
    font-size: 12px;
    font-weight: 700;
    padding-left: 16px;
    border-bottom: 2px solid #dfe0e1
}

@media (min-width:480px) {
    h2.sample-header {
        font-size: 16px
    }
}

h2.component.title {
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
    color: #4d4e53
}

p.component.subtitle {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #919296;
    text-align: center
}

[role=button] {
    cursor: pointer
}

.outline {
    display: none
}

@media (min-width:992px) {
    html.side-nav-visible .ovelay-mask {
        visibility: hidden;
        opacity: 0
    }
    html.side-nav-visible body {
        overflow: visible
    }
}

@media (max-width:767px) {
    .footerHeadline {
        /*font-family: Arial, sans-serif;*/
        display: block;
        position: relative;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.1em;
        height: 60px;
        margin-top: 1px;
        padding: 20px 16px;
        color: #4d4e53;
        background-color: #d8d7d5;
        cursor: pointer
    }
    .footerHeadline:hover {
        background-color: #badce6
    }
    .footerHeadline:after {
        display: inline-block;
        position: absolute;
        right: 10px;
        font-family: fontawesome;
        font-size: 14px;
        content: "\f107"
    }
    .footerHeadline--active:after {
        content: "\f106"
    }
}

.footerLinks {
    max-height: none!important
}

.footerWrapper>.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerWrapper>.row>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footerWrapper>.row:after,
.footerWrapper>.row:before {
    content: none
}

footer {
    background-color: #242424;
}

footer .footer-column {
    padding-top: 40px;
    padding-bottom: 0
}

footer .footer-column h4 {
    font-size: 32px;
    line-height: 1.1em
}

.footerLinks ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
}

.footerLinks ul:first-child {
    margin-top: 0px
}

.footerLinks ul li a {
    color: #fff;
}

.footerLinks ul li a:hover {
    color: #7e8088
}

.footerHeadlineEqualHeight {
    color: #d5d4d3;
    /*font-family: Arial;*/
    font-size: 16px!important;
    border-bottom: 2px solid #808185;
    padding: 0 0 10px 0
}

.footer__links_container {
    background-color: #000;
    width: 100%
}

@media (max-width:991px) {
    .header-container {
        position: relative
    }
    .header-container .menu-container {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0
    }
    .header-container .search-form {
        display: inline-block
    }
    .header-container .search-btn,
    .header-container .side-menu-close {
        padding: 9px;
        background-color: transparent;
        border: 0;
        color: #919296;
        display: inline-block;
        font-size: 18px
    }
    .header-container .nav-bar-content {
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 15px 15px
    }
}

@media (max-width:991px) {
    .header-container__wrap {
        width: 100%
    }
}

.mastNav {
    background-color: #d8d7d5
}

@media (max-width:991px) {
    .mastNav {
        position: fixed!important;
        top: 0!important;
        z-index: 1000!important;
        height: 100%;
        overflow: auto;
        width: 300px;
        right: -300px;
        left: auto!important
    }
    .mastNav--active {
        -webkit-transition: -webkit-transform .2s ease;
        -o-transition: -o-transform .2s ease;
        transition: transform .2s ease;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }
}

.mastNav__container {
    position: relative
}

@media (max-width:991px) {
    .mastNav__container {
        padding: 0;
        width: auto
    }
}

.mastNav__header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 3.4em
}

@media (min-width:992px) {
    .mastNav__header {
        display: none
    }
}

.mastNav__header__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.mastNav__header__item--close {
    width: 3em
}

.mastNav__header__link {
    display: inline-block
}

.mastNav__header__icon {
    height: 3em;
    line-height: 3em;
    color: #4d4e53;
    min-width: 2em
}

.mastNav__header__icon--close {
    color: #919296
}

.mastNav__items {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.mastNav__items:after {
    content: "";
    display: block;
    clear: both
}

.mastNav__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:992px) {
    .mastNav__item {
        float: left;
        position: static
    }
    .mastNav__item--active {
        -webkit-box-shadow: inset 0 4px #e31e24;
        box-shadow: inset 0 4px #e31e24
    }
    .mastNav__item:hover {
        background-color: #fff
    }
    .mastNav__item.selected {
        background-color: #fff
    }
}

@media (max-width:991px) {
    .mastNav__item {
        border-bottom: 1px solid #919296
    }
    .mastNav__item.selected {
        border-bottom-width: 0;
        background-color: #f5f5f5
    }
}

@media (min-width:992px) {
    .mastNav__item--extra {
        display: none
    }
}

@media (min-width:992px) {
    .mastNav__item--featured {
        display: block;
        float: right;
        margin-right: -24px
    }
    .mastNav__item--featured:hover {
        background-color: transparent
    }
}

.mastNav__item__label {
    display: block;
    font-size: 12px;
    color: #4d4e53
}

@media (min-width:992px) {
    .mastNav__item__label {
        padding: 15px 24px
    }
}

@media (max-width:991px) {
    .mastNav__item__label {
        font-size: 14px;
        padding: 15px
    }
    [data-js-mastnav-reveal] .mastNav__item__label:after {
        position: absolute;
        right: 15px;
        content: "\f107";
        display: inline-block;
        font-size: 14px;
        font-family: fontawesome;
        color: #e31e24
    }
    [data-js-mastnav-reveal].selected .mastNav__item__label:after {
        content: "\f106"
    }
}

.mastNav--capitalize .mastNav__item__label {
    text-transform: uppercase
}

.mastNav__item__label--link {
    color: #e31e24
}

.mastNav__item__label--link:hover {
    background-color: transparent;
    color: #0d3c87
}

.mastNav__item__label--link:after {
    content: ""
}

.mastNav__item__label__icon {
    margin-right: 8px
}

@media (max-width:991px) {
    .mastNav__subItem.selected {
        background-color: #fff
    }
}

@media (min-width:992px) {
    .mastNav__subItem--extra {
        display: none
    }
}

@media (min-width:992px) {
    .mastNav__subItem--large {
        width: 66.66%;
        padding: 0 15px;
        float: left;
        -webkit-box-shadow: 1px 0 0 #f1f0ef;
        box-shadow: 1px 0 0 #f1f0ef
    }
}

@media (min-width:992px) {
    .mastNav__subItem--wide {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

@media (min-width:992px) {
    .mastNav__subItem--right {
        width: 33.33%;
        padding: 0 15px;
        float: left
    }
}

@media (max-width:991px) {
    .mastNav__subItem.selected .mastNav__subItem__label {
        border-bottom-color: transparent
    }
    .mastNav__subItem__label:after {
        font-family: fontawesome;
        content: "\f107";
        font-size: 14px;
        color: #e31e24;
        margin-left: 7.5px
    }
    .mastNav__subItem.selected .mastNav__subItem__label:after {
        content: "\f106"
    }
}

@media (max-width:991px) {
    .mastNav__subItem__link:hover {
        color: #4d4e53
    }
    .mastNav__subItem__link--small {
        display: inline-block;
        border-width: 0;
        padding: 7.5px 15px;
        font-size: 14px
    }
}

.mastNav__subItem__info {
    font-size: 11.9px;
    margin-bottom: 8px;
    color: #919296;
    width: 83.33333333%;
    padding-right: 15px
}

@media (max-width:991px) {
    .mastNav__subItem__info {
        display: none
    }
}

@media (max-width:991px) {
    .mastNav__subItem__content {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .4s ease;
        -o-transition: max-height .4s ease;
        transition: max-height .4s ease
    }
    .mastNav__subItem:not(.selected) .mastNav__subItem__content {
        max-height: 0!important
    }
}

@media (max-width:991px) {
    .mastNav__subItem__content__inner {
        font-size: 14px;
        padding: 0 15px 15px;
        text-transform: none;
        background-color: #fff
    }
}

.mastNav__level {
    max-height: 0;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

@media (min-width:992px) {
    .mastNav__level {
        position: absolute;
        z-index: 1000;
        top: 100%;
        right: 0;
        left: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        max-height: none!important;
        display: none
    }
    .selected .mastNav__level {
        display: block
    }
}

@media (max-width:991px) {
    .mastNav__level {
        -webkit-transition: max-height .4s ease;
        -o-transition: max-height .4s ease;
        transition: max-height .4s ease
    }
    .selected .mastNav__level {
        border-top: 1px solid #dfe0e1
    }
}

.mastNav__item:not(.selected) .mastNav__level {
    max-height: 0!important
}

@media (min-width:992px) {
    .mastNav__level__inner {
        padding: 30px 0
    }
    .mastNav__level__inner:after {
        content: "";
        display: block;
        clear: both
    }
}

.mastNav__level__footer {
    text-align: center;
    font-size: 14px;
    color: #4d4e53;
    margin: 0;
    padding: 15px;
    background-color: #ebebea
}

@media (max-width:991px) {
    .mastNav__level__footer {
        display: none
    }
}

.mastNav__level__footer__link:after {
    font-family: fontawesome;
    padding-left: 8px;
    content: "\f105"
}

@media (min-width:992px) {
    .mastNav__mod__headline {
        display: block;
        font-size: 20px;
        line-height: 1.1em;
        color: #4d4e53;
        margin-bottom: 8px
    }
    .mastNav__subItem__content+.mastNav__mod__headline--secondary {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    .mastNav__mod__headline__strong {
        font-weight: 700
    }
}

.mastNav__mod__link {
    display: block;
    text-transform: none;
    color: #4d4e53;
    padding: 7.5px 15px;
    font-size: 14px
}

@media (min-width:992px) {
    .mastNav__mod__link {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .mastNav__mod__link:first-child {
        padding-top: 0
    }
    .mastNav__mod__link:last-child {
        padding-bottom: 15px
    }
}

@media (min-width:992px) {
    .mastNav__mod__list {
        margin: 0 -15px;
        max-height: none!important
    }
    .mastNav__mod__list:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width:992px) {
    .mastNav__mod__product {
        float: left;
        width: 33.33%;
        padding: 4px 15px;
        display: table;
        table-layout: fixed
    }
    .mastNav__mod__product:nth-child(3n+1) {
        clear: both
    }
    .mastNav__mod__product.mastNav__mod__services:nth-child(3n+1) {
        clear: none
    }
    .mastNav__mod__product.mastNav__mod__services:nth-child(3n+2) {
        clear: both
    }
    .mastNav__mod__productImageWrap {
        width: 75px;
        height: 60px
    }
    .mastNav__mod__productImageWrap,
    .mastNav__mod__productLink {
        display: table-cell;
        vertical-align: middle;
        color: #343539;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2em
    }
}

@media (max-width:991px) {
    .mastNav__mod__productImageWrap {
        display: none
    }
    .mastNav__mod__product:first-child {
        margin-top: -7.5px
    }
    .mastNav__mod__product:last-child {
        padding-bottom: 7.5px
    }
}

@media (min-width:992px) {
    .mastNav__mod__gridWrap {
        width: 75%;
        float: left
    }
}

@media (min-width:992px) {
    .mastNav__mod__gridItem {
        width: 25%;
        float: left;
        padding: 0 15px;
        -webkit-box-shadow: -1px 0 0 #f1f0ef;
        box-shadow: -1px 0 0 #f1f0ef
    }
    .mastNav__mod__gridItem img {
        width: 100%;
        margin-bottom: 16px
    }
}

@media (max-width:991px) {
    .mastNav__mod__gridItem {
        background-color: #fff
    }
    .mastNav__mod__gridItem--camo {
        background-color: transparent
    }
}

@media (max-width:991px) {
    .mastNav__mod__gridItem--extra,
    .mastNav__mod__gridItem__imgLink {
        display: none
    }
}

.mastNav__mod__gridItem--extra {
    width: 25%
}

@media (min-width:992px) {
    .mastNav__mod__gridItem--large {
        width: 33.33%;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .mastNav__mod__gridItem--large:nth-child(3n+2) {
        clear: both
    }
}

@media (min-width:992px) {
    .mastNav__mod__gridItem--thin {
        padding-right: -webkit-calc(6.666% + 15px);
        padding-right: calc(6.666% + 15px)
    }
}

.mastNav__mod__gridItem__info p {
    margin: 0 0 8px
}

@media (min-width:992px) {
    .mastNav__mod__gridItem__info--small {
        font-size: 11.9px;
        margin: 5px 0 8px;
        color: #919296
    }
}

@media (max-width:991px) {
    .mastNav__mod__gridItem__info {
        display: block;
        margin: -6px 0 0;
        padding: 0 15px 7.5px;
        color: #919296;
        font-size: 10px
    }
}

@media (min-width:992px) {
    .mastNav__mod__gridItem__link {
        color: #e31e24;
        font-weight: 400;
        background-color: transparent;
        border: none;
        padding: 0
    }
}

@media (min-width:992px) {
    .mastNav__mod__gridItem__headline {
        font-size: 20px;
        line-height: 1.1em;
        margin: 0 0 16px;
        color: #4d4e53;
        display: block
    }
    .mastNav__mod__gridItem__headline--secondary {
        margin-top: 20px
    }
}

.mastNav__mod__gridHeader {
    float: left;
    width: 100%;
    padding: 0 15px
}

@media (max-width:991px) {
    .mastNav__mod__gridHeader {
        display: none
    }
}

.mastNav__mod__gridHeader__headline {
    font-size: 20px;
    line-height: 1.1em;
    margin: 0;
    padding-bottom: 12px;
    color: #4d4e53;
    display: block
}

.mastNav__mod__gridHeader__info {
    font-size: 11.9px;
    margin-bottom: 22px;
    color: #919296
}

.mastNav__contact__address {
    margin-bottom: 0;
    padding: 7.5px 0;
    font-size: 14px
}

.mastNav__contact__btn {
    display: block;
    text-align: center
}

.forminclude.oneColumnForm {
    max-width: 460px;
    padding: 0 20px
}

.forminclude.oneColumnForm .wForm form .htmlSection .htmlContent h1 {
    margin-left: -50px;
    margin-right: -50px;
    line-height: 1.166
}

@media (max-width:767px) {
    .forminclude.oneColumnForm .wForm form .htmlSection .htmlContent h1 {
        margin-left: 0;
        margin-right: 0
    }
}

.forminclude.oneColumnForm .wForm form .row {
    margin-left: 0;
    margin-right: 0
}

.forminclude.oneColumnForm .wForm form .oneField.col-md-6 {
    padding: 0;
    width: 100%
}

.forminclude.oneColumnForm .wForm form>div:first-child {
    text-align: center
}

.forminclude.oneColumnForm .wForm form>div>div:first-child {
    margin: 0 0 0
}

.forminclude.oneColumnForm .wForm form>div>div:last-child {
    margin: 0 0 50px
}

.forminclude.oneColumnForm .wForm form h1 {
    color: #4d4e53;
    font-family: Arial, sans-serif;
    font-size: 24px
}

.forminclude.oneColumnForm .wForm form .g-recaptcha>div {
    margin: 0 auto
}

.forminclude.oneColumnForm .wForm form .primaryAction.cta.blue {
    text-align: center;
    width: 100%
}

.forminclude.oneColumnForm .js-textAccordion {
    display: block;
    height: auto;
    max-height: none;
    overflow-y: hidden;
    position: relative;
    -webkit-transition: max-height ease .5s;
    -o-transition: max-height ease .5s;
    transition: max-height ease .5s
}

.forminclude.oneColumnForm .js-textAccordion:after {
    background: #fff;
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: height ease .5s, opacity ease .5s;
    -o-transition: height ease .5s, opacity ease .5s;
    transition: height ease .5s, opacity ease .5s;
    width: 100%;
    z-index: 1
}

.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button {
    background: #fff;
    border: 2px solid #4d4e53;
    bottom: 1px;
    color: #4d4e53;
    cursor: pointer;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    font-weight: 700;
    padding: 12px 32px;
    position: absolute;
    left: 50%;
    letter-spacing: .5px;
    min-width: 130px;
    text-align: center;
    text-decoration: none;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: border .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, background-color .2s linear;
    transition: border .2s linear, background-color .2s linear;
    white-space: nowrap;
    word-break: keep-all;
    z-index: 2
}

.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button:hover {
    background: #e6e5e5
}

.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button:active {
    background: #fff
}

.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button:after {
    content: '\f078';
    display: inline-block;
    font-family: fontawesome;
    margin-left: 1rem;
    -webkit-transform-origin: 50% 55%;
    -ms-transform-origin: 50% 55%;
    -o-transform-origin: 50% 55%;
    transform-origin: 50% 55%;
    -webkit-transform: rotate3d(0, 0, 0, 0);
    transform: rotate3d(0, 0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: transform .2s ease
}

.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button.js-noLessLabel:after,
.forminclude.oneColumnForm .js-textAccordion .js-textAccordion-button.js-noMoreLabel:after {
    margin-left: 0
}

.forminclude.oneColumnForm .js-textAccordion.js-closing {
    max-height: 10rem
}

.forminclude.oneColumnForm .js-textAccordion.js-closing:after {
    height: 7.5rem;
    opacity: 1;
    position: relative
}

.forminclude.oneColumnForm .js-textAccordion.js-closed {
    max-height: 10rem
}

.forminclude.oneColumnForm .js-textAccordion.js-closed:after {
    height: 50%;
    opacity: 1
}

.forminclude.oneColumnForm .js-textAccordion.js-opening {
    max-height: 100vh
}

.forminclude.oneColumnForm .js-textAccordion.js-opening:after {
    height: 7.5rem;
    opacity: 0
}

.forminclude.oneColumnForm .js-textAccordion.js-opening .js-textAccordion-button:after {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg)
}

.forminclude.oneColumnForm .js-textAccordion.js-open {
    max-height: none
}

.forminclude.oneColumnForm .js-textAccordion.js-open:after {
    height: 7.5rem;
    opacity: 0;
    position: relative
}

.forminclude.oneColumnForm .js-textAccordion.js-open .js-textAccordion-button:after {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg)
}

.header-container .search-form {
    margin: 0 0 0 30px
}

[dir=rtl] .header-container .search-form {
    margin: 0 30px 0 0
}

.subNav {
    background-color: #4d4e53
}

@media (max-width:991px) {
    .subNav__container {
        width: 100%;
        padding: 0
    }
}

.subNav__inner {
    position: relative
}

@media (min-width:992px) {
    .subNav__inner {
        font-size: 0;
        white-space: nowrap;
        overflow: hidden
    }
}

.subNav__headline {
    color: #fff;
    width: 100%;
    line-height: 50px;
    display: block;
    text-align: center;
    cursor: pointer
}

.subNav__headline:after {
    font-family: fontawesome;
    content: "\f0c9";
    color: #fff;
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    text-align: center;
    pointer-events: none;
    font-size: 10px;
    line-height: 1em;
    -webkit-transition: opacity .1s ease, -webkit-transform .2s ease;
    -o-transition: opacity .1s ease, -o-transform .2s ease;
    transition: opacity .1s ease, transform .2s ease;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.subNav--active .subNav__headline:after {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    -webkit-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -o-transform: translateY(1em);
    transform: translateY(1em)
}

@media (min-width:992px) {
    .subNav__headline {
        display: none
    }
}

.subNav__backBtn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media (min-width:992px) {
    .subNav__backBtn {
        display: none
    }
}

.subNav__backBtn__link {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    background-color: #919296;
    width: 40px;
    text-align: center
}

.subNav__backBtn__link:hover {
    color: #fff
}

.subNav__backBtn__link__icon {
    line-height: 50px
}

@media (min-width:992px) {
    .subNav__logo {
        display: inline-block
    }
}

@media (max-width:991px) {
    .subNav__logo {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }
}

.subNav__logo__link {
    display: table;
    font-size: 10px;
    padding: 0 15px;
    color: #fff;
    background-color: #1c1c1e;
    height: 50px;
    width: 80px;
    text-align: center
}

.subNav__logo__link:hover {
    color: #fff
}

@media (min-width:992px) {
    .subNav__logo__link {
        font-size: 12px
    }
}

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

.subNav__items {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width:992px) {
    .subNav__items {
        display: inline-block;
        vertical-align: top
    }
}

@media (max-width:991px) {
    .subNav__items {
        background-color: #919296;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height .4s ease;
        -o-transition: max-height .4s ease;
        transition: max-height .4s ease;
        overflow: hidden
    }
}

@media (min-width:992px) {
    .subNav__item {
        display: inline-block;
        vertical-align: top
    }
}

.subNav__item--close {
    text-align: center;
    color: #fff;
    background-color: #4d4e53;
    font-size: 10px
}

@media (min-width:992px) {
    .subNav__item--close {
        display: none
    }
}

@media (min-width:992px) {
    .subNav__item__link {
        line-height: 50px;
        padding: 0 15px;
        font-size: 12px;
        color: #fff;
        display: inline-block;
        position: relative
    }
    .subNav__item__link:hover {
        color: #fff;
        background-color: #343539
    }
    .subNav__item__link--active:after {
        position: absolute;
        bottom: -5px;
        left: 50%;
        width: 0;
        height: 0;
        margin: 0 0 0 -12px;
        content: " ";
        pointer-events: none;
        border: solid transparent;
        border-width: 12px;
        border-bottom-color: #fff
    }
}

@media (max-width:991px) {
    .subNav__item__link {
        display: block;
        padding: 10px;
        text-align: center;
        color: #fff;
        border-top: 1px solid #fff
    }
    .subNav__item__link:hover {
        color: #fff
    }
}

@media (min-width:768px) {
    .subSectionListing .h3.model-name {
        font-size: 32px;
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .subSectionListing .model .model-image {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .twoLevelLinkList {
        text-align: center
    }
}

.twoLevelLinkList ul {
    margin-top: 15px
}

.twoLevelLinkList li {
    padding: 4px 0
}

.twoLevelLinkList li a {
    font-size: 14px
}

.imageText-nomargin {
    margin: 0
}

.imageText-nobottommargin {
    margin-bottom: 0
}

.imageText-nobottommargin p:last-child {
    margin-bottom: 0
}

.imageText-expanded {
    position: relative;
    margin: 0 auto;
    max-width: 1420px;
    text-align: center
}

.imageText-expanded.imageText-fullsize .image-container,
.imageText-expanded.imageText-fullsize .wrapper {
    margin: 0
}

.imageText-expanded:not(.imageText-fullsize) .wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.spirit-magazine-theme-intro p {
    margin-bottom: 0
}

@media (max-width:767px) {
    .spirit-magazine-article-listing .imageTextGrid {
        margin: 0
    }
}

.spirit-magazine-start-header .imageText {
    margin-bottom: 0;
    margin-top: 40px
}

.spirit-magazine-start-header .imageText .about-link {
    margin: -20px 0 20px
}

@media (min-width:992px) {
    .spirit-magazine-start-header .imageText .imageText-only-text {
        position: relative
    }
    .spirit-magazine-start-header .imageText .imageText-only-text .about-link {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0
    }
}

.spirit-magazine-pagination .pagination:not(.bottom) {
    padding-top: 48px
}

@media (min-width:768px) {
    .spirit-magazine-pagination .pagination:not(.bottom) {
        border-bottom: 1px solid #ebebea
    }
}

.spirit-magazine-pagination .pagination:not(.bottom) .total-results {
    top: 48px
}

.spirit-magazine-article-listing .imageText.spirit-magazine-list-item .h1 {
    font-size: 32px;
    margin-bottom: 9px
}

@media (min-width:768px) and (max-width:991px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item .h1 {
        font-size: 24px
    }
}

.spirit-magazine-article-listing .imageText.spirit-magazine-list-item .article-metadata {
    overflow: hidden;
    font-size: 14px;
    position: relative;
    min-height: 1px;
    margin: 16px 0 8px
}

.spirit-magazine-article-listing .imageText.spirit-magazine-list-item .article-metadata .theme {
    float: left
}

.spirit-magazine-article-listing .imageText.spirit-magazine-list-item .article-metadata .theme span {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    background-color: #16a6c9
}

.spirit-magazine-article-listing .imageText.spirit-magazine-list-item .article-metadata .date {
    color: #919296;
    float: right
}

@media (min-width:768px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--fullwidth .h1 {
        font-size: 48px
    }
}

@media (min-width:992px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--fullwidth .article-metadata {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--oneplusthree {
        margin-bottom: 48px
    }
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--oneplusthree .h1 {
        font-size: 32px
    }
}

@media (min-width:768px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--small {
        margin-bottom: 30px
    }
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--small .image-container {
        float: left;
        margin: 0 20px 10px 0
    }
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--small .article-metadata {
        margin-top: 0
    }
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--small .h1 {
        font-size: 22px;
        margin-bottom: 5px
    }
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item--small p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-list-item {
        border-top: 2px solid #ebebea;
        padding-top: 20px
    }
}

.spirit-magazine-article-listing .imageText.spirit-magazine-theme-item {
    margin-bottom: 24px
}

@media (max-width:767px) {
    .spirit-magazine-article-listing .imageText.spirit-magazine-theme-item {
        border-top: 2px solid #ebebea;
        padding-top: 20px
    }
}

.spirit-magazine-next-theme {
    background-color: #ebebea
}

.spirit-magazine-next-theme .container .row {
    margin: 18px 0 12px
}

.spirit-magazine-next-theme .container .row .column-theme-available {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    padding: 6px 0 8px 0
}

.spirit-magazine-next-theme .container .row .column-theme-available .date {
    color: #919296;
    font-style: italic
}

.spirit-magazine-next-theme .container .row .column-theme {
    float: left;
    border-left: 1px solid #4d4e53;
    padding: 6px 0 2px 20px;
    line-height: 16px
}

@media (max-width:767px) {
    .spirit-magazine-next-theme {
        background-color: #fff
    }
    .spirit-magazine-next-theme .container .row {
        margin: 32px 0 30px 0
    }
    .spirit-magazine-next-theme .container .row .column-theme {
        padding: 2px 0 2px 20px;
        font-size: 14px;
        line-height: 10px
    }
    .spirit-magazine-next-theme .container .row .column-theme-available {
        margin-left: 4px;
        font-size: 9px
    }
}

@media (max-width:767px) {
    .spirit-articleIntro .article-headline .title {
        font-size: 50px
    }
}

@media (min-width:992px) {
    .spirit-articleIntro .article-headline .title {
        font-size: 70px
    }
    .spirit-magazine-container .carousel .slick-dots {
        bottom: 31px
    }
    .spirit-magazine-container .carousel .spirit-articleImage .image-caption {
        margin-top: 5px
    }
}

.spirit-articleIntro {
    margin-top: 48px;
    text-align: center
}

.spirit-articleIntro .article-headline {
    min-height: 240px;
    margin-bottom: 24px
}

.spirit-articleIntro .article-headline .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 8px
}

.spirit-articleIntro .article-headline .title {
    display: block;
    margin: 0 0 20px 0
}

.spirit-articleIntro .article-author {
    display: block;
    font-size: 16px
}

.spirit-articleIntro .article-summary {
    display: block;
    font-size: 14px
}

.spirit-articleIntro .article-date {
    display: inline
}

.spirit-articleIntro .article-link {
    border-left: 1px solid #4d4e53;
    padding-left: 5px;
    display: inline
}

.spirit-articleIntro .article-introduction {
    font-size: 28px;
    line-height: 36px
}

@media (max-width:767px) {
    .spirit-articleIntro .article-introduction {
        font-size: 25px;
        line-height: 33px
    }
}

.spirit-articleImage .image-caption {
    text-align: center;
    font-size: 14px;
    margin: 5px 20px
}

@media (max-width:767px) {
    .col-xs-12>.spirit-articleImage {
        width: 100vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.spirit-articleImage--fullwidth {
    max-width: 1420px;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.articleContent {
    margin-top: 24px;
    margin-bottom: 24px
}

@media (max-width:991px) {
    .articleContent {
        padding: 0 15px
    }
}

.articleContent ol,
.articleContent p,
.articleContent ul {
    font-size: 21px;
    line-height: 34px
}

@media (max-width:767px) {
    .articleContent ol,
    .articleContent p,
    .articleContent ul {
        font-size: 18px;
        line-height: 28px
    }
}

.articleContent h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.articleContent.dropcaps p:first-child:first-letter {
    float: left;
    font-size: 100px;
    line-height: 80px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 3px
}

@media (max-width:767px) {
    .articleContent.dropcaps p:first-child:first-letter {
        font-size: 90px;
        padding-top: 4px;
        padding-right: 4px
    }
}

.articleContent .spirit-infobox {
    background-color: #d8d7d5
}

.articleContent .spirit-infobox .spirit-infoboxContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 15px 0 15px
}

.articleContent .spirit-infobox .spirit-infoboxContent .title {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 12px
}

.articleContent .spirit-infobox .spirit-infoboxContent ol,
.articleContent .spirit-infobox .spirit-infoboxContent p,
.articleContent .spirit-infobox .spirit-infoboxContent ul {
    font-size: 16px;
    line-height: 26px
}

.spirit-magazine-link-filter {
    text-align: center;
    line-height: 22px;
    margin-top: 55px;
    margin-bottom: 7px
}

.spirit-magazine-link-filter span:first-child {
    padding-right: 22px;
    margin-left: 0;
    border-right: 1px solid #d8d7d5
}

.spirit-magazine-link-filter a,
.spirit-magazine-link-filter span {
    margin-left: 22px
}

.spirit-magazine-dropdown-filter {
    margin-top: 0;
    margin-bottom: 0
}

.spirit-carousel .articleContent {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .spirit-carousel .slick-dots {
        max-width: 1420px;
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

@media (max-width:991px) {
    .spirit-carousel .spirit-articleImage .image-caption {
        margin-top: 40px
    }
}

.spiritMagazine>.imageText {
    margin-top: 24px;
    margin-bottom: 24px
}

.spiritMagazine .imageText p {
    font-size: 21px;
    line-height: 34px
}

.spiritMagazine .imageText-fullsize-outsideText h2 {
    text-align: center
}

@media (min-width:992px) {
    .spiritMagazine .imageText-fullsize-outsideText p {
        margin-left: 16.66667%;
        width: 66.66667%
    }
}

@media (max-width:767px) {
    .spiritMagazine .imageText p {
        font-size: 18px;
        line-height: 28px
    }
    .spiritMagazine>.imageTextGrid {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

.heroImage.campaign {
    overflow: visible
}

.heroImage.campaign.campaign-page {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .heroImage.campaign.campaign-page .hero-image-light {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .heroImage.campaign.campaign-page .hero-image-light .wrapper {
        margin: 0 -30px
    }
}

@media (min-width:768px) {
    .heroImage.campaign .wrapper {
        margin: 0
    }
}

.heroImage.campaign .image-container:after {
    content: none!important
}

@media (min-width:768px) {
    .heroImage.campaign .wrapper.wrapper-external-mobile .content-container {
        padding: 30px
    }
}

.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container {
    background-color: #dd7611;
    opacity: .9;
    padding: 15px
}

.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container>:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container {
        float: left;
        width: auto;
        max-width: 50%
    }
    [dir=rtl] .heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container {
        float: right
    }
    .heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        transform: skew(-20deg);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
        background-color: #dd7611;
        z-index: -1
    }
    [dir=rtl] .heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container:after {
        -webkit-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg)
    }
}

.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container .h1 {
    margin-bottom: 0
}

@media (min-width:768px) {
    .heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container .h1 {
        font-size: 48px
    }
}

.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container .h1,
.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container .subtitle,
.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .padding-container p {
    color: #fff
}

.heroImage.campaign .wrapper.wrapper-external-mobile .content-container .cta-container {
    padding-top: 20px;
    clear: both
}

.imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid,
.imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid {
    margin-left: -15px;
    margin-right: -15px
}

.imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid,
.imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:768px) {
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .image-container,
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .h1 {
        margin-top: 0
    }
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .h1,
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .h1 {
        margin-top: 0
    }
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .image-container {
        float: left;
        width: 66.66666667%
    }
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .image-container {
        left: 33.33333333%;
        float: left;
        width: 66.66666667%
    }
    .imageTextGrid .imageTextGrid-1-left-8-columns .imageText-grid .wrapper {
        float: left;
        width: 33.33333333%
    }
    .imageTextGrid .imageTextGrid-1-right-8-columns .imageText-grid .wrapper {
        float: left;
        width: 33.33333333%;
        right: 66.66666667%
    }
}

#geoIpText {
    font-style: italic;
    margin-bottom: 10px
}

@media (max-width:991px) {
    .mastNav__subItem__label,
    .mastNav__subItem__link {
        display: block;
        font-size: 18px;
        text-transform: none;
        border-bottom: 1px solid #dfe0e1;
        padding: 15px;
        color: #4d4e53
    }
}

.primary-cta-teaser {
    margin: 0 -15px;
    padding: 50px 15px;
    background-color: #d8d7d5
}

@media (min-width:768px) {
    .primary-cta-teaser {
        padding: 50px 0;
        margin: 0 0 150px
    }
}

.primary-cta-teaser .h1 {
    font-size: 48px;
    margin: 0 0 35px
}

@media (min-width:768px) {
    .primary-cta-teaser .h1 {
        margin-bottom: 20px
    }
}

.primary-cta-teaser p {
    margin-bottom: 35px
}

@media (min-width:992px) {
    .container .article-carousel .slick-dots {
        bottom: 31px
    }
    .container .article-carousel .articleImage .image-caption {
        margin-top: 5px
    }
}

@media (min-width:992px) {
    .article-carousel .slick-dots {
        max-width: 1200px;
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

.article-carousel .articleImage .image-caption {
    text-align: center;
    font-size: 14px;
    margin: 5px 20px
}

@media (max-width:991px) {
    .article-carousel .articleImage .image-caption {
        margin-top: 40px
    }
}

.articleImage--fullwidth {
    max-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#state-filter .filter-content {
    background: 0 0;
    top: 0
}

#state-filter .custom-select {
    background-color: #ebebea
}

#state-filter .filter-padding {
    padding-top: 0
}

.contractsList dl {
    overflow: hidden
}

.contractsList dt {
    float: left;
    clear: both;
    font-weight: 400;
    line-height: 2;
    margin-right: 5px
}

[dir=rtl] .contractsList dt {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.contractsList dd {
    font-weight: 700;
    line-height: 2
}

.contractTable td {
    font-weight: 700
}

.contractTable td p {
    font-weight: 700
}

.contractTable td ol:last-child,
.contractTable td p:last-child,
.contractTable td ul:last-child {
    margin-bottom: 0
}

.cta {
    cursor: pointer;
    padding: 12px 32px;
    position: relative;
    text-align: center;
    -webkit-transition: border .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, background-color .2s linear;
    transition: border .2s linear, background-color .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    /*font-family: Arial, Helvetica, sans-serif;*/
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .5px
}

.cta.blue {
    background: #DFDFDF;
    border: 2px solid transparent;
    color: #4d4e53;
}

.cta.blue:focus,
.cta.blue:hover {
    background: #7a7a7e
}

.cta.blue:active {
    background: #7a7a7e
}

.cta.blue.disabled {
    background: #6fa1f1;
    pointer-events: none
}

.cta.grey {
    background: #DFDFDF;
    border: 2px solid transparent;
    color: #fff
}

.cta.grey:focus,
.cta.grey:hover {
    background: #343539;
    color: #fff
}

.cta.grey:active {
    background: #4d4e53
}

.cta.grey.disabled {
    background: #999aa0;
    pointer-events: none
}

.cta.white {
    background: #fff;
    border: 2px solid #4d4e53;
    color: #4d4e53;
   /** width: 100%**/
}

.cta.white:focus,
.cta.white:hover {
    background: #e6e5e5
}

.cta.white:active {
    background: #fff
}

.cta.white.disabled {
    background: #fff;
    border: 2px solid #999aa0;
    pointer-events: none;
    color: #999aa0
}

.cta .fa-download {
    vertical-align: middle
}

.link.blue {
    color: #e31e24;
    text-decoration: none
}

.link.grey {
    color: #4d4e53;
    text-decoration: none
}

.link:hover.blue {
    color: #0d3c87
}

.link:hover.grey {
    color: #343539
}

.link:active.blue {
    color: #e31e24
}

.link:active.grey {
    color: #66676d
}

.chevron-link:after,
.popover-title:after {
    /*font-family: Arial, Helvetica, sans-serif;*/
    content: "›";
    display: inline-block;
    -webkit-transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    padding-left: 5px
}

[dir=rtl] .chevron-link:after,
[dir=rtl] .popover-title:after {
    padding-left: 0;
    padding-right: 5px
}

.cta.back .chevron-link:after {
    content: none
}

.cta.back .chevron-link:before {
    /*font-family: Arial, Helvetica, sans-serif;*/
    content: "‹";
    display: inline-block;
    -webkit-transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.1s cubic-bezier(.19, 1, .22, 1);
    padding-right: 5px
}

[dir=rtl] .cta.back .chevron-link:before {
    padding-right: 0;
    padding-left: 5px
}

.cta:hover .chevron-link:after,
.cta:hover.popover-title:after,
.link:hover .chevron-link:after,
.link:hover.popover-title:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

[dir=rtl] .cta:hover .chevron-link:after,
[dir=rtl] .cta:hover.popover-title:after,
[dir=rtl] .link:hover .chevron-link:after,
[dir=rtl] .link:hover.popover-title:after {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.cta:hover .chevron-link:before,
.link:hover .chevron-link:before {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

[dir=rtl] .cta:hover .chevron-link:before,
[dir=rtl] .link:hover .chevron-link:before {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.video-button {
    display: inline-block;
    position: relative;
    background: rgba(255, 255, 255, .9);
    color: #4d4e53;
    width: 50px;
    height: 50px;
    font-size: 22px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, .3);
    vertical-align: middle;
    margin-right: 20px
}

[dir-rtl] .video-button {
    margin-right: 0;
    margin-left: 20px
}

.video-button .fa {
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a:hover .video-button .fa {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
    -o-transform: translateY(-50%) translateX(-50%) scale(1.2);
    transform: translateY(-50%) translateX(-50%) scale(1.2)
}

a:hover .video-button {
    background: rgba(230, 230, 230, .9);
    color: #343539;
    cursor: pointer
}

a:active .video-button {
    background: rgba(255, 255, 255, .9);
    color: #4d4e53
}

.cta-video {
    display: inline-block;
    color: #4d4e53;
    position: relative
}

.cta-video:hover {
    color: #343539
}

.hero-image-light .cta-video,
.imageText-light .cta-video {
    color: #fff
}

.hero-image-light .cta-video:hover,
.imageText-light .cta-video:hover {
    color: #e6e5e5
}

.model {
    margin: 5px -10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 1px solid #d8d7d5;
    text-align: left
}

@media (min-width:992px) {
    .model {
        margin: 15px 0
    }
}

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

.model .model-details,
.model .model-image {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin-top: 15px;
}

.model .model-name {
    font-size: 20px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .model .model-name {
        font-size: 23px;
        margin-bottom: 20px
    }
}

.model .model-name:after {
    font-family: fontawesome;
    content: " \f105";
    vertical-align: top;
    color: #4d4e53;
    padding-left: 8px
}

[dir=rtl] .model .model-name:after {
    content: " \200F‎\f104";
    padding-left: 0;
    padding-right: 8px
}

.model-specs-list {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.model .model-specs-list {
    line-height: 1;
}

.model-specs-list>li {
	padding-top: 1px;
 
}

.model-specs-list .model-spec-key {
    font-size: 14px;
    margin: 0;
    color: #919296
}

#product-details .model-specs-list .model-spec-key {
    font-size: 15px
}

.model-specs-list .model-spec-value {
    display: inline-block;
    font-size: 14px;
    color: #4d4e53
}

.model .model-specs-list .model-spec-value {
    font-size: 12px
}

@media (min-width:768px) {
    .model .model-specs-list .model-spec-value {
        font-size: 14px
    }
}

@media (min-width:768px) {
    #product-details .model-specs-list .model-spec-value {
        font-size: 15px
    }
}

.model-specs-list .model-spec-value .fa {
    display: inline-block;
    font-size: 22px;
    width: 25px;
    vertical-align: middle
}

.model .model-specs-list .model-spec-value .fa {
    font-size: 16px;
    line-height: 1.2;
    width: 18px
}

@media (min-width:768px) {
    .model .model-specs-list .model-spec-value .fa {
        font-size: 20px;
        width: 25px
    }
}

.model-specs-list .model-spec-value.visible-xs {
    display: inline-block!important
}

@media (min-width:768px) {
    .model-specs-list .model-spec-value.visible-xs {
        display: none!important
    }
}

.tooltip {
    font-size: 14px
}

.model .tooltip {
    font-size: 12px
}

@media (min-width:768px) {
    .model .tooltip {
        font-size: 14px
    }
}

.tooltip .tooltip-inner {
    background-color: #4d4e53;
    border-radius: 0;
    white-space: normal;
    text-align: inherit
}

.tooltip.right {
    padding-left: 11px
}

.tooltip.right .tooltip-arrow {
    margin-top: -11px;
    border-width: 11px 11px 11px 0;
    border-right-color: #4d4e53
}

.tooltip.top {
    padding-bottom: 10px
}

.tooltip.top .tooltip-arrow {
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #4d4e53
}

#product-details {
    position: relative;
    margin-top: 15px;
}

#product-details .col-product-title h1 {
    font-size: 21px;
    margin: 0 0 10px;
    padding-bottom: 1px;
    border-bottom: 2px solid #ebebea
}

#product-details .col-product-title img {
    width: 60px;
    height: auto;
    margin: 0 0 15px 0;
}


@media (min-width:768px) {
    #product-details .col-product-title h1 {
        font-size: 18px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width:768px) {
    #product-details .col-product-title {
        height: 95px
    }
}

@media (max-width:767px) {
    #product-details .col-product-title {
        text-align: center
    }
}

@media (min-width:768px) {
    #product-details .col-product-image {
        margin-top: -120px
    }
    #product-details .col-product-image .img-responsive {
        max-width: 75%;
        margin: 0 auto
    }
}

#product-details .product-subcategory {
    /*font-family: Arial, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    display: block;
    color: #919296;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media (min-width:768px) {
    #product-details .product-subcategory {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

#product-details .cta {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px
}

@media (min-width:992px) {
    #product-details .cta {
        width: 80%
    }
}

#product-details .cta.secondary-cta {
    color: #e31e24;
    border-color: #e31e24
}

#product-details .comparison,
#product-details .download {
    font-size: 14px;
    line-height: 1.6;
    display: block;
    margin: 5px 0
}

#product-details .model-description {
    font-size: 15px;
    line-height: 1.6
}

@media (max-width:767px) {
    #product-details .model-description {
        display: none
    }
}

#product-tabs {
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 15px 15px;
    box-shadow: rgba(0, 0, 0, .1) 0 15px 15px
}

@media (max-width:991px) {
    #product-tabs {
        height: 0;
        background-color: #ebebea
    }
    #product-tabs.scroll-to-fixed-fixed {
        height: auto
    }
    #product-tabs .container {
        padding: 0
    }
}

#product-tabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#product-tabs ul li {
    float: left
}

[dir=rtl] #product-tabs ul li {
    float: right
}

#product-tabs ul li .product-tab-link {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 16px 50px;
    color: #4d4e53
}

#product-tabs ul li .product-tab-link.active,
#product-tabs ul li .product-tab-link:hover {
    background-color: #ebebea;
    color: #4d4e53
}

@media (max-width:991px) {
    #product-tabs ul li .product-tab-link {
        display: none
    }
}

@media (min-width:992px) and (max-width:1299px) {
    #product-tabs ul li .product-tab-link {
        padding: 16px 30px
    }
}

#product-tabs ul #product-tab-heading .h1 {
    font-size: 24px;
    color: #919296;
    margin: 0;
    padding: 13px 20px;
    display: block
}

@media (max-width:991px) {
    #product-tabs ul #product-tab-heading .h1 {
        font-size: 21px;
        padding: 14px 20px 15px
    }
}

#product-tabs ul #product-tab-cta {
    float: right
}

@media (min-width:992px) and (max-width:1299px) {
    #product-tabs ul #product-tab-cta {
        float: none;
        position: absolute;
        right: 0
    }
}

[dir=rtl] #product-tabs ul #product-tab-cta {
    float: left
}

#product-tabs ul #product-tab-cta .cta {
    font-size: 15px
}

@media (max-width:991px) {
    #product-tabs ul #product-tab-cta .cta {
        font-size: 12px;
        padding: 14px 10px
    }
}

#overview .overview-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    #overview .overview-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #overview .overview-row .overview-media {
        margin-bottom: 18px
    }
}

@media (min-width:768px) {
    #overview .overview-row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    #overview .overview-row .overview-media {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

#overview .overview-row h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 7px
}

@media (min-width:768px) {
    #overview .overview-row h2 {
        font-size: 22px;
        margin-bottom: 10px
    }
}

#overview .overview-row p {
    font-size: 14px
}

@media (min-width:768px) {
    #overview .overview-row p {
        font-size: 15px
    }
}

#features {
    font-size: 15px
}

@media (max-width:991px) {
    #features {
        font-size: 14px
    }
}

#features .h2 {
    font-size: 36px
}

#features .description {
    margin-bottom: 4px
}

#features .feature-list>.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#features .feature-list>.row:after,
#features .feature-list>.row:before {
    content: none
}

#features .feature-list>.row>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 30px
}

#features .feature-list>.row>div>div {
    text-align: left;
    background-color: #fff
}

[dir=rtl] #features .feature-list>.row>div>div {
    text-align: right
}

#features .feature-list>.row>div>div>picture {
    position: relative
}

#features .feature-list>.row>div>div>picture img {
    width: 100%
}

#features .feature-list>.row>div>div .feature-info {
    position: relative;
    font-size: 14px;
    margin: 0 30px 30px
}

@media (max-width:767px) {
    #features .feature-list>.row>div>div .feature-info {
        margin: 15px
    }
}

#features .feature-list>.row>div>div .feature-info h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin: 30px 0 10px
}

@media (max-width:991px) {
    #features .feature-list>.row>div>div .feature-info h4 {
        font-size: 14px
    }
}

@media (max-width:991px) {
    #features .feature-list>.row>div>div {
        border: 1px solid #d8d7d5
    }
}

#features .feature-list>.row>div>div .readmore-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 0
}

@media (max-width:991px) {
    #features .feature-list>.row>div>div .readmore-wrapper {
        left: 50%
    }
}

#features .feature-list>.row>div>div .readmore-wrapper .readmore {
    position: relative;
    top: -14px;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 38px 5px 20px;
    margin-right: 30px;
    font-size: 12px;
    color: #4d4e53
}

@media (max-width:991px) {
    #features .feature-list>.row>div>div .readmore-wrapper .readmore {
        border: 1px solid #d8d7d5;
        border-top: 0;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
        top: -9px;
        padding: 5px 15px 7px 15px;
        left: -50%;
        margin-right: 0
    }
}

@media (min-width:992px) {
    [dir=rtl] #features .feature-list>.row>div>div .readmore-wrapper .readmore {
        padding: 5px 20px 5px 38px;
        margin-right: 0;
        margin-left: 30px
    }
}

#features .feature-list>.row>div>div .readmore-wrapper .readmore:after {
    font-family: fontawesome;
    content: "\f065"
}

[dir=rtl] #features .feature-list>.row>div>div .readmore-wrapper .readmore:after {
    right: auto;
    left: 12px
}

@media (max-width:991px) {
    #features .feature-list>.row>div>div .readmore-wrapper .readmore:after {
        font-size: 20px;
        position: relative;
        top: -2px;
        left: 3px
    }
    [dir=rtl] #features .feature-list>.row>div>div .readmore-wrapper .readmore:after {
        left: 3px
    }
}

@media (min-width:992px) {
    #features .feature-list>.row>div>div .readmore-wrapper .readmore:after {
        display: inline-block;
        position: absolute;
        right: 9px;
        top: -1px;
        font-size: 16px
    }
}

@media (max-width:767px) {
    #features .feature-list>.row>div .grid-container {
        max-width: 375px;
        border: 1px solid #d8d7d5;
        margin: 0 auto
    }
}

#attachments {
    font-size: 15px
}

@media (max-width:991px) {
    #attachments {
        font-size: 14px
    }
}

#attachments .h2 {
    font-size: 36px
}

#attachments .description {
    margin-bottom: 9px
}

#attachments .attachment-list .productAccordionContent>.row,
#attachments .attachment-list>.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#attachments .attachment-list .productAccordionContent>.row>div,
#attachments .attachment-list>.row>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#attachments .attachment-list .productAccordionContent>.row:after,
#attachments .attachment-list .productAccordionContent>.row:before,
#attachments .attachment-list>.row:after,
#attachments .attachment-list>.row:before {
    content: none
}

#attachments .grid-container {
    background-color: #fff;
    border: 1px solid #d8d7d5
}

@media (min-width:768px) {
    #attachments .grid-container {
        margin: 15px 0
    }
}

#attachments .grid-container h4 {
    font-size: 18px;
    padding: 12px 20px;
    background-color: #ebebea;
    border-bottom: 1px solid #d8d7d5
}

#attachments .grid-container .attachment-info {
    margin: 10px;
    font-size: 14px
}

@media (min-width:768px) {
    #attachments .grid-container .attachment-info {
        margin: 20px
    }
}

#attachments .grid-container .attachment-info img {
    width: 100%;
    padding-bottom: 10px
}

#attachments .grid-container .attachment-info a {
    display: block;
    margin: 10px 0
}

@media (max-width:767px) {
    #attachments .productAccordionHeader {
        font-weight: 400;
        margin-top: 5px;
        background-color: #ebebea
    }
    #attachments .productAccordionContent .row {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 5px
    }
    #attachments .productAccordionContent .grid-wrapper {
        margin: 5px 0;
        padding-left: 5px;
        padding-right: 5px
    }
}

#specifications {
    text-align: left;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0
}

[dir=rtl] #specifications {
    text-align: right
}

@media (max-width:991px) {
    #specifications {
        font-size: 14px
    }
}

@media (max-width:767px) {
    #specifications .changeMetricContainer {
        text-align: center
    }
    #specifications .changeMetrics {
        float: none
    }
}

#specifications .changeMetrics {
    margin-bottom: 20px
}

#specifications .h2 {
    font-size: 36px
}

#specifications .specifications-table {
    font-size: 14px
}

#specifications .specifications-table .model-spec-value {
    display: table-cell;
    font-weight: 700
}

#specifications .specifications-table tr:nth-child(odd) {
    background: #f5f5f5
}

#specifications .specifications-table td {
    border-top: 0 solid #000
}

#specifications .specifications-table th {
    font-size: 14px;
    border-top: 0 solid #000
}

#specifications .comparison,
#specifications .download {
    font-size: 14px;
    line-height: 1.6;
    display: block;
    margin: 10px 0
}

#overview>div.container {
    padding-top: 20px;
    padding-bottom: 20px
}

#attachments>div.container,
#downloads>div.container,
#features>div.container,
#specifications>div.container {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:992px) {
    #downloads,
    #features,
    #overview {
        background: #ebebea
    }
}

.competitor-comparison {
    margin-top: 20px
}

.competitor-comparison .title {
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .competitor-comparison .title {
        font-size: 22px
    }
}

.competitor-comparison p {
    font-size: 14px
}

@media (min-width:768px) {
    .competitor-comparison p {
        font-size: 15px
    }
}

.competitor-comparison .table {
    font-size: 14px
}

.competitor-comparison .table>thead>tr>th {
    padding: 0 10px;
    vertical-align: top;
    border: none
}

.competitor-comparison .table>thead>tr.model-row>th {
    padding: 0 20px
}

.competitor-comparison .table>thead>tr.change-row>th {
    padding: 0 20px 20px
}

.competitor-comparison .table .replace-model {
    display: inline-block;
    font-weight: 400;
    margin-top: 10px
}

@media (min-width:768px) {
    .competitor-comparison .table .replace-model {
        font-size: 15px
    }
}

.competitor-comparison .table>tbody>tr>td,
.competitor-comparison .table>tbody>tr>th {
    border: none
}

@media print {
    .competitor-comparison .table>tbody>tr>td,
    .competitor-comparison .table>tbody>tr>th {
        border-top: 1px solid #d8d7d5
    }
}

.competitor-comparison .table tbody td:first-of-type {
    font-weight: 700
}

.related-teaser-list {
    padding-top: 20px;
    padding-bottom: 20px
}

.related-teaser-list .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 5px
}

.related-teaser-list .row:after,
.related-teaser-list .row:before {
    content: none
}

.related-teaser-list .row>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.related-teaser-list .row>div>div {
    margin: 15px -5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    border: 1px solid #d8d7d5;
    text-align: left
}

[dir=rtl] .related-teaser-list .row>div>div {
    text-align: right
}

.related-teaser-list .row>div>div picture {
    position: relative
}

.related-teaser-list .row>div>div picture img {
    width: 100%
}

.related-teaser-list .row>div>div>div {
    padding: 20px 18px;
    position: relative;
    font-size: 14px
}

@media (max-width:991px) {
    .related-teaser-list .row>div>div {
        margin: 5px -10px
    }
}

@media (max-width:991px) {
    .related-teaser-list .row {
        padding-left: 10px;
        padding-right: 10px
    }
}

.related-teaser-list .row:first-child {
    padding-left: 0;
    padding-right: 0
}

.related-teaser-list .row h4 {
    text-rendering: optimizeLegibility;
    /* font-family: 'Oswald', sans-serif; */
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-size: 24px;
    padding-bottom: 8px
}

.related-teaser-list .row h4 a {
    color: #4d4e53
}

.related-teaser-list .row h2 {
    font-size: 36px
}

@media (max-width:767px) {
    .related-teaser-list .row h2 {
        width: 100%;
        /*font-family: Arial, sans-serif;*/
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        padding-bottom: 10px
    }
}

.related-teaser-list.related-teaser-product-list {
    padding-top: 0
}

.related-teaser-list.related-teaser-product-list h2 {
    width: 100%;
    /*font-family: Arial, sans-serif;*/
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px
}

.related-teaser-list .related-contact-us .cta-link {
    margin: 12px 0;
    display: block
}

.related-teaser-list .related-contact-us .cta-link:first-of-type {
    margin-top: 0
}

.related-teaser-list .related-contact-us a span {
    white-space: nowrap
}

@media (max-width:991px) {
    .productAccordionHeader {
        /*font-family: Arial, sans-serif;*/
        display: block;
        position: relative;
        font-size: 14px;
        margin-top: 1px;
        padding: 20px 16px;
        color: #4d4e53;
        background-color: #d8d7d5;
        cursor: pointer
    }
    .productAccordionHeader:hover {
        background-color: #badce6
    }
    .productAccordionHeader:after {
        display: inline-block;
        position: absolute;
        right: 20px;
        font-family: fontawesome;
        font-size: 14px;
        content: "\f107"
    }
    [dir=rtl] .productAccordionHeader:after {
        right: auto;
        left: 20px
    }
    .productAccordionHeader--active:after {
        content: "\f106";
        font-weight: 700
    }
    .productAccordionHeader--active {
        font-weight: 700
    }
    .productAccordionContent {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .4s ease;
        -o-transition: max-height .4s ease;
        transition: max-height .4s ease;
        min-height: 0
    }
    #attachments,
    #downloads,
    #features,
    #overview,
    #specifications {
        min-height: 0
    }
}

.product-category-list>.row {
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap */
}

.product-category-list>.row>div {
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex */
}

.product-category-list>.row:after,
.product-category-list>.row:before {
    content: none
}

@media (max-width:767px) {
    .product-category-list>.row {
        margin: 0 -10px
    }
}

.product-category-list>.row .category-card {
    /* -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center; */
    align-items: center;
    padding: 0 32px;
    min-height: 350px;
    font-size: 15px
}

@media (max-width:767px) {
    .product-category-list>.row .category-card {
        min-height: initial;
        font-size: 12px
    }
    .product-category-list>.row .category-card.even {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
    .product-category-list>.row .category-card.even>div {
        width: 50%;
        margin: 24px auto
    }
}

.product-category-list>.row .category-card h4 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 15px
}

.product-category-list>.row .category-card ul {
    text-align: initial
}

.product-category-list>.row .category-card>div {
    width: 100%
}

.product-category-list>.row .category-card>div>div {
    margin-bottom: 22px
}

.product-category-list>.row .category-card .divider {
    display: block;
    height: 1px;
    width: 44%;
    background-color: #919296;
    margin: 0 auto 24px auto
}

.product-category-list>.row .category-card .fa {
    font-size: 5px;
    vertical-align: middle
}

.model-toggle:hover {
    -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, .25)
}

.product-category-heading {
    font-weight: 700;
    margin: 15px 0;
}

.included-products .filter-trigger.collapsed.activeFilter span:after,
.productSelector .filter-trigger.collapsed.activeFilter span:after {
    border-bottom: 2px solid #e31e24;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%
}

.included-products .hr,
.productSelector .hr {
    border: 0;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #d8d7d5
}

.included-products .animate-show-hide.ng-hide-add,
.included-products .animate-show-hide.ng-hide-remove,
.productSelector .animate-show-hide.ng-hide-add,
.productSelector .animate-show-hide.ng-hide-remove {
    -webkit-transition: all linear .33s;
    -o-transition: all linear .33s;
    transition: all linear .33s
}

.included-products .animate-show-hide.ng-hide,
.productSelector .animate-show-hide.ng-hide {
    opacity: 0
}

.included-products,
.productSelector {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.included-products .title,
.productSelector .title {
    display: inline-block;
    vertical-align: middle;
    /*font-family: Arial, sans-serif;*/
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff
}

.included-products .title:before,
.productSelector .title:before {
    font-family: fontawesome;
    content: "\f135";
    display: inline-block;
    position: absolute;
    left: -25px;
    vertical-align: middle
}

.included-products .title-container,
.productSelector .title-container {
    position: relative;
    height: 50px;
    margin: 0 -15px 24px;
    background: #4d4e53
}

.included-products .carousel .slick-prev,
.productSelector .carousel .slick-prev {
    left: 0
}

.included-products .carousel .slick-next,
.productSelector .carousel .slick-next {
    right: 0
}

.included-products .carousel .slick-disabled,
.productSelector .carousel .slick-disabled {
    opacity: .5
}

.included-products .carousel .img-responsive,
.productSelector .carousel .img-responsive {
    width: 64px;
    height: auto;
    opacity: .7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    filter: url("data:image/svg+xml;utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
}

.included-products .carousel .img-responsive:hover,
.included-products .product.active .img-responsive,
.productSelector .carousel .img-responsive:hover,
.productSelector .product.active .img-responsive {
    -webkit-filter: none;
    filter: none;
    -moz-filter: none;
    -ms-filter: none
}

.included-products .carousel .active .img-responsive,
.included-products .carousel .img-responsive:hover,
.productSelector .carousel .active .img-responsive,
.productSelector .carousel .img-responsive:hover {
    opacity: 1
}

.included-products .product,
.productSelector .product {
    padding: 0 16px
}

.included-products .product>div,
.productSelector .product>div {
    border-top: 4px solid transparent
}

.included-products .product .product-title,
.productSelector .product .product-title {
    font-size: 14px;
    font-weight: 400;
    color: #4d4e53;
    display: inline-block;
    line-height: 1.3em
}

.included-products .product .product-title:after,
.productSelector .product .product-title:after {
    display: none;
    content: ""
}

.included-products .product.active .product-title,
.productSelector .product.active .product-title {
    font-weight: 700
}

.included-products .product.active>div,
.productSelector .product.active>div {
    border-top-color: #e31e24
}

.included-products .product-range,
.productSelector .product-range {
    position: relative
}

.included-products .product-range:after,
.productSelector .product-range:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: fontawesome;
    font-size: 24px;
    line-height: 24px;
    margin-top: -12px;
    content: "\f107";
    color: #e31e24
}

.included-products .product-select,
.productSelector .product-select {
    font-size: 14px;
    width: 100%
}

.included-products .custom-select,
.productSelector .custom-select {
    padding: 10px 15px;
    border: none;
    border-radius: 0;
    background-color: #ebebea;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.included-products .custom-select::ms-expand,
.productSelector .custom-select::ms-expand {
    display: none
}

.included-products .product-selector-list,
.productSelector .product-selector-list {
    margin-top: 30px
}

.included-products .model-list-title,
.productSelector .model-list-title {
    font-size: 32px;
    margin-top: 10px
}

.included-products .model-list-subtitle,
.productSelector .model-list-subtitle {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #919296
}

.included-products p.spec,
.productSelector p.spec {
    margin-top: 24px;
    margin-bottom: 5px
}

.included-products .model-name a,
.productSelector .model-name a {
    color: #4d4e53
}

.included-products .filter-trigger,
.productSelector .filter-trigger {
    display: block;
    position: relative;
    z-index: 10;
    font-size: 14px;
    padding: 11px 20px
}

@media (min-width:768px) {
    .included-products .filter-trigger,
    .productSelector .filter-trigger {
        display: inline-block;
        padding: 14px 15px
    }
}

.included-products .filter-trigger>span,
.productSelector .filter-trigger>span {
    font-size: 14px;
    color: #4d4e53;
    position: relative
}

.included-products .filter-trigger:after,
.productSelector .filter-trigger:after {
    display: inline-block;
    font-family: fontawesome;
    padding-left: 5px;
    font-size: 20px;
    vertical-align: top;
    content: "\f106";
    line-height: 1
}

@media (max-width:767px) {
    .included-products .filter-trigger:after,
    .productSelector .filter-trigger:after {
        position: absolute;
        right: 15px
    }
}

.included-products .filter-trigger.collapsed:after,
.productSelector .filter-trigger.collapsed:after {
    content: "\f107"
}

.included-products .filter-content,
.productSelector .filter-content {
    overflow: hidden;
    position: relative;
    top: -40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-height: 0;
    -webkit-transition: max-height 350ms ease-in-out;
    -o-transition: max-height 350ms ease-in-out;
    transition: max-height 350ms ease-in-out
}

.included-products .filter-padding,
.productSelector .filter-padding {
    padding: 55px 15px 15px
}

.included-products .filter-reset,
.productSelector .filter-reset {
    display: inline-block;
    float: left;
    position: static;
    width: 50%;
    padding: 20px 0
}

.included-products .filter-reset>a>span,
.productSelector .filter-reset>a>span {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    padding-left: 20px;
    color: #e31e24
}

.included-products .filter-reset>a>span:before,
.productSelector .filter-reset>a>span:before {
    display: inline-block;
    position: absolute;
    left: 0;
    font-family: fontawesome;
    content: "\f0e2"
}

[slider],
slider {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 100%;
    margin: 25px 5px 25px 5px;
    vertical-align: middle
}

[slider] div,
slider div {
    white-space: nowrap;
    position: absolute
}

[slider] div.bar,
slider div.bar {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background: #444;
    overflow: hidden
}

[slider] div.bar .selection,
slider div.bar .selection {
    width: 0%;
    height: 100%;
    background: #13b6ff
}

[slider] div.handle,
slider div.handle {
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: -8px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 2;
    border-radius: 100%
}

[slider] div.handle:after,
slider div.handle:after {
    content: '';
    background-color: #777;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%
}

[slider] div.handle:after:hover,
slider div.handle:after:hover {
    background-color: #000
}

[slider] div.handle.active:after,
slider div.handle.active:after {
    background-color: red
}

[slider] div.bubble,
slider div.bubble {
    display: none;
    cursor: default;
    top: -22px;
    padding: 1px 3px 1px 3px;
    font-size: .7em;
    /*font-family: sans-serif*/
}

[slider] div.bubble.active,
slider div.bubble.active {
    display: inline-block
}

[slider] div.bubble.limit,
slider div.bubble.limit {
    color: #777
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important
}

.included-products slider,
.productSelector slider,
[slider] {
    margin-right: auto;
    margin-left: auto;
    height: 9px;
    width: 95%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.included-products [slider] div.bar,
.included-products slider div.bar,
.productSelector [slider] div.bar,
.productSelector slider div.bar {
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.included-products [slider] div.bar .selection,
.included-products slider div.bar .selection,
.productSelector [slider] div.bar .selection,
.productSelector slider div.bar .selection {
    background: #e31e24
}

.included-products [slider] div.handle,
.included-products slider div.handle,
.productSelector [slider] div.handle,
.productSelector slider div.handle {
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    border-color: #4d4e53;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06)
}

.included-products [slider] div.handle:after,
.included-products slider div.handle:after,
.productSelector [slider] div.handle:after,
.productSelector slider div.handle:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -2px;
    height: 14px;
    width: 4px;
    background: 0 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0
}

.included-products [slider] div.handle.active:after,
.included-products slider div.handle.active:after,
.productSelector [slider] div.handle.active:after,
.productSelector slider div.handle.active:after {
    background-color: transparent
}

.included-products slider .bubble.low,
.productSelector slider .bubble.low {
    left: 0
}

.included-products slider .bubble.high,
.productSelector slider .bubble.high {
    right: 0
}

.included-products [slider] div.bubble.value,
.included-products slider div.bubble.value,
.productSelector [slider] div.bubble.value,
.productSelector slider div.bubble.value {
    display: inline-block;
    /*font-family: Arial, sans-serif;*/
    font-size: 14px;
    top: -35px;
    padding: 0;
    font-weight: 700
}

.included-products .carouse,
.productSelector .carouse {
    margin: 0 50px
}

.included-products .carousel .slick-prev,
.productSelector .carousel .slick-prev {
    left: -50px
}

.included-products .carousel .slick-next,
.productSelector .carousel .slick-next {
    right: -50px
}

.no-animate {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important
}

.included-products slider,
.productSelector slider,
[slider] {
    margin-right: auto;
    margin-left: auto;
    height: 9px;
    width: 95%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.included-products [slider] div.bar,
.included-products slider div.bar,
.productSelector [slider] div.bar,
.productSelector slider div.bar {
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.included-products [slider] div.bar .selection,
.included-products slider div.bar .selection,
.productSelector [slider] div.bar .selection,
.productSelector slider div.bar .selection {
    background: #e31e24
}

.included-products [slider] div.handle,
.included-products slider div.handle,
.productSelector [slider] div.handle,
.productSelector slider div.handle {
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    border-color: #4d4e53;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06)
}

.included-products [slider] div.handle:after,
.included-products slider div.handle:after,
.productSelector [slider] div.handle:after,
.productSelector slider div.handle:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -2px;
    height: 14px;
    width: 4px;
    background: 0 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0
}

.included-products [slider] div.handle.active:after,
.included-products slider div.handle.active:after,
.productSelector [slider] div.handle.active:after,
.productSelector slider div.handle.active:after {
    background-color: transparent
}

.included-products slider .bubble.low,
.productSelector slider .bubble.low {
    left: 0
}

.included-products slider .bubble.high,
.productSelector slider .bubble.high {
    right: 0
}

.included-products [slider] div.bubble.value,
.included-products slider div.bubble.value,
.productSelector [slider] div.bubble.value,
.productSelector slider div.bubble.value {
    display: inline-block;
    /*font-family: Arial, sans-serif;*/
    font-size: 14px;
    top: -35px;
    padding: 0;
    font-weight: 700
}

.included-products .carouse,
.productSelector .carouse {
    margin: 0 50px
}

.included-products .carousel .slick-prev,
.productSelector .carousel .slick-prev {
    left: -50px
}

.included-products .carousel .slick-next,
.productSelector .carousel .slick-next {
    right: -50px
}

.included-products .filter-apply,
.productSelector .filter-apply {
    float: left;
    width: 50%;
    padding: 15px 0
}

.included-products .filter-apply .btn,
.productSelector .filter-apply .btn {
    color: #fff;
    background: #e31e24
}

.included-products .filter-categories,
.productSelector .filter-categories {
    margin: 0;
    text-align: left
}

.included-products .filter-categories>li,
.productSelector .filter-categories>li {
    float: none;
    padding: 10px 15px
}

.included-products .filter-specs,
.productSelector .filter-specs {
    text-align: left;
    background: #fff
}

.included-products .filter-specs-section,
.productSelector .filter-specs-section {
    text-align: left
}

.included-products .filter-specs-section .fa,
.productSelector .filter-specs-section .fa {
    display: inline-block;
    width: 25px;
    font-size: 22px;
    vertical-align: middle
}

.included-products .filter-specs-trigger,
.productSelector .filter-specs-trigger {
    position: relative;
    font-size: 14px;
    padding: 11px 20px;
    color: #919296;
    text-align: center
}

.included-products .filter-specs-trigger:after,
.productSelector .filter-specs-trigger:after {
    position: absolute;
    right: 15px;
    font-family: fontawesome;
    font-size: 20px;
    content: "\f106";
    line-height: 1
}

.included-products .filter-specs-trigger.collapsed,
.productSelector .filter-specs-trigger.collapsed {
    color: #4d4e53
}

.included-products .filter-specs-trigger.collapsed:after,
.productSelector .filter-specs-trigger.collapsed:after {
    content: "\f107"
}

.included-products .product-category,
.productSelector .product-category {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-left: 30px;
    color: #4d4e53;
    display: inline-block
}

.included-products .product-category:before,
.productSelector .product-category:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: "";
    border: 1px solid #4d4e53;
    border-radius: 20px;
    background: #fff
}

.included-products .product-category.active,
.productSelector .product-category.active {
    font-weight: 700
}

.included-products .product-category.active:after,
.productSelector .product-category.active:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(5px) translateY(-5px);
    -ms-transform: translateX(5px) translateY(-5px);
    -o-transform: translateX(5px) translateY(-5px);
    transform: translateX(5px) translateY(-5px);
    content: "";
    border-radius: 10px;
    background: #e31e24
}

.included-products .filter-content.open,
.productSelector .filter-content.open {
    max-height: 900px
}

@media (max-width:767px) {
    .included-products .filter-categories,
    .productSelector .filter-categories {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 350ms ease-in-out;
        -o-transition: max-height 350ms ease-in-out;
        transition: max-height 350ms ease-in-out
    }
}

.included-products .filter-categories.open,
.productSelector .filter-categories.open {
    max-height: 300px
}

.included-products .filter-specs-section .filter-specs,
.productSelector .filter-specs-section .filter-specs {
    overflow: hidden;
    text-align: center;
    max-height: 0;
    margin: 0 20px;
    -webkit-transition: max-height 350ms ease-in-out;
    -o-transition: max-height 350ms ease-in-out;
    transition: max-height 350ms ease-in-out
}

.included-products .filter-specs-section .filter-specs.open,
.productSelector .filter-specs-section .filter-specs.open {
    max-height: 900px;
    padding: 20px 0
}

.included-products .filter-specs-section.isDesktop .filter-specs,
.productSelector .filter-specs-section.isDesktop .filter-specs {
    margin: 0
}

.included-products .filter-specs-section.isDesktop .filter-specs.open,
.productSelector .filter-specs-section.isDesktop .filter-specs.open {
    padding: 10px 0
}

@media (max-width:767px) {
    .included-products .filter-group,
    .productSelector .filter-group {
        border: 1px solid #d8d7d5;
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .included-products .filter-group,
    .productSelector .filter-group {
        border-top: 1px solid #d8d7d5;
        border-bottom: 1px solid #d8d7d5;
    }
    .included-products .filter-group.product-selector-filter,
    .productSelector .filter-group.product-selector-filter {
        border-bottom: 1px solid #d8d7d5
    }
}

@media (min-width:768px) {
    .included-products .title,
    .productSelector .title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
        color: #4d4e53
    }
    .included-products .title:before,
    .productSelector .title:before {
        content: '';
        display: none
    }
    .included-products .product-selector-list,
    .productSelector .product-selector-list {
        margin-top: 0
    }
    .included-products .filter-categories,
    .productSelector .filter-categories {
        display: inline-block;
        text-align: center
    }
    .included-products .filter-categories:after,
    .included-products .filter-categories:before,
    .productSelector .filter-categories:after,
    .productSelector .filter-categories:before {
        content: " ";
        display: table
    }
    .included-products .filter-categories:after,
    .productSelector .filter-categories:after {
        clear: both
    }
    .included-products .filter-categories>li,
    .productSelector .filter-categories>li {
        display: inline-block;
        padding: 14px 15px
    }
    .included-products .filter-reset,
    .productSelector .filter-reset {
        float: none;
        position: absolute;
        top: 10px;
        right: 15px;
        width: auto;
        padding: 0
    }
    .included-products .filter-specs,
    .productSelector .filter-specs {
        font-size: 0;
        text-align: center;
        background: 0 0
    }
    .included-products .filter-specs-section,
    .productSelector .filter-specs-section {
        text-align: center;
        font-size: 14px
    }
    .included-products .filter-specs-column,
    .productSelector .filter-specs-column {
        display: inline-block;
        width: 33%;
        padding: 0 15px
    }
    .included-products .spec,
    .productSelector .spec {
        text-align: center
    }
    .included-products .model-list-title,
    .productSelector .model-list-title {
        font-size: 48px
    }
    .included-products .metrics-change,
    .productSelector .metrics-change {
        float: right
    }
    .included-products .model-image .img-responsive,
    .productSelector .model-image .img-responsive {
        max-width: 80%
    }
    .included-products .model-details,
    .productSelector .model-details {
        padding-top: 8px
    }
}

.no-animate {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.toggle {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.toggle.ng-enter {
    opacity: 0;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms
}

.toggle.ng-enter-active {
    opacity: 1
}

.toggle.ng-leave {
    opacity: 1;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms
}

.toggle.ng-leave-active {
    opacity: 0
}

.toggle.ng-hide-add {
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0
}

.toggle.ng-hide-remove {
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1
}

.slide-top {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-top.ng-enter {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-top.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-top.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-top.ng-leave-active {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0
}

.slide-top.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-top.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0
}

.slide-top.ng-hide-remove {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-top.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-right {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-right.ng-enter {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-right.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-right.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-right.ng-leave-active {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    opacity: 0
}

.slide-right.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-right.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    opacity: 0
}

.slide-right.ng-hide-remove {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-right.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-left {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-left.ng-enter {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-left.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-left.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-left.ng-leave-active {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    opacity: 0
}

.slide-left.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-left.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    opacity: 0
}

.slide-left.ng-hide-remove {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-left.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-down {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-down.ng-enter {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-down.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-down.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-down.ng-leave-active {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    opacity: 0
}

.slide-down.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-down.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    opacity: 0
}

.slide-down.ng-hide-remove {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-down.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-top {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-top.ng-enter {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-top.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-top.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-top.ng-leave-active {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    opacity: 0
}

.bouncy-slide-top.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-top.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    opacity: 0
}

.bouncy-slide-top.ng-hide-remove {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-top.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-right {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-right.ng-enter {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-right.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-right.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-right.ng-leave-active {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    opacity: 0
}

.bouncy-slide-right.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-right.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    opacity: 0
}

.bouncy-slide-right.ng-hide-remove {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-right.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-left {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-left.ng-enter {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-left.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-left.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-left.ng-leave-active {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0
}

.bouncy-slide-left.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-left.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0
}

.bouncy-slide-left.ng-hide-remove {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-down {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-down.ng-enter {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-down.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-down.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-down.ng-leave-active {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    opacity: 0
}

.bouncy-slide-down.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-down.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    opacity: 0
}

.bouncy-slide-down.ng-hide-remove {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-down.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.scale-fade {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.scale-fade.ng-enter {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.scale-fade.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.scale-fade.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade.ng-leave-active {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    opacity: 0
}

.scale-fade.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    opacity: 0
}

.scale-fade.ng-hide-remove {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.scale-fade.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.spin-toggle {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.spin-toggle.ng-enter {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.spin-toggle.ng-enter-active {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1
}

.spin-toggle.ng-leave {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.spin-toggle.ng-leave-active {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0
}

.spin-toggle.ng-hide-add {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.spin-toggle.ng-hide-add.ng-hide-add-active {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0
}

.spin-toggle.ng-hide-remove {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.spin-toggle.ng-hide-remove.ng-hide-remove-active {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1
}

.scale-fade-in {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.scale-fade-in.ng-enter {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.scale-fade-in.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.scale-fade-in.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade-in.ng-leave-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.scale-fade-in.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade-in.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.scale-fade-in.ng-hide-remove {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.scale-fade-in.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.bouncy-scale-in {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-scale-in.ng-enter {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 0
}

.bouncy-scale-in.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.bouncy-scale-in.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 1
}

.bouncy-scale-in.ng-leave-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.bouncy-scale-in.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 1
}

.bouncy-scale-in.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.bouncy-scale-in.ng-hide-remove {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    display: block!important;
    opacity: 0
}

.bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.flip-in {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.flip-in.ng-enter {
    transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    -webkit-transform: perspective(300px) rotateX(90deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: .7
}

.flip-in.ng-enter-active {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    opacity: 1
}

.flip-in.ng-leave {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.flip-in.ng-leave-active {
    transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -webkit-transform: perspective(300px) rotateX(135deg);
    opacity: .7
}

.flip-in.ng-hide-add {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.flip-in.ng-hide-add.ng-hide-add-active {
    transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -webkit-transform: perspective(300px) rotateX(135deg);
    opacity: 0
}

.flip-in.ng-hide-remove {
    transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    -webkit-transform: perspective(300px) rotateX(90deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    display: block!important;
    opacity: 0
}

.flip-in.ng-hide-remove.ng-hide-remove-active {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    opacity: 1
}

.rotate-in {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.rotate-in.ng-enter {
    transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -webkit-transform: perspective(300px) rotateY(40deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: .7
}

.rotate-in.ng-enter-active {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    opacity: 1
}

.rotate-in.ng-leave {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.rotate-in.ng-leave-active {
    transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -webkit-transform: perspective(300px) rotateY(-40deg);
    opacity: .7
}

.rotate-in.ng-hide-add {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.rotate-in.ng-hide-add.ng-hide-add-active {
    transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -webkit-transform: perspective(300px) rotateY(-40deg);
    opacity: 0
}

.rotate-in.ng-hide-remove {
    transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -webkit-transform: perspective(300px) rotateY(40deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    display: block!important;
    opacity: 0
}

.rotate-in.ng-hide-remove.ng-hide-remove-active {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    opacity: 1
}

.toggle {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.toggle.ng-enter {
    opacity: 0;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms
}

.toggle.ng-enter-active {
    opacity: 1
}

.toggle.ng-leave {
    opacity: 1;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms
}

.toggle.ng-leave-active {
    opacity: 0
}

.toggle.ng-hide-add {
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0
}

.toggle.ng-hide-remove {
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1
}

.slide-top {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-top.ng-enter {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-top.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-top.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-top.ng-leave-active {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0
}

.slide-top.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-top.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0
}

.slide-top.ng-hide-remove {
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -ms-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-top.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-right {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-right.ng-enter {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-right.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-right.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-right.ng-leave-active {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    opacity: 0
}

.slide-right.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-right.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    opacity: 0
}

.slide-right.ng-hide-remove {
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-right.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-left {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-left.ng-enter {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.slide-left.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-left.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-left.ng-leave-active {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    opacity: 0
}

.slide-left.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-left.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    opacity: 0
}

.slide-left.ng-hide-remove {
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-left.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.slide-down {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.slide-down.ng-enter {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    opacity: 0
}

.slide-down.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slide-down.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    opacity: 1
}

.slide-down.ng-leave-active {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    opacity: 0
}

.slide-down.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.slide-down.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    opacity: 0
}

.slide-down.ng-hide-remove {
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.slide-down.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-top {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-top.ng-enter {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-top.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-top.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-top.ng-leave-active {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    opacity: 0
}

.bouncy-slide-top.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-top.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    opacity: 0
}

.bouncy-slide-top.ng-hide-remove {
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-top.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-right {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-right.ng-enter {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-right.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-right.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-right.ng-leave-active {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    opacity: 0
}

.bouncy-slide-right.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-right.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    opacity: 0
}

.bouncy-slide-right.ng-hide-remove {
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-right.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-left {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-left.ng-enter {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-left.ng-enter-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-left.ng-leave {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-left.ng-leave-active {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0
}

.bouncy-slide-left.ng-hide-add {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-left.ng-hide-add.ng-hide-add-active {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    opacity: 0
}

.bouncy-slide-left.ng-hide-remove {
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.bouncy-slide-down {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-slide-down.ng-enter {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.bouncy-slide-down.ng-enter-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.bouncy-slide-down.ng-leave {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-down.ng-leave-active {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    opacity: 0
}

.bouncy-slide-down.ng-hide-add {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.bouncy-slide-down.ng-hide-add.ng-hide-add-active {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    opacity: 0
}

.bouncy-slide-down.ng-hide-remove {
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -webkit-transform: translateY(-240px);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.bouncy-slide-down.ng-hide-remove.ng-hide-remove-active {
    -o-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.scale-fade {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.scale-fade.ng-enter {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.scale-fade.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.scale-fade.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade.ng-leave-active {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    opacity: 0
}

.scale-fade.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    opacity: 0
}

.scale-fade.ng-hide-remove {
    -o-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.scale-fade.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.spin-toggle {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.spin-toggle.ng-enter {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.spin-toggle.ng-enter-active {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1
}

.spin-toggle.ng-leave {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.spin-toggle.ng-leave-active {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0
}

.spin-toggle.ng-hide-add {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.spin-toggle.ng-hide-add.ng-hide-add-active {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0
}

.spin-toggle.ng-hide-remove {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.spin-toggle.ng-hide-remove.ng-hide-remove-active {
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1
}

.scale-fade-in {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.scale-fade-in.ng-enter {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 0
}

.scale-fade-in.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.scale-fade-in.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade-in.ng-leave-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.scale-fade-in.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1
}

.scale-fade-in.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.scale-fade-in.ng-hide-remove {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    display: block!important;
    opacity: 0
}

.scale-fade-in.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.bouncy-scale-in {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.bouncy-scale-in.ng-enter {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 0
}

.bouncy-scale-in.ng-enter-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.bouncy-scale-in.ng-leave {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 1
}

.bouncy-scale-in.ng-leave-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.bouncy-scale-in.ng-hide-add {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    opacity: 1
}

.bouncy-scale-in.ng-hide-add.ng-hide-add-active {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0
}

.bouncy-scale-in.ng-hide-remove {
    -o-transform: scale(3);
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-duration: 450ms;
    display: block!important;
    opacity: 0
}

.bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.flip-in {
    -webkit-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -o-transition: all 0 cubic-bezier(.25, .46, .45, .94);
    transition: all 0 cubic-bezier(.25, .46, .45, .94);
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.flip-in.ng-enter {
    transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    -webkit-transform: perspective(300px) rotateX(90deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: .7
}

.flip-in.ng-enter-active {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    opacity: 1
}

.flip-in.ng-leave {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.flip-in.ng-leave-active {
    transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -webkit-transform: perspective(300px) rotateX(135deg);
    opacity: .7
}

.flip-in.ng-hide-add {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.flip-in.ng-hide-add.ng-hide-add-active {
    transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -webkit-transform: perspective(300px) rotateX(135deg);
    opacity: 0
}

.flip-in.ng-hide-remove {
    transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    -webkit-transform: perspective(300px) rotateX(90deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    display: block!important;
    opacity: 0
}

.flip-in.ng-hide-remove.ng-hide-remove-active {
    transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -webkit-transform: perspective(300px) rotateX(0);
    opacity: 1
}

.rotate-in {
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    transition: all 0 cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    -o-transition-timing-function: cubic-bezier(.175, .885, .45, 1.595);
    transition-timing-function: cubic-bezier(.175, .885, .45, 1.595)
}

.rotate-in.ng-enter {
    transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -webkit-transform: perspective(300px) rotateY(40deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: .7
}

.rotate-in.ng-enter-active {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    opacity: 1
}

.rotate-in.ng-leave {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.rotate-in.ng-leave-active {
    transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -webkit-transform: perspective(300px) rotateY(-40deg);
    opacity: .7
}

.rotate-in.ng-hide-add {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    opacity: 1
}

.rotate-in.ng-hide-add.ng-hide-add-active {
    transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -webkit-transform: perspective(300px) rotateY(-40deg);
    opacity: 0
}

.rotate-in.ng-hide-remove {
    transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -webkit-transform: perspective(300px) rotateY(40deg);
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-duration: 550ms;
    display: block!important;
    opacity: 0
}

.rotate-in.ng-hide-remove.ng-hide-remove-active {
    transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -webkit-transform: perspective(300px) rotateY(0);
    opacity: 1
}

.media-gallery-category {
    margin: 10px 20px
}

.media-gallery-category:hover {
    cursor: pointer
}

.media-gallery-category.selected {
    font-weight: 700
}

.media-gallery-category-input:hover {
    cursor: pointer
}

.media-gallery-radio .checked {
    font-weight: 700
}

.media-gallery-item {
    padding: 30px 0
}

.media-gallery-item-headline {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.media-gallery-item-description {
    font-size: 14px;
    margin: 0
}

.media-gallery-item-details {
    font-size: 85%;
    margin: 10px 0;
    color: #787878
}

.media-gallery-download {
    font-size: 14px;
    color: #78b7ff
}

.media-gallery-link {
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap
}

.card-tags {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    line-height: 1;
    min-height: 2em;
    position: relative;
    top: 0;
    width: 100%;
    
    
}

@media (max-width:991px) {
    .card-tags--sm-padding {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width:767px) {
    .card-tags--xs-neg-margin {
        top: -10px
    }
}

[dir=rtl] .card-tags {
    text-align: right
}

.card-tag {
    background: #4d4e53;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: .2em;
    max-width: 80%;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
    z-index: 0
}

@media (max-width:991px) {
    .card-tag {
        font-size: 10px;
        letter-spacing: -.1px;
        padding: 3px 15px
    }
}

[dir=rtl] .card-tag {
    margin-right: 0;
    margin-left: 1.4em
}

.card-tag:after {
    background: #4d4e53;
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    -webkit-transform: skewX(-23deg);
    -ms-transform: skewX(-23deg);
    -o-transform: skewX(-23deg);
    transform: skewX(-23deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 100%;
    z-index: -1
}

[dir=rtl] .card-tag:after {
    left: -1px;
    right: auto;
    -webkit-transform: skewX(23deg);
    -ms-transform: skewX(23deg);
    -o-transform: skewX(23deg);
    transform: skewX(23deg);
    text-align: right
}

.card-tag:hover {
    color: #fff
}

.card-tag+.card-tag {
    margin-left: 1.4em
}

.card-tag+.card-tag:before {
    background: #4d4e53;
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    left: -1.5em;
    top: 0;
    -webkit-transform: skewX(-23deg);
    -ms-transform: skewX(-23deg);
    -o-transform: skewX(-23deg);
    transform: skewX(-23deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 100%;
    z-index: -1
}

[dir=rtl] .card-tag+.card-tag:before {
    left: auto;
    right: -1.5em;
    -webkit-transform: skewX(23deg);
    -ms-transform: skewX(23deg);
    -o-transform: skewX(23deg);
    transform: skewX(23deg)
}

[dir=rtl] .card-tag+.card-tag {
    margin-right: 0;
    margin-left: 1.4em
}

.card-tag--big {
    font-size: 17px;
    letter-spacing: .5px;
    margin-top: 25px;
    padding: 13px 20px
}

.card-tag--big .card-tag-link-arrow {
    font-size: 22px;
    margin-left: 25px;
    -webkit-transition: -webkit-transform .1s linear;
    -o-transition: -o-transform .1s linear;
    transition: transform .1s linear;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1);
    vertical-align: middle
}

[dir=rtl] .card-tag--big .card-tag-link-arrow {
    margin-right: 25px;
    margin-left: 0
}

.card-tag--big:hover .card-tag-link-arrow {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

@media (max-width:991px) {
    .card-tag--big {
        font-size: 10px;
        letter-spacing: -.1px;
        padding: 10px 15px
    }
    .card-tag--big .card-tag-link-arrow {
        font-size: 12px;
        margin-left: 15px;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
    [dir=rtl] .card-tag--big .card-tag-link-arrow {
        margin-right: 15px;
        margin-left: 0
    }
}

@media (max-width:767px) {
    .card-tag--big {
        margin-top: 0
    }
}

.card-tag--offer {
    background: #dd7611
}

.card-tag+.card-tag--offer:before,
.card-tag--offer:after {
    background: #dd7611
}

.card-tag--prebook {
    background: #78b833
}

.card-tag+.card-tag--prebook:before,
.card-tag--prebook:after {
    background: #78b833
}

@-webkit-keyframes productDetailsModal {
    from {
        top: 100%
    }
    to {
        top: 0
    }
}

@-o-keyframes productDetailsModal {
    from {
        top: 100%
    }
    to {
        top: 0
    }
}

@keyframes productDetailsModal {
    from {
        top: 100%
    }
    to {
        top: 0
    }
}

@-webkit-keyframes productDetailsModal-content {
    0%,
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes productDetailsModal-content {
    0%,
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes productDetailsModal-content {
    0%,
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
/**
.productDetails-modal {
    padding-right: 17px;
    -webkit-animation-name: productDetailsModal;
    -o-animation-name: productDetailsModal;
    animation-name: productDetailsModal;
    -webkit-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.productDetails-modal .dark {
    background-color: #1c1c1e;
    min-height: 100%
}

.productDetails-modal .dark .modal-dialog {
    background-color: #1c1c1e
}

.productDetails-modal .light {
    background-color: #fff;
    min-height: 100%
}

.productDetails-modal .light .modal-dialog {
    background-color: #fff
}

.productDetails-modal .light .modal-header {
    color: #4d4e53;
    background-color: #f1f0ef
}

.productDetails-modal .light .modal-header-content {
    color: #4d4e53
}

.productDetails-modal .light .modal-header-content .h1 {
    color: #000
}

.productDetails-modal .light .modal-body {
    color: #4d4e53
}

.productDetails-modal .light .modal-body .divider {
    border-bottom: 1px solid #ebebea
}

.productDetails-modal .light .modal-footer button.btn-close {
    color: #e31e24
}

.productDetails-modal .modal-backdrop {
    display: none
}

.productDetails-modal .modal-content {
    margin-top: 0;
    border: 0;
    -webkit-animation-name: productDetailsModal-content;
    -o-animation-name: productDetailsModal-content;
    animation-name: productDetailsModal-content;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.productDetails-modal .modal-content .container {
    width: auto!important
}

.productDetails-modal .modal-header {
    border: 0;
    color: #fff;
    background-color: #343539;
    width: 100%
}

.productDetails-modal .modal-header button.btn-close {
    margin-top: 0;
    color: inherit;
    position: absolute;
    right: 20px;
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 18px;
    z-index: 1000
}

.productDetails-modal .modal-header--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.productDetails-modal button.btn-close span {
    text-transform: uppercase;
    font-size: 14px
}

.productDetails-modal .modal-header-content {
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.productDetails-modal .modal-header-content .title {
    display: block;
    text-transform: uppercase
}

.productDetails-modal .modal-header-content .h1 {
    display: block;
    font-size: 40px;
    color: #fff;
    margin: 0 0 10px
}

.productDetails-modal .modal-body {
    margin: 20px 0;
    padding: 0 20px;
    color: #fff
}

.productDetails-modal .modal-body .divider {
    border-bottom: 2px solid #4d4e53;
    margin: 0 auto;
    width: 400px;
    display: block
}

@media (max-width:767px) {
    .productDetails-modal .modal-body .divider {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .productDetails-modal .modal-body .divider {
        width: 500px
    }
}

.productDetails-modal .modal-body h4 {
    padding: 30px
}

.productDetails-modal .modal-footer {
    border: 0;
    text-align: center;
    padding-bottom: 40px
}

.productDetails-modal .modal-footer button.btn-close {
    color: #78b7ff;
    margin: 20px 0;
    position: relative;
    right: 0
}

@media (max-width:767px) {
    .productDetails-modal .modal-header-content .title {
        font-size: 14px
    }
    .productDetails-modal .modal-header-content .h1 {
        font-size: 30px;
        margin: 0 0 5px
    }
}

@media (min-width:992px) {
    .productDetails-modal .modal-body {
        margin: 40px 0;
        padding: 0 126px
    }
}

.productDetails-modal .featureModal .feature {
    text-align: center
}

.productDetails-modal .featureModal .feature p {
    margin: 0 0 40px
}

.productDetails-modal .featureModal .keymessage {
    margin: 40px 0
}

@media (min-width:768px) {
    .productDetails-modal .featureModal .keymessage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .productDetails-modal .featureModal .keymessage .content-container,
    .productDetails-modal .featureModal .keymessage .image-container {
        width: 50%
    }
    .productDetails-modal .featureModal .keymessage.imageleft .content-container {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-left: 15px
    }
    .productDetails-modal .featureModal .keymessage.imageleft .image-container {
        padding-right: 15px
    }
    .productDetails-modal .featureModal .keymessage.imageright .content-container {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 15px
    }
    .productDetails-modal .featureModal .keymessage.imageright .image-container {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 15px
    }
}

.productDetails-modal .featureModal .keymessage h4 {
    padding: 20px 0;
    font-size: 17px;
    font-weight: 700
}
**/
.media-gallery-category {
    margin: 10px 20px
}

.media-gallery-category:hover {
    cursor: pointer
}

.media-gallery-category.selected {
    font-weight: 700
}

.media-gallery-category-input:hover {
    cursor: pointer
}

.media-gallery-radio .checked {
    font-weight: 700
}

.media-gallery-item {
    padding: 30px 0
}

.media-gallery-item-headline {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.media-gallery-item-description {
    font-size: 14px;
    margin: 0
}

.media-gallery-item-details {
    font-size: 85%;
    margin: 10px 0;
    color: #787878
}

.media-gallery-download {
    font-size: 14px;
    color: #78b7ff
}

.media-gallery-link {
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap
}

.metric-switch-line {
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px;
    border-right: 1px solid #4d4e53;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg)
}

.metric-switch-unit {
    /*font-family: Arial;*/
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer
}

.metric-switch-unit.selected {
    font-weight: 700
}

.productAccordionContent .slick-list {
    overflow: visible
}

[dir=rtl] .productAccordionContent .slick-list {
    overflow: hidden
}

.content-cards,
.included-products .product-carousel {
    margin: 80px 0 20px 0
}

.content-cards h2,
.included-products .product-carousel h2 {
    text-transform: uppercase;
    font-size: 22px
}

.content-cards h2.more-offers,
.included-products .product-carousel h2.more-offers {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 36px;
    text-align: left;
    margin-bottom: 0
}

.content-cards .card,
.included-products .product-carousel .card {
    position: relative;
    text-align: center;
    margin: 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .4;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.content-cards .card:before,
.included-products .product-carousel .card:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 102.702702703%
}

@media (max-width:767px) {
    .content-cards .card,
    .included-products .product-carousel .card {
        margin: 30px 50px
    }
}

.content-cards .card .h2,
.content-cards .card a,
.content-cards .card p,
.included-products .product-carousel .card .h2,
.included-products .product-carousel .card a,
.included-products .product-carousel .card p {
    color: #fff;
    margin: 20px 20px 0 20px
}

.content-cards .card .h2,
.included-products .product-carousel .card .h2 {
    font-size: 16px;
    line-height: 26px
}

@media (min-width:768px) {
    .content-cards .card .h2,
    .included-products .product-carousel .card .h2 {
        font-size: 32px
    }
}

.content-cards .card p,
.included-products .product-carousel .card p {
    font-size: 14px;
    margin-top: 15px
}

@media (min-width:768px) {
    .content-cards .card p,
    .included-products .product-carousel .card p {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .content-cards .card p,
    .included-products .product-carousel .card p {
        font-size: 12px;
        line-height: 1.2
    }
}

.content-cards .card a,
.included-products .product-carousel .card a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    font-size: 12px
}

@media (min-width:768px) {
    .content-cards .card a,
    .included-products .product-carousel .card a {
        font-size: 14px
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .content-cards .card a,
    .included-products .product-carousel .card a {
        padding: 10px 15px;
        font-size: 12px
    }
}

.content-cards .card .card-content,
.content-cards .card .img-card-background,
.included-products .product-carousel .card .card-content,
.included-products .product-carousel .card .img-card-background {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.content-cards .card:not(.card-50-50) .card-content,
.included-products .product-carousel .card:not(.card-50-50) .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-cards .card:not(.card-50-50) .card-content .h2,
.included-products .product-carousel .card:not(.card-50-50) .card-content .h2 {
    font-size: 26px;
    line-height: 1
}

@media (min-width:768px) {
    .content-cards .card:not(.card-50-50) .card-content .h2,
    .included-products .product-carousel .card:not(.card-50-50) .card-content .h2 {
        font-size: 48px
    }
}

.content-cards .card.card-full-height-large .card-content,
.content-cards .card.card-full-height-large-campaign .card-content,
.content-cards .card.card-full-height-small .card-content,
.content-cards .card.card-full-height-small-campaign .card-content,
.included-products .product-carousel .card.card-full-height-large .card-content,
.included-products .product-carousel .card.card-full-height-large-campaign .card-content,
.included-products .product-carousel .card.card-full-height-small .card-content,
.included-products .product-carousel .card.card-full-height-small-campaign .card-content {
    background-color: rgba(0, 0, 0, .3)
}

@media (min-width:768px) {
    .content-cards .card.card-full-height-small .card-content .h2,
    .content-cards .card.card-full-height-small-campaign .card-content .h2,
    .included-products .product-carousel .card.card-full-height-small .card-content .h2,
    .included-products .product-carousel .card.card-full-height-small-campaign .card-content .h2 {
        font-size: 32px
    }
}

.content-cards .card .img-card-background,
.included-products .product-carousel .card .img-card-background {
    z-index: -1
}

.content-cards .slick-active .card,
.content-cards .slick-no-slide .card,
.included-products .product-carousel .slick-active .card,
.included-products .product-carousel .slick-no-slide .card {
    opacity: 1
}

.content-cards .slick-slider .slick-slide:not(.slick-active) .card,
.included-products .product-carousel .slick-slider .slick-slide:not(.slick-active) .card {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.content-cards .card-50-50-gold-campaign,
.content-cards .card-solid-gold-campaign,
.included-products .product-carousel .card-50-50-gold-campaign,
.included-products .product-carousel .card-solid-gold-campaign {
    background-color: #dd7611
}

.content-cards .card-50-50-blue,
.content-cards .card-solid-blue,
.included-products .product-carousel .card-50-50-blue,
.included-products .product-carousel .card-solid-blue {
    background-color: #16a6c9
}

.content-cards .card-50-50-gray,
.content-cards .card-solid-gray,
.included-products .product-carousel .card-50-50-gray,
.included-products .product-carousel .card-solid-gray {
    background-color: #4d4e53
}

.content-cards .slick-next,
.content-cards .slick-prev,
.included-products .product-carousel .slick-next,
.included-products .product-carousel .slick-prev {
    background: 0 0;
    width: 24px;
    height: 48px;
    z-index: 1
}

.content-cards .slick-next:focus,
.content-cards .slick-next:hover,
.content-cards .slick-prev:focus,
.content-cards .slick-prev:hover,
.included-products .product-carousel .slick-next:focus,
.included-products .product-carousel .slick-next:hover,
.included-products .product-carousel .slick-prev:focus,
.included-products .product-carousel .slick-prev:hover {
    background: 0 0
}

.content-cards .slick-next:before,
.content-cards .slick-prev:before,
.included-products .product-carousel .slick-next:before,
.included-products .product-carousel .slick-prev:before {
    content: ""!important;
    border-top: 2px solid #4d4e53;
    margin: -10px -5px;
    position: absolute;
    height: 24px;
    width: 24px
}

.content-cards .slick-prev,
.included-products .product-carousel .slick-prev {
    left: 10px!important
}

@media (min-width:768px) {
    .content-cards .slick-prev,
    .included-products .product-carousel .slick-prev {
        left: -5px!important
    }
}

@media (min-width:992px) {
    .content-cards .slick-prev,
    .included-products .product-carousel .slick-prev {
        left: 10px!important
    }
}

.included-products [dir=rtl] .product-carousel .slick-prev,
[dir=rtl] .content-cards .slick-prev,
[dir=rtl] .included-products .product-carousel .slick-prev {
    left: auto!important;
    right: 10px!important
}

@media (min-width:768px) {
    .included-products [dir=rtl] .product-carousel .slick-prev,
    [dir=rtl] .content-cards .slick-prev,
    [dir=rtl] .included-products .product-carousel .slick-prev {
        left: auto!important;
        right: -5px!important
    }
}

@media (min-width:992px) {
    .included-products [dir=rtl] .product-carousel .slick-prev,
    [dir=rtl] .content-cards .slick-prev,
    [dir=rtl] .included-products .product-carousel .slick-prev {
        left: auto!important;
        right: 10px!important
    }
}

.content-cards .slick-prev:before,
.included-products .product-carousel .slick-prev:before {
    border-left: 2px solid #4d4e53;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0
}

.included-products [dir=rtl] .product-carousel .slick-prev:before,
[dir=rtl] .content-cards .slick-prev:before,
[dir=rtl] .included-products .product-carousel .slick-prev:before {
    border-left: none;
    border-right: 2px solid #4d4e53;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: auto;
    left: 0
}

.content-cards .slick-next,
.included-products .product-carousel .slick-next {
    right: 10px!important
}

@media (min-width:768px) {
    .content-cards .slick-next,
    .included-products .product-carousel .slick-next {
        right: -5px!important
    }
}

@media (min-width:992px) {
    .content-cards .slick-next,
    .included-products .product-carousel .slick-next {
        right: 10px!important
    }
}

.included-products [dir=rtl] .product-carousel .slick-next,
[dir=rtl] .content-cards .slick-next,
[dir=rtl] .included-products .product-carousel .slick-next {
    right: auto!important;
    left: 10px!important
}

@media (min-width:768px) {
    .included-products [dir=rtl] .product-carousel .slick-next,
    [dir=rtl] .content-cards .slick-next,
    [dir=rtl] .included-products .product-carousel .slick-next {
        right: auto!important;
        left: -5px!important
    }
}

@media (min-width:992px) {
    .included-products [dir=rtl] .product-carousel .slick-next,
    [dir=rtl] .content-cards .slick-next,
    [dir=rtl] .included-products .product-carousel .slick-next {
        right: auto!important;
        left: 10px!important
    }
}

.content-cards .slick-next:before,
.included-products .product-carousel .slick-next:before {
    border-right: 2px solid #4d4e53;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0
}

.included-products [dir=rtl] .product-carousel .slick-next:before,
[dir=rtl] .content-cards .slick-next:before,
[dir=rtl] .included-products .product-carousel .slick-next:before {
    border-right: none;
    border-left: 2px solid #4d4e53;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: auto;
    right: 0
}

.content-cards .slick-dots,
.included-products .product-carousel .slick-dots {
    background: 0 0;
    position: static;
    margin: 0
}

.content-cards .slick-dots li button:before,
.included-products .product-carousel .slick-dots li button:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #d8d7d5
}

.content-cards .slick-dots li.slick-active button:before,
.included-products .product-carousel .slick-dots li.slick-active button:before {
    content: "";
    background-color: #4d4e53
}

.content-cards .carousel .slick-slider,
.included-products .product-carousel .carousel .slick-slider {
    margin: 0
}

.campaign-page .slick-next,
.campaign-page .slick-prev {
    margin-left: -89px;
    margin-right: -89px
}

.productCategoryListing {
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center
}

.productCategoryListing .item-row {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productCategoryListing .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    vertical-align: top
}

.productCategoryListing .category-name a {
    color: #4d4e53;
    font-size: 15px;
    font-weight: 400;
    padding: 0 5px;
}


.productCategoryListing .product {
    border: 1px solid #d8d7d5;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px 5px 15px 5px;
    overflow: hidden;
    margin: 5px 3px;
    position: relative;
}
.productCategoryListing.mainPageListing .product {
    /*width: 217px;*/
    /*float: left;*/
    /*clear: none;*/
}
.productCategoryListing .product:hover {
    -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, .25)
}

.productCategoryListing .product .product-title:hover {
    color: #4d4e53
}

.productCategoryListing .product .image-container img {
    padding: 5px 0;
}

.productCategoryListing .h3 {
    width: 100%;
    display: block;
}
.productCategoryListing.mainPageListing .h3 {
    position: absolute;
    width: 100%;
    bottom: 16px;
}
.productCategoryListing .product > a {
    height: auto;
    display: block;
    margin-bottom: 0;
}
.productCategoryListing.mainPageListing .product > a {
    margin-bottom: 3rem;
    height: 80%;
}
.productCategoryListing .product > a picture {
    height: 100%;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.productCategoryListing .product img {
    height: auto;
}
.productCategoryListing .title {
    /*font-family: Arial, sans-serif;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
    color: #4d4e53
}

.productCategoryListing .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #919296
}

.productCategoryListing .description {
    display: block;
    width: 83.33333333%;
    margin-right: auto;
    margin-left: auto
}
.productCategoryListing.serviceList .chevron-link::after {
    position: absolute;
    line-height: 1.8em;
    margin-left: -2px;
}

@media (min-width:992px) {
    .productCategoryListing .col-5-4-2 {
        width: 20%
    }
}

@media (max-width:991px) {
    .productCategoryListing .col-5-4-2 {
        width: 25%
    }
}

@media (max-width:767px) {
    .productCategoryListing .col-5-4-2 {
        width: 50%
    }
    .productCategoryListing .category-name a {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: .5px
    }
    .productCategoryListing .description {
        display: none
    }
    .productCategoryListing .productCategoryListing .item {
        padding: 6px
    }
    .productCategoryListing .item-row {
        margin-left: -6px;
        margin-right: -6px
    }
    .productCategoryListing .item {
        padding: 6px
    }
}

@media (max-width:360px) {
    .productCategoryListing .category-name a {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: .5px
    }
}

@media (max-width:767px) {
    .campaign-page .imageText,
    .campaign-page .imageTextGrid {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .campaign-page .imageText .imageText-grid,
    .campaign-page .imageTextGrid .imageText-grid {
        margin-top: 0;
        margin-bottom: 0;
        background: 0 0
    }
}

.imageText.campaign {
    padding-top: 0;
    margin-top: 0
}

.imageText.campaign .campaign-duration {
    text-transform: uppercase;
    font-weight: 700
}

.imageText.campaign .image-text-title {
    color: #4d4e53
}

@media (min-width:992px) {
    .imageText.campaign .campaign-duration {
        font-size: 22px
    }
    .imageText.campaign .padding-container {
        margin-top: 0
    }
    .imageText.campaign .subtitle {
        font-size: 18px
    }
    .imageText.campaign .image-text-title {
        font-size: 50px;
        color: #4d4e53
    }
    .imageText.campaign p {
        font-size: 22px
    }
    .imageText.campaign .image-text-title,
    .imageText.campaign p {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .imageText.campaign {
        margin-bottom: 0
    }
    .imageText.campaign .campaign-duration,
    .imageText.campaign .image-text-title,
    .imageText.campaign .subtitle,
    .imageText.campaign p {
        text-align: left
    }
    [dir=rtl] .imageText.campaign .campaign-duration,
    [dir=rtl] .imageText.campaign .image-text-title,
    [dir=rtl] .imageText.campaign .subtitle,
    [dir=rtl] .imageText.campaign p {
        text-align: right
    }
    .imageText.campaign .campaign-duration {
        margin-top: 30px
    }
    .imageText.campaign .content-container {
        background: 0 0
    }
}

.campaign-row .col-sm-6:not(.campaign-column) .imageText .imageText-grid .wrapper .content-container .padding-container h2 {
    margin-top: 0;
    margin-bottom: 25px
}

@media (max-width:767px) {
    .campaign-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .campaign-row .col-sm-6.campaign-column {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .campaign-row .col-sm-6:not(.campaign-column) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .campaign-row .imageText-grid {
        background: 0 0;
        margin: 0 -15px
    }
}

.campaign-column {
    padding: 0 15px
}

.campaign-column .imageText {
    border: 1px #d8d7d5 solid;
    padding-left: 25px;
    padding-right: 25px
}

@media (max-width:767px) {
    .campaign-column {
        margin: 0 20px;
        padding: 0
    }
    .campaign-column .imageTextGrid {
        padding: 0 30px;
        margin-top: 0
    }
}

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

.imageText-campaign {
    text-align: center
}

@media (max-width:1299px) {
    .imageText-campaign {
        margin: 24px -15px
    }
}

.imageText-campaign .wrapper {
    background: #d8d7d5
}

.imageText-campaign .wrapper>.content-container>.padding-container {
    padding-top: 48px;
    padding-bottom: 48px
}

@media (max-width:767px) {
    .imageText-campaign .wrapper>.content-container>.padding-container .cta-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.imageText-campaign .wrapper>.content-container>.padding-container .cta-container .cta {
    margin: 0 10px;
    width: 340px;
    text-align: center
}

@media (max-width:1299px) {
    .imageText-campaign .wrapper>.content-container>.padding-container .cta-container .cta {
        width: 290px
    }
}

@media (max-width:767px) {
    .imageText-campaign .wrapper>.content-container>.padding-container .cta-container .cta {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .competitor-comparison .changeMetrics {
        float: none
    }
    .competitor-comparison .table-wrapper {
        overflow: visible;
        word-break: break-all
    }
    .competitor-comparison .table-wrapper .change-header {
        vertical-align: bottom
    }
    .competitor-comparison .table-wrapper .spec-header {
        text-transform: uppercase;
        padding: 10px 0 0 0;
        color: #787878;
        /*font-family: Arial, sans-serif;*/
        font-weight: 400;
        letter-spacing: .5px
    }
    .competitor-comparison .table-wrapper .model-row {
        font-size: 11px;
        text-transform: uppercase;
        padding: 0;
        word-break: break-all
    }
    .competitor-comparison .table-wrapper .image-change-row>th:nth-child(1) {
        padding-right: 10px
    }
    .competitor-comparison .table-wrapper .image-change-row>th {
        padding: 0
    }
    .competitor-comparison .table-wrapper .model-row>th {
        padding: 5px 0 5px 0!important;
        position: -webkit-sticky;
        position: sticky;
        background: #fff;
        top: 0;
        font-weight: 400
    }
    .competitor-comparison .table-wrapper .model-row>th:first-of-type {
        font-weight: 700
    }
    .competitor-comparison .table-wrapper .model-row>th:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 2px solid #b1dde8
    }
    .competitor-comparison .table-wrapper .table {
        table-layout: fixed;
        font-size: 12px
    }
    .competitor-comparison .table-wrapper table>tbody>tr:nth-of-type(even)>td {
        padding: 7px 0
    }
    .competitor-comparison .table-wrapper table>tbody>tr:nth-of-type(even) {
        background-color: #f1f0ef
    }
    .competitor-comparison .table-wrapper table>tbody>tr:nth-of-type(odd) {
        background-color: #fff;
        padding-top: 10px
    }
}

.included-products .product-carousel {
    margin: 0
}

.included-products .product-carousel .slick-list {
    overflow: hidden
}

@media (max-width:1299px) {
    .included-products .product-carousel .slick-next,
    .included-products .product-carousel .slick-prev {
        visibility: hidden
    }
}

.included-products .product-carousel .slick-next,
.included-products .product-carousel .slick-prev {
    width: 0;
    margin-left: -50px;
    margin-right: -50px
}

.included-products .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.included-products .slick-slide {
    height: unset
}

.included-products .products-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.included-products .products-column {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.included-products .products-column .model-toggle {
    width: 100%
}

.included-products .models-included-text {
    float: left;
    text-transform: uppercase
}

[dir=rtl] .included-products .models-included-text {
    float: right
}

.included-products .all-products-link {
    float: right;
    font-size: 18px
}

[dir=rtl] .included-products .all-products-link {
    float: left
}

.included-products .category-row,
.included-products .link-row {
    margin-left: 0;
    margin-right: 0
}

.included-products .col-category,
.included-products .col-link {
    border-bottom: 1px solid #d8d7d5;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0
}

.included-products .col-category {
    margin: 30px 0 10px 0
}

.included-products .short-description {
    font-size: 16px;
    line-height: initial
}

.included-products .carousel .img-responsive {
    width: auto
}

.included-products .carousel-wrapper {
    margin-left: -15px;
    margin-right: -15px
}

@media (max-width:767px) {
    .included-products {
        margin-top: 0
    }
    .included-products .carousel-wrapper,
    .included-products .products-row {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:1299px) {
    .included-products .all-products-link {
        margin-top: 15px;
        font-size: 16px
    }
}

.included-products .products-row:after,
.included-products .products-row:before,
.included-products .slick-track:after,
.included-products .slick-track:before {
    width: 0
}

#content-article-filter {
    margin-top: -20px;
    text-align: center
}

#content-article-filter .year-list .more-years,
#content-article-filter .year-list a,
#content-article-filter .year-list span {
    display: inline-block;
    padding: 5px 15px
}

#content-article-filter .year-list span {
    border-right: 1px solid #d8d7d5
}

[dir=rtl] #content-article-filter .year-list span {
    border-right: none;
    border-left: 1px solid #d8d7d5
}

#content-article-filter .year-list a.selected {
    color: #4d4e53
}

#content-article-filter .year-list .more-years {
    position: relative
}

#content-article-filter .year-list .year-dropdown-menu {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: 0;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .5);
    overflow: auto
}

[dir=rtl] #content-article-filter .year-list .year-dropdown-menu {
    text-align: right
}

#content-article-filter .year-list .year-dropdown-menu a {
    display: block;
    padding: 10px 15px
}

#content-article-filter .year-list .more-years-label {
    color: #e31e24;
    cursor: pointer;
    -webkit-user-select: none
}

#content-article-filter .year-list .more-years-label:hover {
    color: #0d3c87
}

#content-article-filter .year-list .more-years-label .fa:after {
    content: "\f107"
}

#content-article-filter .year-list .toggle {
    display: none
}

#content-article-filter .year-list .toggle:checked~.year-dropdown-menu {
    max-height: 176px
}

#content-article-filter .year-list .toggle:checked~.more-years-label .fa:after {
    content: "\f106"
}

#content-article-filter .custom-select-wrapper {
    margin: 20px 0 -20px
}

#content-article-filter .custom-select-wrapper .custom-select {
    border: 1px solid #d8d7d5;
    background-color: #fff
}

.faq {
    margin-bottom: 100px
}

.faq dl {
    border: 1px solid #badce6;
    border-bottom: none
}

.faq dt {
    padding: 20px 40px 20px 20px;
    position: relative;
    border-bottom: 1px solid #badce6;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.faq dt:before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    right: 20px
}

.faq dt.active {
    border-bottom: none
}

.faq dt.active:before {
    content: "\f077"
}

.faq dd {
    padding: 0 20px 20px 20px;
    word-break: break-word
}

@media not print {
    .js .faq dd {
        display: none
    }
}

.js .faq dt.active+dd {
    display: block;
    border-bottom: 1px solid #badce6
}

.faq .faq-group-heading {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    margin: 20px 0
}

.faq dl+.faq-group-heading {
    margin-top: 100px
}

.faq+.row h3 {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 36px;
    line-height: 1;
    margin: 0 0 20px
}

h1 span.h1,
h1 span.subtitle {
    display: block
}

@media print {
    a[href]:after {
        content: ""
    }
    .headerNotification,
    header {
        display: none
    }
    nav.subNav {
        display: none
    }
    footer>div {
        display: none
    }
    footer .copyright-section {
        display: block!important
    }
    body>.container {
        width: auto!important
    }
    #dealer-info-tab,
    #dealer-locator-content {
        width: auto!important
    }
    .list-container {
        display: none!important
    }
    .dealer-locator-heading {
        display: none!important
    }
    #dealer-locator-info .close-details {
        display: none
    }
    #dealer-details-top .directions {
        display: none
    }
    #dealer-details-bottom .print-button {
        display: none
    }
    #dealer-locator-content #dealer-map-tab {
        display: none
    }
    #dealer-locator-info #dealer-info {
        height: auto
    }
    #dealer-info-map-wrapper {
        display: block!important
    }
    #dealer-info-map-wrapper img {
        width: 100%
    }
    .table-wrapper {
        overflow: visible!important
    }
    .changeMetrics,
    .downloadList,
    .imageText-fullsize-dealerFinder {
        display: none
    }
}

header .header-container {
    margin-right: -15px
}

@media (min-width:992px) {
    header .header-container .logo {
        height: auto!important;
        height: initial!important
    }
}

.heroImage .image-container {
    padding-top: 0
}

.heroImage .image-container img {
    right: auto;
    left: auto;
    position: static;
    height: auto
}

@media (min-width:768px) {
    .productCarousel .slick-slide .image-container img {
        width: auto!important
    }
}

@media (min-width:768px) {
    .model .model-image .img-responsive {
        max-width: 100%!important
    }
}

.tableComponent th[scope=row] {
    font-weight: 400;
    width: 50%
}

.blockquote blockquote::after {
    top: 20%
}

.blockquote blockquote::before {
    top: 20%
}

.pseudoCtaLink {
    line-height: 3em;
    display: inline-block
}

@media (min-width:768px) {
    .itemCarousel .image-container img {
        min-height: 0!important
    }
    .carousel .slick-prev {
        left: -69px
    }
    .carousel .slick-next {
        right: -69px
    }
}

@media (min-width:768px) {
    .heroImage .wrapper.wrapper-external-mobile .content-container {
        padding: 48px 32px 16px
    }
}

.video .cta-link {
    padding-right: 0;
    line-height: normal
}

.downloadList .downloadList-multi ul a {
    font-weight: 400
}

.downloadList {
    margin: 24px 0!important;
    padding: 24px 0!important
}

.downloadList-gray {
    background-color: #f1f0ef
}

.custom-comma-links a:not(:last-child):after {
    content: ", "
}

header .sub-navigation {
    margin-bottom: 0!important
}

.included-products .title:before,
.productSelector .title:before {
    content: "\e614"
}

.heroImage .nogradient .image-container:after {
    background: 0 0!important
}

.imageText-fullsize-dealerFinder .image-container:before {
    content: none!important
}

@media (min-width:768px) {
    .imageText .imageText-fullsize-dealerFinder.imageText-light .image-container img {
        opacity: 1!important
    }
}

.footerLinks .fa,
.header-meta-links .fa {
    padding-right: 4px
}

.twitter-typeahead .tt-menu .tt-dataset .tt-ft {
    display: block!important
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
    height: auto!important
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion a {
    color: #000;
    display: block
}

.pagination .next,
.pagination .prev {
    z-index: 3
}

.pagination .prev {
    padding-right: 10px
}

.pagination .next {
    padding-left: 10px
}

.searchResults .search-item {
    margin-bottom: 30px
}

.searchResults .search-item a {
    margin-top: 5px
}

@media (min-width:768px) {
    .searchResults .search-item a {
        margin-top: 0
    }
}

.searchResults .search-item>a {
    margin: 0
}

.searchResults .search-item>a:after {
    content: none!important
}

.custom-select-wrapper.filter-sort,
.filters .filter-dropdown-label {
    vertical-align: middle
}

.custom-select {
    line-height: 1.2;
    height: 40px
}

select::-ms-expand {
    display: none
}

.headerNotification .h1 {
    margin-top: 0
}

.included-products .filter-trigger,
.productSelector .filter-trigger {
    z-index: 1!important
}

.loader {
    margin: 80px auto;
    font-size: 16px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    -o-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load5 {
    0%,
    100% {
        -webkit-box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7);
        box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
    }
    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
    }
    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000;
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000
    }
}

@-o-keyframes load5 {
    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000
    }
}

@keyframes load5 {
    0%,
    100% {
        -webkit-box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7);
        box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
    }
    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
    }
    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000;
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000
    }
}

.btn,
.cta {
    white-space: normal;
    text-align: left
}

@media (max-width:991px) {
    header .header-container {
        line-height: 40px
    }
    header .header-container .logo {
        height: auto
    }
    header .header-container .mobile-menu-container {
        margin-top: 0
    }
}

@media (min-width:992px) {
    header .header-container .logo-container {
        width: 60%
    }
    header .header-container .menu-container {
        width: 40%
    }
}

.subNavigationCarousel .itemCarousel .content-container {
    text-align: center;
    margin-top: 8px
}

@media (min-width:1300px) {
    .subNavigationCarousel .itemCarousel .content-container {
        width: 86%;
        margin: 16px auto;
        padding: 0
    }
}

.subNavigationCarousel .itemCarousel .content-container a {
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:768px) {
    .imageGrid .grid-wrapper .popover {
        width: 110%;
        margin: -.4em -5% 0
    }
}

.imageGrid p.imageGrid-description {
    margin-top: 0
}

@media (min-width:768px) {
    .imageText .imageText-fullsize .wrapper,
    .imageText .imageText-fullsize-dealerFinder .wrapper {
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.mediaGallery .grid li.video-grid i.fa-play-circle {
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.mediaGallery .grid li.video-grid i.fa-play-circle:before {
    display: inline-block;
    margin-left: .14em;
    margin-bottom: .02em
}

.mediaGallery img.embed-responsive-item {
    position: static;
    height: auto
}

.mediaGallery .grid li.video-grid .video-crop {
    padding-bottom: 51.54%;
    height: 0;
    overflow: hidden
}

.heroImage .wrapper.wrapper-external-mobile p {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .heroImage .wrapper.wrapper-external-mobile .p {
        margin-bottom: 0
    }
    .heroImage .wrapper.wrapper-external-mobile .cta,
    .heroImage .wrapper.wrapper-external-mobile .cta-video,
    .heroImage .wrapper.wrapper-external-mobile .p {
        color: #4d4e53
    }
    .heroImage .wrapper.wrapper-external-mobile .cta-video:hover:hover {
        color: #343539
    }
}

.blockquote-content p {
    /*font-family: inherit;*/
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 24px!important
}

.blockquote .cta,
.blockquote .cta-video {
    margin-top: 24px
}

.blockquote .h1+.cta {
    margin-top: 0
}

h1,
h2,
h3,
h4 {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal
}

.forminclude h1,
.forminclude h2,
.forminclude h3,
.forminclude h4,
.newsArticle h1,
.newsArticle h2,
.newsArticle h3,
.newsArticle h4,
.wForm h1,
.wForm h2,
.wForm h3,
.wForm h4 {
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.h1,
.h2,
.h3,
.h4,
.imageText .image-text-title,
.newsFeaturesItem .news-item-title,
.newsList .news-item-title {
    text-transform: uppercase
}

.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child {
    margin-top: 0;
}

.p {
    position: relative;
    margin: 0 0 24px;
}

.heroImage .hero-image-light .subtitle {
    color: #fff;
    /* font-family: 'Oswald', sans-serif; */
}

.productGrid .product-grid-subtitle {
    margin-bottom: 0
}

@media (min-width:768px) {
    footer .footer-column .h4 {
        font-size: 32px
    }
}

.mediaGallery .grid li {
    margin-left: 0!important;
    margin-right: 0!important
}

@media (min-width:768px) {
    .mediaGallery .title-wrapper .h1,
    .mediaGallery .title-wrapper h1,
    .mediaGallery .title-wrapper p {
        float: none;
        width: auto;
        left: auto
    }
    .mediaGallery .expander .fullimg::after {
        right: 15px
    }
}

@media (min-width:992px) {
    .mediaGallery .grid-wrapper .grid-filters {
        left: 22px
    }
}

.mediaGallery .title-wrapper h1 {
    line-height: 24px;
    margin-bottom: 0
}

.mediaGallery .title-wrapper .h1 {
    margin-bottom: 0
}

.mediaGallery .title-wrapper p {
    margin-top: 0
}

.mediaGallery .grid-wrapper .grid-filters .fa {
    margin-left: 20px;
    margin-right: 20px
}

.cta::after,
.footerLinks ul li a::after,
.imageText .image-text-title>a::after,
.mastNav__level__footer__link:after,
.mastNav__mod__gridItem__headline:after,
.mastNav__mod__gridItem__link:after,
.mastNav__mod__link:after,
.mastNav__mod__productLink:after,
.model .model-name:after,
.news-item-title>a:after,
.product .product-title::after,
a.cta-link::after {
    content: none!important
}

/** 
.chevron-link {
    white-space: nowrap
} **/

.downloadList .cta span.chevron-link {
    font-weight: 700;
    padding-left: 0
}

@media (min-width:768px) {
    .newsArticle .news-image-half-width-right {
        padding-left: 0;
        margin-left: 32px;
        width: auto;
        max-width: 50%;
        float: right
    }
    .newsArticle .news-image-half-width-left {
        padding-right: 0;
        margin-right: 32px;
        width: auto;
        max-width: 50%;
        float: left
    }
}

@media (min-width:768px) {
    .imageText .imageText-fullsize-outsideText .cta-link+.cta-link {
        display: inline-block
    }
}

.imageText-only-text .subtitle {
    text-align: center
}

.breadcrumb {
    padding: 20px 0;
    line-height: 1.8
}

.breadcrumb li:last-child a::after {
    content: none
}

.breadcrumb-link:after {
    content: "›";
}

@media (max-width:767px) {
    .heroImage .image-container:after {
        top: 35%
    }
}

@media (min-width:768px) {
    .heroImage .image-container:after {
        background-image: -webkit-radial-gradient(0 0, 80% 100%, rgba(0, 0, 0, .3), transparent);
        background-image: -o-radial-gradient(0 0, 80% 100%, rgba(0, 0, 0, .3), transparent);
        background-image: radial-gradient(80% 100% at 0 0, rgba(0, 0, 0, .3), transparent)
    }
    .heroImage .hero-image-dark .image-container:after {
        background-image: -webkit-radial-gradient(0 0, 80% 100%, rgba(255, 255, 255, .7), transparent);
        background-image: -o-radial-gradient(0 0, 80% 100%, rgba(255, 255, 255, .7), transparent);
        background-image: radial-gradient(80% 100% at 0 0, rgba(255, 255, 255, .7), transparent)
    }
    .heroImage .hero-image-dark.hero-image-right .image-container:after {
        background-image: -webkit-radial-gradient(100% 0, 80% 100%, rgba(255, 255, 255, .7), transparent);
        background-image: -o-radial-gradient(100% 0, 80% 100%, rgba(255, 255, 255, .7), transparent);
        background-image: radial-gradient(80% 100% at 100% 0, rgba(255, 255, 255, .7), transparent)
    }
    .heroImage .hero-image-right .image-container:after {
        background-image: -webkit-radial-gradient(100% 0, 80% 100%, rgba(0, 0, 0, .3), transparent);
        background-image: -o-radial-gradient(100% 0, 80% 100%, rgba(0, 0, 0, .3), transparent);
        background-image: radial-gradient(80% 100% at 100% 0, rgba(0, 0, 0, .3), transparent)
    }
}

.included-products .carousel .img-responsive,
.productSelector .carousel .img-responsive {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.contactUs .contact-us-item>a {
    color: #4d4e53!important
}

.blockquote blockquote {
    padding: 0 12px;
    float: none;
    width: auto;
    left: auto
}

.blockquote blockquote::after,
.blockquote blockquote::before {
    content: none
}

.blockquote .blockquote-content {
    display: table;
    margin: 0 auto
}

.blockquote .blockquote-content p {
    display: table-cell;
    vertical-align: top
}

.blockquote .blockquote-content::after,
.blockquote .blockquote-content::before {
    font-size: 16px;
    font-family: fontawesome;
    content: "";
    padding: 0 20px
}

@media (min-width:768px) {
    .blockquote .blockquote-content::after,
    .blockquote .blockquote-content::before {
        font-size: 32px
    }
}

.blockquote .blockquote-content::after {
    content: ""
}

@media (max-width:991px) {
    footer .copyright-section {
        padding: 12px 0!important
    }
    footer .copyright-section img {
        display: block;
        margin: 0 auto
    }
    footer .copyright-section .copyright {
        display: block;
        padding-top: 12px!important;
        padding-left: 0!important
    }
}

@media (min-width:992px) {
    footer .copyright-section {
        padding: 12px 0!important
    }
    footer .copyright-section .copyright-container {
        margin-top: -3px
    }
    footer .copyright-section img {
        display: inline-block;
        vertical-align: baseline
    }
    footer .copyright-section .copyright {
        display: inline-block;
        vertical-align: baseline;
        padding-left: 12px
    }
}

@media (min-width:992px) {
    header .header-container .volvo-logo {
        margin: 0
    }
}

sup {
    position: relative!important
}

.table-wrapper {
    overflow: auto
}

.forminclude {
    max-width: 600px;
    margin: 0 auto 40px
}

.forminclude .wForm .oneField,
.forminclude .wForm fieldset {
    margin: 10px 0 20px
}

@media (min-width:992px) {
    .forminclude .wForm .oneField,
    .forminclude .wForm fieldset {
        margin: 10px 0
    }
}

.forminclude .wForm fieldset {
    border: 1px solid #d8d7d5
}

.forminclude .wForm input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.forminclude .wForm textarea {
    width: 100%;
    padding: 10px 15px;
    height: 40px;
    border: 1px solid #d8d7d5;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.forminclude .wForm textarea {
    height: 120px
}

.forminclude .wForm select {
    background-color: #fff;
    border: 1px solid #d8d7d5
}

.forminclude .wForm select[multiple] {
    width: 100%;
    min-height: 40px;
    padding: 10px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.forminclude .wForm .label.reqMark:after {
    content: " *";
    color: #c4001a
}

.forminclude .wForm .errMsg {
    color: #c4001a;
    font-size: 85%;
    margin-top: 5px
}

.forminclude .wForm .vertical .oneChoice {
    display: block;
    margin: 10px 0
}

.forminclude .wForm .horizontal {
    display: block;
    margin: 5px 0
}

.forminclude .wForm .horizontal .oneChoice {
    display: inline-block;
    margin: 5px 0
}

.forminclude .wForm .postField {
    margin: 0 20px 0 6px
}

.forminclude .wForm .offstate {
    display: none
}

@media (min-width:768px) {
    .product-archive-list .imageTextGrid-4 .row {
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .imageTextGrid .imageTextGrid-4 .row {
        background-color: #ebebeb
    }
    .imageTextGrid .imageTextGrid-4 .imageText {
        text-align: center
    }
}

.imageTextGrid .imageTextGrid-4 .link {
    display: inline-block;
    margin-top: 8px
}

iframe.application-inclusion {
    width: 100%;
    height: 100%
}

iframe.application-inclusion.loading {
    background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%
}

@media (min-width:768px) {
    [data-geoipitemid].col-sm-4 {
        margin-bottom: 20px
    }
    [data-geoipitemid].col-sm-4:nth-child(3n+1) {
        clear: both
    }
}

.mediaGallery .expander .details h5 {
    line-height: 1.5
}

.video .youkuVideo {
    -webkit-background-size: contain!important;
    background-size: contain!important;
    width: 100%
}

.video .youkuVideo .linkContainer {
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center
}

.mediaGallery .grid li.video-grid .cta-video i {
    position: relative;
    top: initial;
    left: initial;
    font-size: initial;
    color: inherit;
    line-height: 1!important;
    vertical-align: middle!important;
    font-size: 3em;
    margin-right: 7.5px;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    -webkit-transform: inherit
}

.mediaGallery .grid li.video-grid a.cta-video::after {
    content: "";
    font-family: initial;
    padding-left: initial
}

.mediaGallery .expander .fullimg.youkuContainer::after {
    content: "";
    display: block;
    position: initial;
    top: 0;
    right: 0;
    padding: 0;
    background-color: initial;
    color: initial;
    font-family: initial;
    pointer-events: none
}

.simpleItemDisplay .item-row {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:768px) {
    .product-carousel2.slick-slider {
        margin-bottom: 60px
    }
}

.model .tooltip .tooltip-inner {
    white-space: normal;
    text-align: inherit
}

@media (max-width:768px) {
    .model .tooltip .tooltip-inner {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.5
    }
}

.forminclude h1,
.forminclude h2,
.forminclude h3,
.forminclude h4,
.h1,
.h2,
.h3,
.h4,
.heroImage .h1,
.imageText .image-text-title,
.imageText .imageText-grid .h1,
.modelListing .title,
.newsArticle h1,
.newsArticle h2,
.newsArticle h3,
.newsArticle h4,
.newsFeaturesItem .news-item-title,
.newsList .news-item-title,
.wForm h1,
.wForm h2,
.wForm h3,
.wForm h4 {
    line-height: 1
}

@media (max-width:767px) {
    .heroImage .h1 {
        padding-top: 12px
    }
}

.productGrid .h1 {
    line-height: 32px
}

@media (min-width:768px) {
    .productGrid .h1 {
        line-height: 48px
    }
}

.cookie-notification {
    color: #4d4e53;
    background-color: #d8d7d5;
    border-top: 1px solid #919296;
    font-size: 14px;
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    bottom: 0
}

.cookie-notification .container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cookie-notification .container .cookie-notification-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cookie-notification .container .cookie-notification-left h2 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #4d4e53;
    letter-spacing: .2px;
    margin-top: 10px;
    margin-bottom: 0;
    /*font-family: Arial, sans-serif;*/
    width: 100%
}

.cookie-notification .container .cookie-notification-left p {
    margin-bottom: 8px
}

.cookie-notification .container .cookie-notification-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 0
}

.cookie-notification .container .cookie-notification-right a {
    border-color: #e31e24;
    background-color: #e31e24;
    color: #fff;
    width: auto;
    margin: 10px 0 10px 60px
}

.cookie-notification .container .cookie-notification-right a:hover {
    border-color: #0d3c87;
    background-color: #0d3c87
}

@media (max-width:768px) {
    .cookie-notification .container {
        display: block
    }
    .cookie-notification .container>div {
        margin-top: 0;
        display: block
    }
    .cookie-notification .container .cookie-notification-left p {
        margin-bottom: 0
    }
    .cookie-notification .container .cookie-notification-right a {
        margin: 10px 0 15px 0;
        padding: 4px 14px;
        text-align: center;
        width: 100%
    }
}

.productCarousel .title {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.2
}

@media (max-width:767px) {
    .serviceArea .hero-image-withicon .wrapper {
        width: 100%
    }
    .serviceArea .hero-image-withicon .wrapper .padding-container {
        padding-right: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .serviceArea .hero-image-withicon .padding-container {
        width: 70%
    }
}

.serviceArea .hero-image-icon {
    position: absolute!important;
    width: auto!important;
    height: auto!important;
    top: auto!important;
    right: 20px!important;
    bottom: 20px!important;
    z-index: 9
}

@media (max-width:767px) {
    .serviceArea .hero-image-icon {
        width: 50px!important
    }
}

.imageText .image-text-title>a {
    /* font-family: 'Oswald', sans-serif; */
    font-size: inherit;
    line-height: inherit;
    color: #4d4e53
}

@media (max-width:767px) {
    .heroImage .wrapper {
        overflow-wrap: break-word;
        word-wrap: break-word
    }
}


/** слайдер **/ 
.slick-arrow {
	display: none;
}

.dnone {
	display: none;
}
/*# sourceMappingURL=maps/application.min.css.map */

/** / -- слайдер **/


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

.fa.fa-heart {
  color: #ff6060;
}

.flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.card--outer {
  position: relative;
  color: #ffffff;
  width: 33.3335%;
  -webkit-box-flex: 1;
          flex-grow: 1;
  min-width: 350px;
  height: 250px;
  margin: 0 auto;
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 2px 10px 0 rgba(21, 21, 43, 0.08);
  overflow: hidden;
    border: solid 5px #fff0;
  
}
.card--outer:hover {
  color: #ffffff;
}
.card--outer:hover > .card-top__image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.card--outer:hover > .card-bottom__details hr {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

@media (max-width: 650px) {
    .card--outer {
        position: relative;
        color: #ffffff;
        width: 33.3335%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        min-width: 365px;
        height: 170px;
        margin: 0 auto;
        padding: 0;
        border-radius: 0px;
        box-shadow: 0 2px 10px 0 rgb(21 21 43 / 8%);
        overflow: hidden;
        border: solid 2px #fff0;
    }
}



.card-top__image {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 0px;
  -webkit-transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.card-top__image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: inherit;
  top: 0;
  left: 0;
  /** background: rgba(0, 0, 0, 0.4); **/
  border-radius: 0px;
}
.card-top__details {
    position: absolute;
    padding: 0 0 1em 1em;
    bottom: 0;
    left: 0;
    text-align: left;
    width: calc(100% - 2em);
}

.card-top__details .title {
    font-weight: 600;
    line-height: 1.2em;
    font-size: 1.7em;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    /* font-family: 'Oswald', sans-serif; */
}



.card-bottom__details {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  /*width: calc(100% - 2em);*/
  width: 100%;
  background-color: #000000a6;
    padding: 0.2em 1em;
    height: 2.4em;
    line-height: 1em;
    display: flex;
    align-items: center;
}

.card-bottom__details .title {
  font-weight: 300;
  line-height: 1.2em;
  font-size: 1.4em;
  text-shadow: 1px 1px 0 rgba(0,0,0,.3);
  /* font-family: 'Oswald', sans-serif; */
  
  
}
.card-bottom__details .author {
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
  font-size: 0.9em;
}

.card-bottom__details hr {
  width: 60px;
  border: none;
  
  height: 1px;
  background-color: #d8d7d5;
    
  border-top: 2px solid #d8d7d5;
  margin: 1em auto 1em 0;
  -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}


.menu-dropdown-icon li {
	
}


/*кнопка звонка*/

.callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 3%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@media (max-width: 760px) {

    .callback-bt {
        display: none;
    }

}



@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */



/*кнопка обратной связи*/

.email-bt {
        background:#F95C18;
        border:2px solid #F95C18;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(249,92,24,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        left: 3%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:email-an linear 1s infinite;
        animation:email-an linear 1s infinite;
}

.email-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.email-bt .text-call span {
    text-align: center;
    color:#F95C18;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
}

.email-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.email-bt:hover i {
    display:none;
}

.email-bt:hover {
        z-index:1;
        background:#fff;
        transition:.3s;
}
.email-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.email-bt i {
        color:#fff;
        font-size:29px;
        transition:.3s;
        line-height: 66px;
}

.email-bt i  {
        -webkit-animation: opsimple 3s infinite;
        animation: opsimple 3s infinite;
}


@media (max-width: 760px) {
    .email-bt {
        display: none;
    }
}


@-webkit-keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}@keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}

@keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/* конец кнопки звязи */

/** верхнее меню **/
.dropdownmenu ul,
.dropdownmenu li {
    margin: 0;
    padding: 0;
}

.dropdownmenu ul {
    background: gray;
    list-style: none;
    width: 100%;
}

.dropdownmenu li {
    float: left;
    position: relative;
    width: auto;
}

.dropdownmenu a {
    background: #dfdfdf;
    color: #000;
    display: block;
        font-size: 13px;
        text-transform: uppercase;
    line-height: 35px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.dropdownmenu li:hover a {
    background: #F2F2F2;
}

#submenu {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    margin-top: 15px;
    min-width: 265px;
}

li:hover ul#submenu {
    opacity: 1;
    top: 40px;
    /* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
}

#submenu li {
    float: none;
    width: 100%;
}

#submenu a:hover {
    background: #dfdfdf;
}

#submenu a {
    background-color: #dfdfdf;
    text-align: left;
    font-size: 15px;
    line-height: 22px;


}

/** /верхнее меню **/

.listimg img {
    width: 55px;
    height: auto;
    position: absolute;
    margin: 10px 5px;
    z-index: 15;
}

#bx_1847241719_30 {
    display: none;
}

#bx_1847241719_29 {
    display: none;
}

#bx_1847241719_61 {
    display: none;
}


.slam-easyform .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    background: #DFDFDF;
    color: #4d4e53;
}

.slam-easyform .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.slam-easyform .btn-primary {
    display: none;
}

.active-1 a{
    background: #F2F2F2;
}


/** contacts **/

.addresses {
    margin: 0;
  }
  .addresses .button {
    width: 100%;
  }
  .addresses__container {
    width: 100%;
    margin-left: -20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: sstarts;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  @media (max-width: 649px) {
    .addresses__container {
      margin-bottom: 40px;
    }
  }
  .addresses__card {
    width: 22%;
    padding-top: 20px;
    margin: 10px 10px 10px 20px;
    border: 1px solid #e6e7e8;
  }
  @media (min-width: 650px) and (max-width: 1299px) {
    .addresses__card {
      width: 47%;
      margin: 0 0 15px 12px;
    }
  }
  @media (max-width: 649px) {
    .addresses__card {
      width: 100%;
      padding-top: 30px;
 
    }
    .addresses__card:last-of-type {
      margin-bottom: 30px;
    }
  }
  .addresses__card:nth-child(3n+0) {
    margin-right: 0;
  }
  .addresses__card .tabs-nav__item--active .tabs-nav__link {
    color: #ffffff;
  }
  .addresses__card .caption  {
    /*margin-right: 25px;*/
    margin-bottom: 20px;
    margin-left: 25px;
    font-weight: bold;
    font-size: 16px;
  }

  .addresses__card .button {
    font-size: 16px;
    font-weight: 400;
    color: #4d4e53;
    border: 2px solid #DFDFDF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 14px 30px;
    text-align: center;
    background-color: #DFDFDF;
}


  .addresses__card .button:hover {
 
    color: #4d4e53;
    border: 2px solid #DFDFDF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
 
    background-color: #fff;
}

  .button--width-auto {
    width: auto;
    min-width: auto;
  }
  @media (max-width: 649px) {
    .button--width-auto {
      width: 100%;
      max-width: 100%;
    }
  }
  .button--square {
    border-radius: 0;
    padding: 19px 30px;
    min-width: 100%;
    text-align: center;
  }
  .button--medium {
    border-radius: 0;
    text-align: center;
    width: 100%;
  }
  .button--minor {
    background-color: transparent;
    color: #4d5360;
  }
  .button--minor:hover,
  .button--minor:focus {
    background-color: #b5121b;
    color: #ffffff;
  }
  .button--small {
    padding: 4px 10px;
    min-width: 115px;
    text-align: center;
    font-size: 14px;
    line-height: normal;
  }
  .button--dark {
    color: #ffffff;
  }
  .button--dark:hover,
  .button--dark:focus {
    color: #ffffff;
  }
  .button--disabled {
    background-color: #909090;
    color: #e6e7e8;
    border-color: #909090;
  }
  .button--disabled:hover,
  .button--disabled:focus {
    background-color: #909090;
    color: #e6e7e8;
  }
  .button--disabled-minor {
    border-color: #909090;
    color: #909090;
  }
  .button--disabled-minor:hover,
  .button--disabled-minor:focus {
    background-color: transparent;
    color: #909090;
  }
  .button--no-text {
    color: #b5121b;
    cursor: default;
  }
  .button--no-text:hover,
  .button--no-text:focus {
    background-color: #b5121b;
    color: #b5121b;
  }
  .caption {
    font-size: 18px;
  }

  @media (max-width: 649px) {
    .addresses__card .caption {
      margin-right: 30px;
      margin-left: 16px;
    }
  }
  .addresses__content {
    min-height: 255px;
  }
  .addresses__content--modal {
    min-height: 150px;
  }
  .addresses__title {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .addresses__inner {
    margin: 0 auto;
    max-width: 1440px;
    padding-right: 135px;
    padding-left: 135px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: sstarts;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  @media (min-width: 1024px) and (max-width: 1366px) {
    .addresses__inner {
      padding-right: 80px;
      padding-left: 80px;
    }
  }
  @media (min-width: 650px) and (max-width: 1024px) {
    .addresses__inner {
      padding-right: 40px;
      padding-left: 40px;
    }
  }
  @media (max-width: 649px) {
    .addresses__inner {
      padding-right: 15px;
      padding-left: 15px;
    }
  }
  .location__inner .addresses__inner {
    padding: 0;
  }
  @media (max-width: 649px) {
    .addresses__inner {
      margin-bottom: 40px;
    }
  }
  .addresses__item {
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: space-between;*/
    /*-moz-box-pack: space-between;*/
    /*-ms-flex-pack: sspace-betweens;*/
    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
    /*-webkit-box-align: baseline;*/
    /*-moz-box-align: baseline;*/
    /*-ms-flex-align: baseline;*/
    /*-webkit-align-items: baseline;*/
    /*align-items: baseline;*/

    /*margin-right: 25px;*/
    margin-bottom: 20px;
    margin-left: 25px;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
  }

  .addresses__text {
    display: block;
    width: 89.3%;
    line-height: 1.67;
  }
  @media (max-width: 649px) {
    .addresses__text {
      padding-right: 16%;
      font-size: 14px;
      line-height: 1.5;
    }
  }
  .addresses__text--schedule {
    font-size: 14px;
    line-height: 1.5;
  }
  .addresses__tel {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .addresses__tel:hover {
    color: #3675a3;
  }

/** **/

/** каталог з/ч**/

.catalog__content {
    margin-bottom: 25px; }
  
  .catalog__table {
    width: 100%; }
    .catalog__table thead {
      font-size: 11px; }
      .catalog__table thead tr {
        border-bottom: 2px solid #b8b6b6; }
      .catalog__table thead td {
        padding-bottom: 8px;
        vertical-align: top;
        padding-right: 10px; }
        .catalog__table thead td:last-child {
          padding-right: 0; }
    .catalog__table tbody tr {
      border-bottom: 2px solid #b8b6b6; }
    .catalog__table tbody td {
      padding: 10px 20px 10px 0px;
      vertical-align: top; }
    .catalog__table tbody td:first-child {
       text-align:center; }
      .catalog__table tbody td:last-child {
        padding-right: 0; }
    .catalog__table__head--photo {
      width: 122px; }
    .catalog__table__head--name {
      width: 187px; }
    .catalog__table__head--place {
      width: 16.5%; }
    .catalog__table__head--price {
      width: 13.7%; }
    .catalog__table__head--quant1 {
      width: 12.8%; }
    .catalog__table p {
      font-size: 12px;
      margin-bottom: 3px; }
    .catalog__table__img {
      border: 1px solid #d5d5d5; 
      width: 120px;
     }
      .catalog__table__img--user {
        width: 120px; }
  @media (max-width: 600px) {
    .catalog__table__img--user {
        width: 60px; }
    .catalog__table tbody td {
      padding-right: 8px;}
    .catalog__table__buy {
     /**  position: relative;
      bottom: 0;
      top: 37px;
      left: -70px; **/} 
    .catalog__table__buy .btn {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 12px;}
    .promo-count__number {
       height: 33px;}
    .input-group-btn > .btn {
      height: 12px;} 
    .catalog__table tbody td:last-child {
      max-width: 0px;
    }
  }
  
   
    .catalog__table .light {
      color: #757575; }
      .catalog__table .light + .title {
        margin-top: -6px; }
    .catalog__table .circle {
      display: inline-block;
      vertical-align: text-top;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #757575;
      margin-right: 5px; }
    .catalog__table .title {
      display: inline-block;
      vertical-align: top;
      color: #000;
      margin-bottom: 14px;
      font-size: 14px;
      font-weight: bold;
      line-height: 18px; }
      .catalog__table .title:hover, .catalog__table .title:focus {
        color: #000; }
    .catalog__table .mini {
      font-size: 10px; }
    .catalog__table--basket thead td {
      font-weight: bold;
      padding-bottom: 20px; }
    .catalog__table--basket .catalog__table__head--name {
      width: 280px; }
    .catalog__table--ordering tbody tr:last-child {
      border-bottom: none; }
    .catalog__table--ordering tbody td {
      padding-top: 0; }
      @media (max-width: 1050px) {
        .catalog__table--ordering tbody td {
          padding-top: 20px; } }
  
  .catalog__history li {
    display: inline-block; }
  
  .catalog--cabinet {
    padding-top: 10px; }
  
  .promo-catalog {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -14px;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 0;
    margin-bottom: -50px; }
    .promo-catalog:before, .promo-catalog:after {
      content: " ";
      display: table; }
    .promo-catalog:after {
      clear: both; }
    @media (max-width: 1400px) {
      .promo-catalog {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (max-width: 1050px) {
      .promo-catalog {
        margin-top: 0; } }
    @media (max-width: 500px) {
      .promo-catalog {
        margin-bottom: -10px; } }
    .promo-catalog__block {
      position: relative;
      float: left;
      width: 33.33333%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block;
      vertical-align: top;
      float: none !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      margin-bottom: 50px; }
      @media (min-width: 1050px) {
        .promo-catalog__block {
          float: left;
          width: 33.33333%; } }
      @media (max-width: 1400px) {
        .promo-catalog__block {
          padding-left: 10px !important;
          padding-right: 10px !important; } }
      @media (max-width: 700px) {
        .promo-catalog__block {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px;
          margin-bottom: 20px; } }
      @media (max-width: 500px) {
        .promo-catalog__block {
          width: 100%; } }
      @media (max-width: 500px) {
        .promo-catalog__block:last-child {
          margin-bottom: 0; } }
    .promo-catalog__item {
      display: block;
      padding-bottom: 25px;
      border-bottom: 2px solid #b8b6b6;
      margin-bottom: 15px;
      /*min-height: 520px;*/ }
      @media (max-width: 1050px) {
        .promo-catalog__item {
          box-shadow: 0px 0px 16px 0px rgba(98, 98, 98, 0.25); } }
      .promo-catalog__item:hover {
        box-shadow: 0px 0px 16px 0px rgba(98, 98, 98, 0.25); }
    .promo-catalog__img {
      width: 100%;
      height: 154px;
      position: relative;
      overflow: hidden;
      margin-bottom: 16px; }
      .promo-catalog__img img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        max-width: 90%;
        max-height: 90%; }
    .promo-catalog__description {
      padding: 0px 7px 0px 18px; }
      @media (max-width: 1050px) {
        .promo-catalog__description {
          padding-left: 10px;
          padding-right: 10px; } }
    .promo-catalog__number {
      font-size: 12px;
      margin-bottom: 18px;
      color: #757575; }
      @media (max-width: 1050px) {
        .promo-catalog__number {
          margin-bottom: 5px; } }
    .promo-catalog__title {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      color: #000;
      font-weight: bold;
      margin-bottom: 35px; }
      @media (max-width: 1050px) {
        .promo-catalog__title {
          margin-bottom: 10px; } }
      .promo-catalog__title:hover, .promo-catalog__title:focus {
        color: #000; }
      .promo-catalog__title + .promo-catalog__price {
        margin-top: 0; }
    .promo-catalog__text {
      line-height: 14px;
      margin-bottom: 15px; }
      @media (max-width: 1050px) {
        .promo-catalog__text {
          margin-bottom: 10px; } }
      .promo-catalog__text p {
        font-size: 13px; }
    .promo-catalog__place {
      font-size: 11px;
      margin-bottom: 16px; }
      @media (max-width: 1050px) {
        .promo-catalog__place {
          margin-bottom: 10px; } }
      .promo-catalog__place p {
        margin-top: 1px;
        font-size: 12px;
        color: #757575; }
    .promo-catalog__city {
      font-size: 11px;
      margin-bottom: 15px;
      font-weight: bold; }
      @media (max-width: 1050px) {
        .promo-catalog__city {
          margin-bottom: 10px; } }
    .promo-catalog__price {
      font-size: 26px;
      margin-top: 36px; }
      @media (max-width: 1050px) {
        .promo-catalog__price {
          margin-top: 20px; } }
      .promo-catalog__price .rouble {
        margin-left: -2px; }
    .promo-catalog__action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100%;
      vertical-align: top;
      margin-top: 26px; }
      .promo-catalog__action__count {
        float: left;
        width: 60px; }
      .promo-catalog__action__buy {
        float: right;
        width: 120px; }
      .promo-catalog__action .btn {
        width: 100%;
        margin-bottom: 20px; }
        .promo-catalog__action .btn:last-child {
          margin-bottom: 0; }

          
.kol_red {
	text-align: center;
	color: #b8b6b6;
	font-weight: 700;
}

.product__item .kol_green,
.product__item .kol_red {
	font-size: 20px;
}

.pageScroll-a a {
    color: #b8b6b6;
}


.promo-catalog__item .kol_green,
.promo-catalog__item .kol_red {
	font-size: 16px;
}

.catalog__table tbody td:last-child {
	width: 210px;
	position: relative;
}

.catalog__table tbody td:last-child .kol_green,
.catalog__table tbody td:last-child .kol_red {
	display: inline-block;
}

.catalog__table tbody td:last-child .kol_green {
	/** margin-right: 30px; **/
}

.catalog__table tbody td:last-child .kol_red {
	margin-right: 4px;
}

.catalog__table tbody td:last-child .catalog__table__buy {
	display: inline-block;
}

@media (max-width:600px) {
	.catalog__table tbody td:nth-child(2) {
		max-width: 95px;
	}

	.catalog__table__count {
		margin-bottom: 60px;
	}

	.catalog__table tbody td:last-child {
		width: 0;
	}

	.catalog__table tbody td:last-child .kol_green,
	.catalog__table tbody td:last-child .kol_red {
	/**	position: absolute;
		top: 45px;
		left: -90px;
		width: 88px;
		text-align: right;
		margin-right: 0;**/
	}

	.catalog__table__buy {
	/**	position: absolute;
		top: 65px; **/
	}
}

.catalog__table__buy .btn {
	margin-bottom: 0;
}

/*подменю*/
.article-main__side .sidebar-menu {
	list-style: none;
	padding: 0;
}

.promo-news__submenu {
	display: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	width: 628px;
	left: 219px;
	top: 0;
	background-color: #fff;
	z-index: 10;
}

.promo-news__submenu-item {
	width: 50% !important;
	padding: 15px;
	margin: 0;
}

.promo-news__item {
	position: relative;
}

@media (min-width: 992px) {
	.promo-news__item:hover .promo-news__submenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border: 1px solid #FFCA1C;
	}
}

.promo-news li {
	margin-bottom: 0;
	padding-bottom: 13.2px;
}

/*Форма Ремонта*/
.remont-form {
	width: 751px;
	max-width: 100%;
	margin-top: 40px;
	padding: 43px 67px;
	position: relative;
	background-color: #ffca1c;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 1199px) {
	.remont-form {
		padding: 40px;
	}
}

@media (max-width: 1050px) {
	.remont-form {
		margin-bottom: 40px;
	}
}

@media (max-width: 543px) {
	.remont-form {
		margin: 20px 0;
		padding: 20px;
	}
}

.remont-form__title {
	margin-bottom: 23px;
	color: #303030;
	font-size: 36px;
	font-weight: bold;
}

@media (max-width: 767px) {
	.remont-form__title {
		text-align: center;
	}
}

@media (max-width: 543px) {
	.remont-form__title {
		margin-bottom: 20px;
		font-size: 28px;
	}
}

.remont-form__img {
	position: absolute;
	top: 101px;
	left: 355px;
	width: 500px;
}

.remont-form__img img {
	max-width: 100%;
}

@media (max-width: 1199px) {
	.remont-form__img {
		left: 320px;
		width: 400px;
	}
}

@media (max-width: 1050px) {
	.remont-form__img {
		width: 500px;
	}
}

@media (max-width: 991px) {
	.remont-form__img {
		width: 400px;
	}
}

@media (max-width: 767px) {
	.remont-form__img {
		display: none;
	}
}




.catalog__table tbody td:last-child .catalog__table__buy {
	display: inline-block;
}

@media (max-width:600px) {
	.catalog__table tbody td:nth-child(2) {
		max-width: 95px;
	}

	.catalog__table__count {
		margin-bottom: 60px;
	}

	.catalog__table tbody td:last-child {
		width: 0;
	}

	.catalog__table tbody td:last-child .kol_green,
	.catalog__table tbody td:last-child .kol_red {
	/**	position: absolute;
		top: 45px;
		left: -90px;
		width: 88px;
		text-align: right;
		margin-right: 0;**/
	}

	.catalog__table__buy {
	/** 	position: absolute;
		top: 65px; **/
	}
}

.catalog__table__buy .btn {
	margin-bottom: 0;
}


.btn__promo--simple {
    box-shadow: inset 0px 0px 0px 1px #4d4e53;
    background: #fff;
    color: #4d4e53; }
    .btn__promo--simple:hover, .btn__promo--simple:focus {
      box-shadow: inset 0px 0px 0px 1px #4d4e53;
      color: #4d4e53;
      background: #fff; }
.btn__simple {
  background-color: #eeeeee;
  box-shadow: none;
  border-radius: 0px;
  color: #000;
  border: 1px solid #d0cfd4; }
  .btn__simple:hover, .btn__simple:focus {
    color: #000; }
  .btn__simple.active {
    background-color: #ffcc1b;
    border-color: #ffcc1b;
    box-shadow: none; }



    
.color--bright {
    color: #ff5400; }
  
  .color--dark {
    color: #000; }
    .color--dark:hover, .color--dark:focus {
      color: #000; }
  
  .text--underline {
    text-decoration: underline; }
    .text--underline:hover, .text--underline:focus {
      text-decoration: underline; }
  
  .text--nowrap {
    white-space: nowrap; }
  
  .text--mark {
    color: #ff572a; }
  
  .promo-lines {
    font-size: 26px;
    color: #ffde00; }
    @media (max-width: 1050px) {
      .promo-lines {
        font-size: 20px; } }
    .promo-lines span {
      color: black; }
  
  button {
    outline: none;
    border: none; }
  
  .btn {
    border: none;
    position: relative;
    z-index: 1;
    outline: none !important;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px; }
    .btn:active, .btn:focus {
      box-shadow: none;
      outline: 0px; }
    .btn__promo {
      background: #4d4e53;
      background: linear-gradient(to top, #4d4e53 50%, #ffa01b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4e53', endColorstr='#ffa01b', GradientType=1 );
      padding: 11px 14px 8px 17px;
      font-size: 15px;
      letter-spacing: -0.5px;
      border-radius: 0px;
      border: none;
      color: white;
      transition: all 0.2s ease-in-out;
      text-transform: uppercase; }
      @media (max-width: 1050px) {
        .btn__promo {
          font-size: 14px; } }
      .btn__promo:hover, .btn__promo:focus {
        opacity: 0.7;
        background: #4d4e53;
        background: linear-gradient(to right, #4d4e53 0%, #ffa01b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4e53', endColorstr='#ffa01b', GradientType=1 );
        color: white; }
      .btn__promo--simple {
        box-shadow: inset 0px 0px 0px 1px #4d4e53;
        background: #fff;
        color: #4d4e53; }
        .btn__promo--simple:hover, .btn__promo--simple:focus {
          box-shadow: inset 0px 0px 0px 1px #4d4e53;
          color: #4d4e53;
          background: #fff; }
    .btn__simple {
      background-color: #eeeeee;
      box-shadow: none;
      border-radius: 0px;
      color: #000;
      border: 1px solid #d0cfd4; }
      .btn__simple:hover, .btn__simple:focus {
        color: #000; }
      .btn__simple.active {
        background-color: #ffcc1b;
        border-color: #ffcc1b;
        box-shadow: none; }
  

        .search-form-zch p {
            margin: 0 0 10px;
            font-size: 18px; 

        }

        .by-detail p {
        margin: 10px 0;
        font-size: 16px; 

        }

        .search-form-zch input {
            font-size: 16px;
            height: 44px;
            margin: 0;
            padding: 0 10px;
            border: 1px solid #ccd5db;
            border-radius: 2px;
            background: #fff;
            outline: none;
            border-style: solid;
            border-width: 1px;
            -webkit-border-image: url(images/border_default.png) 2 repeat;
            -moz-border-image: url(images/border_default.png) 2 repeat;
            -o-border-image: url(images/border_default.png) 2 repeat;
            border-image: url(images/border_default.png) 2 repeat;
        }


/** плавающий блок **/
@media only screen and (max-width:992px)
{
	#left-buttons
	{
		display: none;
	}
}

@media only screen and (min-width:992px)
{
	#left-buttons
	{
		display: block;
		left: 0;
		position: fixed;
		top: 30%;
		width: 60px;
		z-index: 100;
	}
	#left-buttons div>a
	{
		background: #141414;
		border-top: 1px solid #4c4c4c;
		display: block;
		height: 60px;
		text-align: center;
	}
	#left-buttons div.buy-supplement>a
	{
		border-top: 0;
		border-top-right-radius: 3px;
		moz-border-radius-topright: 3px;
		webkit-border-top-right-radius: 3px;
	}
	#left-buttons div.support>a
	{
		border-bottom-right-radius: 3px;
		moz-border-radius-bottomright: 3px;
		webkit-border-bottom-right-radius: 3px;
	}
	#left-buttons div>a:hover
	{
		background: #ff5100;
	}
	#left-buttons div>a i
	{
		color: #fff;
		font-size: 18px;
		line-height: 60px;
	}
}


#left-buttons div>a img
{
    width: 35px;
    height: 35px;
    line-height: 60px;
    margin-top: 10px;
}


.field-tip
{
	position: relative;
}
.field-tip .tip-content
{
	background: #141414;
	box-shadow: 2px 2px 5px #aaa;
	color: #fff;
	margin-right: -220px;
	moz-box-shadow: 2px 2px 5px #aaa;
	moz-transition: opacity 250ms ease-out;
	ms-transition: opacity 250ms ease-out;
	opacity: 0;
	o-transition: opacity 250ms ease-out;
	padding: 10px;
	position: absolute;
	right: 9999px;
	top: 4px;
	transition: opacity 250ms ease-out;
	webkit-box-shadow: 2px 2px 5px #aaa;
	webkit-transition: opacity 250ms ease-out;
	width: 200px;
}
.field-tip .tip-content:before
{
	border: 8px solid transparent;
	border-right-color: #141414;
	color: #141414;
	content: ' ';
	height: 0;
	left: -16px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 0;
}
.field-tip:hover .tip-content
{
	opacity: 1;
	right: 0px;
}

/** **/


/** плавающий блок 2 **/

.sticky-container{
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -230px;
    top: 100px;
    width: 300px;
}
.sticky li{
    list-style-type: none;
    color: #ffffff;
    height: 43px;
    border-radius:4px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor: pointer;
}
.sticky li:hover{
    margin-left: -115px;
}
.sticky li a{
color:#ffffff;
text-decoration:none;
line-height:43px;
padding:0 7px;
}
.sticky .descbutton{
padding-left:14px;
}
.sticky .chat{
background-color:#a9ccc6;
}
.sticky .news{
background-color:#495b94;
}
.sticky .notes{
background-color:#e26869;
}

/** **/

.cat-name {
    font-weight: 600;
    font-size: 14px;
    padding: 10px 10px 0 55px;
    text-transform: uppercase;
 
}


/** **/

div#tools {
    display: block !important;
    position: fixed;
    top: 140px;
    /* right: 0; */
    left: 0;
    width: 65px;
    background: #000;
    z-index: 6000;
    box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}


div#tools ul {
    overflow: hidden;
    display: block;
    margin-bottom: 0;
}

div#tools ul {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

div#tools ul li {
    position: relative;
    z-index: 6002;
}

div#tools ul li {
    display: block;
    border-bottom: 1px solid #ffcd11;
}

div#tools ul li a {
    line-height: 1.05;
    padding-bottom: 8px;
    transition: all 0.25s;
}

div#tools ul li a:hover {
 background: #fff;
 transition: all 0.25s;
color: #000;
}

div#tools ul li a {
    text-align: center;
    font-size: 11.5px;
    font-weight: 400;
    color: #ffcd11;
    min-height: 40px;
    text-decoration: none;
}

#toolsHandle, div#tools ul li a {
    display: block;
    padding: 8px 0 7px;
}

div#tools ul li a i.calc {
    height: 34px;
    background-position: 0 -22px;
}

div#tools ul li a i {
    margin-bottom: 2px;
}

div#tools ul li a i {
    display: block;
    width: 30px;
    height: 25px;
    margin: 0 auto;
    /* background: url(../images/tools.png) no-repeat; */
}

div#tools ul li.assistant a i.assistant {
    height: 26px;
    background: url(../images/assistant-w.png) no-repeat center center;
}
div#tools ul li.assistant:hover a i.assistant {
    height: 26px;
    background: url(../images/assistant.png) no-repeat center center;
}


div#tools ul li.cont a i.cont {
    height: 26px;
    background: url(../images/cont-w.png) no-repeat center center;
}

div#tools ul li.cont:hover a i.cont {
    height: 26px;
    background: url(../images/cont.png) no-repeat center center;
}

div#tools ul li.srv a i.srv {
    height: 26px;
    background: url(../images/srv-w.png) no-repeat center center;
}

div#tools ul li.srv:hover a i.srv {
    height: 26px;
    background: url(../images/srv.png) no-repeat center center;
}

div#tools ul li.letter a i.letter {
    height: 26px;
    background: url(../images/letter-w.png) no-repeat center center;
}

div#tools ul li.letter:hover a i.letter {
    background: url(../images/letter.png) no-repeat center center;
}

div#tools ul li.search a i.search {
    height: 26px;
    background: url(../images/search-w.png) no-repeat center center;
}

div#tools ul li.search:hover a i.search {
    background: url(../images/search.png) no-repeat center center;
}

div#tools ul li.exk a i.exk {
    height: 26px;
    background: url(../images/exk-w.png) no-repeat center center;
    background-size: 100% auto;
}

div#tools ul li.exk:hover a i.exk {
    background: url(../images/exk.png) no-repeat center center;
}

.cont-home-block {
    margin-top: 10px; 
    margin-bottom:15px; 
    background: linear-gradient(to bottom,#f2f2f2 0,#f2f2f2 100%); 
    padding: 20px 0px 30px 0px;
}


.r-menu {
    display: block !important;
    position: fixed; /* Фиксированное положение */
    right: 0; /* Расстояние от правого края окна браузера */
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 998;
    margin: 0;
    padding: 0;
    width: 65px;
}

.exk {
    display: block;
    
    position: relative;
    z-index: 6002;
}
.exk:hover {
    background: #fff;
    transition: all 0.25s;
    color: #000;
}

.exk a {
    display: block;
    padding: 8px 0 7px;
    text-align: center;
    font-size: 11.5px;
    font-weight: 400;
    color: #ffcd11;
    min-height: 40px;
    text-decoration: none;
    line-height: 1.05;
    transition: all 0.25s;
    border-bottom: 1px solid #ffcd11;
}

.exk a:hover {
    background: #fff;
    transition: all 0.25s;
    color: #000;
}


span.nr5-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    background: url(../images/exk-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.nr5-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    background: url(../images/exk.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}


span.nrsr-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/search-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.nrsr-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/search.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

span.srv-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/srv-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.srv-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/srv.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}


span.nap-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/letter-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.nap-n {
    display: block;
    text-align: center;
    width: 30px;
    height: 35px;
    background: url(../images/letter.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}



span.cont-n {
    display: block;
    text-align: center;
    width: 25px;
    height: 35px;
    background: url(../images/cont-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.cont-n {
    display: block;
    text-align: center;
    width: 25px;
    height: 35px;
    background: url(../images/cont.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}



span.pom-n {
    display: block;
    text-align: center;
    width: 26px;
    height: 35px;
    background: url(../images/assistant-ye.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.exk a:hover span.pom-n {
    display: block;
    text-align: center;
    width: 26px;
    height: 35px;
    background: url(../images/assistant.png) no-repeat center center;
    background-size: 100% auto;
    margin: 0 auto;
}

.moba a {
    font-size: 18px;
}

.topcon a {
    font-size: 18px;
}

.har-moba {
    display: none;
}
.har-topcon {
    display: none;
}

.footerLinks ul li a {
    text-transform: uppercase;
}

.wrap-drop {
    text-transform: lowercase;
}

.wrap-drop .drop li a {
    text-transform: lowercase;
}


.header-links {
    padding-top: 5px;
    text-align: center;
} 
 
.header-links__btn {
    margin: 0 5px;
    padding: 8px 17px;
    color: #171717;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #ffcd11;
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 140px;
    min-height: 40px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    z-index: 12;
}

.header-links__btn:hover,
.header-links__btn.active{
    /* border-color:#ffcd11; */
    background:#fff;}

.header-market table {
    margin: 1px 0 0 0;
}

@media (max-width:996px) { 
   .header-market table {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 760px) {
    body > header > div:nth-child(1) > div > div > div > div.col-md-8 > nav {
        display: none;
    }
}



.search-page.search-form-zch font.text:nth-of-type(-n+2),
.search-page.search-form-zch hr:nth-of-type(1) {
    display: none;
}

.search-page.search-form-zch font.text:nth-of-type(-n+4) {
    font-size: 80%;
}

/*сортировка в умном фильтре не работает, поэтому сортирую тут*/
.bx-filter-select-popup ul {
    display: flex;
    flex-direction: column;
}
.bx-filter-select-popup ul li {
    order: 10;
}
/*VOLVO SDLG WEICHAI CARRARO LIUGONG*/
.bx-filter-select-popup ul li:nth-of-type(1) {
    order: 0;
}
.bx-filter-select-popup ul li:nth-of-type(5) {
    order: 1;
}
.bx-filter-select-popup ul li:nth-of-type(4) {
    order: 2;
}
.bx-filter-select-popup ul li:nth-of-type(6) {
    order: 3;
}
.bx-filter-select-popup ul li:nth-of-type(2) {
    order: 4;
}
.bx-filter-select-popup ul li:nth-of-type(3) {
    order: 5;
}


.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

/** --------------------- **/
.form_contact {
    background: url(../images/bg_cont.jpg) center no-repeat;
    min-height: 730px;
    background-size: cover;
    padding: 50px 0;
    margin-top: 70px;
}
.contacts-web-form {
    margin: 30px 0 30px 0;
}

.form_contact_style h3 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 20px;
}
.form_contact_style p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.form_contact_style .slam-easyform {
    max-width: 340px;
    margin: 0;
    background: #fff;
    border-radius: 5px;
    padding: 30px 40px;
    display: block;
}
.cont_form {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #2B2B2B;
    margin-bottom: 25px;
}

.form_contact_style .warning-buy {
    font-size: 12px;
    color: #494949;
    text-align: center;
    line-height: 15px;
}

.btn_cont {
    background: #C4151C;
    border-radius: 15px;
    border: 1px solid #C4151C;
    color: #fff;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px !important;
}

.btn_cont_link {
    color: #fff;
    background: #C4151C;
    border-radius: 15px;
    border: 1px solid #C4151C;
    font-size: 18px;
    padding: 0.5rem 0.625rem 0.6875rem;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.btn_cont:hover {
    color: #fff;
    background: #e31e24;
    border: 1px solid #e31e24;
}
.btn_cont_link:hover {
    color: #fff;
    background: #e31e24;
    border: 1px solid #e31e24;
}
.text-end{
    text-align: end;
}
/** **/
#scrollToTopBtn {
    position: fixed;
    bottom: 4%;
    left: 5%;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%; /* Делаем кнопку круглой */
    width: 50px;       /* Ширина */
    height: 50px;      /* Высота */
    display: flex;     /* Используем flexbox для центрирования содержимого */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали */
    cursor: pointer;
    font-size: 30px;   /* Размер стрелки или иконки */
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    opacity: 0;        /* Изначально скрываем кнопку */
    visibility: hidden; /* Скрываем кнопку */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Плавный переход */
}

#scrollToTopBtn.show {
    opacity: 1;        /* Показываем кнопку */
    visibility: visible; /* Делаем видимой */
}

#scrollToTopBtn:hover {
    background-color: #0056b3;
}

.h1.image-text-title.h1-home {
    font-size: 25px;
    margin: 25px 0 0 0;
}

/** **/
    ul.section-tree a{
        color: #000;
    }
    ul.section-tree {
        list-style: none;
        box-sizing: border-box;
        flex-wrap: wrap;
        display: flex;
        position: relative;
        width: 100%;
    }

    li.level-1{
        margin: 0;
        width: 25%;
        box-sizing: border-box;
        padding: 15px 5px;
        margin: 15px 0;
    }

@media (max-width: 990px) {
    li.level-1{
        margin: 0;
        width: 33%;
        box-sizing: border-box;
        padding: 15px 5px;
        margin: 15px 0;
    }
}

@media (max-width: 780px) {
    li.level-1{
        margin: 0;
        width: 40%;
        box-sizing: border-box;
        padding: 15px 5px;
        margin: 15px 0;
    }
}

@media (max-width: 780px) {
    li.level-1{
        margin: 0;
        width: 40%;
        box-sizing: border-box;
        padding: 15px 5px;
        margin: 15px 0;
    }
}

@media (max-width: 550px) {
    li.level-1{
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 15px 5px;
        margin: 15px 0;
    }
}


    /*li.level-1:hover{*/
    /*    background: #b6b6b6;*/
    /*}*/

    li.level-2{
        width: 100%;
        margin-left: -30px;
        box-sizing: border-box;
    }

    li.level-1 a {
        color: #333;
    }

    li.level-2 a {
        color: #333;
    }
    li.level-1 a:hover {
        color: #e31e24;
    }
    li.level-2 a:hover {
      text-decoration: underline;
    }

    li.level-1 img {
        width: auto;
        height: 110px;
        vertical-align: middle;
        margin: 5px 0 10px 0;
    }

    li.level-2 img {
        display: none;
    }
    p.level-1 {
        line-height: 20px;
        font-weight: 600;
        font-size: 15px;
        margin: 0 0 0 0;
        letter-spacing: 0;
    }

    p.level-2 {
        line-height: 16px;
        font-weight: 400;
        font-size: 14px;
        margin: 0 0 5px 0;
        letter-spacing: 0;
    }
/** **/

.list-icon-center {
    margin: 0 auto;
    display: flex;
    background: #fff;
    justify-content: space-around;
    padding: 20px 0;
    margin-bottom: 55px;
}
.list-icon-line-right {
    width: 1px;
    position: relative;
    margin: 25px 0 35px;
    display: none;
}
.list-icon-outer {
    float: left;
    flex-shrink: 0;
}
@media screen and (min-width: 992px) {
    .list-icon-one {
        padding: 0 12px;
    }
}


.list-icon-one:hover {
    cursor: pointer;
    color: #dc000c
}

.list-icon-one:hover+.list-icon-one-line {
    background-color: #dc000c
}

.list-icon-one {
    color: #333;
    padding: 0 15px;
    margin: 19px 0 15px;
    text-align: center;
    font-size: 1.6rem;
}
.list-icon-one img {
    height: 70px;
    width: auto;
}

.list-icon-one span {
    display: inline-block;
    width: 100%;
    text-align: center;
    transition-duration: .5s;
    height: 45px;
}

@media screen and (min-width: 1441px) {
    .list-icon-one-line {
        width: calc(100% - 60px);
        margin-left: 30px;
    }
}
.list-icon-one-line {
    width: calc(100% - 40px);
    height: 2px;
    margin-top: 14px;
    background-color: #fff;
    margin-left: 20px;
    transition-duration: .5s;
}

.activeClass .list-icon-outer .list-icon-one span {
    color: #dc000c!important
}

.activeClass .list-icon-outer .list-icon-one-line {
    background-color: #dc000c!important
}


@media screen and (max-width: 991px) {
    .list-icon-center {
        overflow-x: scroll;
        background: #fff;
        margin: 0 auto;
        display: flex;
        background: #fff;
        justify-content: space-around;
        padding: 15px 0;
        margin-bottom: 35px;
    }

    .list-icon-one {
        color: #333;
        padding: 0 10px;
        margin: 10px 0 10px;
        text-align: center;
        font-size: 15px;
        line-height: 16px;
    }
    .list-icon-one img {
        height: 70px;
        width: auto;
        padding: 5px 0;
    }
}
/** **/
.table-header a{
    color: #4d4e53;
}

.table-header i{
    padding-left: 5px;
    padding-right: 5px;
}


.table-header table{
    width: 100%;
}


.table-header table td{
    width: 50%;
}
div.table-header > table > tbody > tr:nth-child(2) > td {
    width: 100%;
}

.social-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.social-header img{
    width: 32px;
    height: 32px;
    margin: 0 6px;

}


@media (max-width: 990px) {
    .social-header img{
        width: 26px;
        height: 26px;
        margin: 15px 6px 0 6px;

    }
}

.social-header img:hover{
    width: 39px;
    height: 39px;
    margin: 0 5px;
}
.header-adress {
    font-size: 16px;
}

.dropdown-a a{
    margin-top: 5px;
    display: flex;
    width: 100%;
    background-color: #c4151c;
    color: white;
    padding: 12px 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    flex-direction: row;
    justify-content: center;
}
.dropdown-a i{
    font-size: 23px;
    padding-left: 15px;
    padding-right: 15px;
}
/** dropdown **/
.dropdown {
    position: relative;
    display: block;
}

/* Стили для кнопки, которая открывает выпадающий список */
.dropbtn {
    width: 100%;
    background-color: #c4151c;
    color: white; /* Белый текст */
    padding: 12px 15px; /* Увеличим padding для стрелки */
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 14px; /* Скругленные углы */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень для кнопки */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Плавный переход */
    display: flex; /* Используем flexbox для выравнивания текста и стрелки */
    align-items: center; /* Выравнивание по центру */
    justify-content: space-between; /* Распределение пространства между текстом и стрелкой */
    gap: 10px; /* Отступ между текстом и стрелкой */
    margin: 5px 0;
}

/* Изменение цвета кнопки при наведении */
.dropbtn:hover {
    background-color: #a61016;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Увеличенная тень при наведении */
}

/* Стили для стрелки */
.dropbtn .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white; /* Стрелка вниз */
    transition: transform 0.3s ease; /* Плавный переход для вращения */
}

/* Вращение стрелки при наведении на контейнер dropdown */
.dropdown:hover .dropbtn .arrow {
    transform: rotate(180deg); /* Поворот на 180 градусов (стрелка вверх) */
}

/* Стили для содержимого выпадающего списка (скрыт по умолчанию) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 280px; /* Увеличим минимальную ширину */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 8px;
    top: 100%; /* Позиционирование прямо под кнопкой */
    overflow: hidden; /* Скрываем содержимое, выходящее за границы скругленных углов */
    left: 0; /* Выравнивание по левому краю кнопки */
    right: auto;
}

/* Стили для ссылок внутри выпадающего списка */
.dropdown-content a {
    color: #333; /* Темно-серый цвет текста */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: background-color 0.2s ease, color 0.2s ease; /* Плавный переход */
}

/* Изменение цвета при наведении на ссылки */
.dropdown-content a:hover {
    background-color: #e0e0e0; /* Светло-серый фон при наведении */
    color: #000; /* Черный текст при наведении */
}

/* Стили для заголовков и подписей внутри ссылок */
.contact-info strong {
    display: block; /* Номер телефона на новой строке */
    margin-bottom: 4px; /* Небольшой отступ снизу */
    font-size: 17px; /* Немного больший размер шрифта для номера */
    color: #222; /* Более темный цвет для номера */
}

.contact-info span {
    display: block; /* Описание на новой строке */
    color: #666; /* Более светлый цвет для описания */
    font-size: 14px;
}

/* Показать выпадающий список при наведении на контейнер */
.dropdown:hover .dropdown-content {
    display: block;
}
/** **/
.mailto img{
    margin-left: 5px;
    width: 20px;
    height: auto;
}

.header-call a{
    font-weight: bold;
    text-align: left;
}
.header-call p{
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    margin: 5px 0 10px 0px;
}
.header-call table{
    width: 100%;
}
.header-call table i{
    font-size: 30px;
    min-width: 40px;
    color: #c4151c;
}
/** **/
/* Стили для элемента details */
.details-wrapper {
    position: relative;
    background-color: #fff; /* bg-white */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-xl */
}

/* Стилизация маркера раскрытия/скрытия для details */
details summary::-webkit-details-marker {
    display: none;
}
details summary::marker {
    display: none;
}

/* Заголовок раскрывающегося списка (summary) */
.summary-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    cursor: pointer;
    background-color: #e41e24; /* bg-blue-600 */
    color: #fff; /* text-white */
    border-top-left-radius: 0.5rem; /* rounded-t-lg */
    border-top-right-radius: 0.5rem; /* rounded-t-lg */
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); /* transition-all duration-300 */
}
.summary-header:hover {
    background-color: #b20f14; /* hover:bg-blue-700 */
}

/* Заголовок H2 внутри summary */
.summary-title {
    font-size: 16px; /* text-lg */
    font-weight: 600; /* font-semibold */
    color: #fff;
}

/* Иконка стрелки */
.arrow-icon {
    width: 1.5rem; /* w-6 */
    height: 1.5rem; /* h-6 */
    transform: rotate(0deg);
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); /* transition-transform duration-300 */
}
details[open] .arrow-icon {
    transform: rotate(180deg); /* group-open:rotate-180 */
}

/* Содержимое раскрывающегося списка */
.details-content {
    display: none; /* Скрываем содержимое по умолчанию */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 1rem; /* p-4 */
    border-top: 1px solid #e5e7eb; /* border-t border-gray-200 */
    background-color: #fff; /* bg-white */
    border-bottom-left-radius: 0.5rem; /* rounded-b-lg */
    border-bottom-right-radius: 0.5rem; /* rounded-b-lg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
}
details[open] .details-content {
    display: block; /* Показываем содержимое при открытии */
}

/* Элемент списка контактов */
.contact-item {
    margin-bottom: 1rem; /* mb-4 */
    padding: 0.75rem; /* p-3 */
    background-color: #f9fafb; /* bg-gray-50 */
    border-radius: 0.375rem; /* rounded-md */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
}
.contact-item:last-child {
    margin-bottom: 0; /* last:mb-0 */
}

/* Номер телефона */
.phone-number {
    color: #1f2937; /* text-gray-800 */
    font-weight: 700; /* font-bold */
    font-size: 1.125rem; /* text-lg */
    margin: 0; /* Убрать стандартные отступы p */
}

/* Описание */
.description {
    color: #4b5563; /* text-gray-600 */
    font-size: 0.875rem; /* text-sm */
    margin: 0; /* Убрать стандартные отступы p */
}

.ag_chatpanel_link_icon_phone2 {
    /*background-image: url(/bitrix/images/arturgolubev.chatpanel/iphone.svg);*/
    background-image: url(/bitrix/images/arturgolubev.chatpanel/phone-call-svgrepo-com.svg);
    background-color: #0083d1
}