.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
    display: inline;
    float: left;
    position: relative
}
.alpha {
    margin-left: 0!important
}
img {
    height: auto;
    max-width: 100%
}
#wrapper {
    width: 960px;
    margin: auto
}
.main {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
    padding-left: 10px;
    padding-right: 10px
}
.row {
    width: 100%
}
.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0
}
.row:after {
    clear: both
}
.row [class*="grid"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%
}
.row [class*="grid"]:first-child {
    margin-left: 0
}
.row .grid-12 {
    width: 100%
}
.row .grid-11 {
    width: 91.48936170212765%
}
.row .grid-10 {
    width: 82.97872340425532%
}
.row .grid-9 {
    width: 74.46808510638297%
}
.row .grid-8 {
    width: 65.95744680851064%
}
.row .grid-7 {
    width: 57.44680851063829%
}
.row .grid-6 {
    width: 48.93617021276595%
}
.row .grid-5 {
    width: 40.42553191489362%
}
.row .grid-4 {
    width: 31.914893617021278%
}
.row .grid-3 {
    width: 23.404255319148934%
}
.row .grid-2 {
    width: 14.893617021276595%
}
.row .grid-1 {
    width: 6.382978723404255%
}
.row .grid-11 .grid-11 {
    width: 100%
}
.row .grid-11 .grid-10 {
    width: 90.71564%
}
.row .grid-11 .grid-9 {
    width: 81.43131%
}
.row .grid-11 .grid-8 {
    width: 72.14698%
}
.row .grid-11 .grid-7 {
    width: 62.86265%
}
.row .grid-11 .grid-6 {
    width: 53.57832%
}
.row .grid-11 .grid-5 {
    width: 44.29399%
}
.row .grid-11 .grid-4 {
    width: 35.00966%
}
.row .grid-11 .grid-3 {
    width: 25.72533%
}
.row .grid-11 .grid-2 {
    width: 16.441%
}
.row .grid-11 .grid-1 {
    width: 7.15667%
}
.row .grid-10 .grid-10 {
    width: 100%
}
.row .grid-10 .grid-9 {
    width: 89.78723%
}
.row .grid-10 .grid-8 {
    width: 79.57447%
}
.row .grid-10 .grid-7 {
    width: 69.3617%
}
.row .grid-10 .grid-6 {
    width: 59.14894%
}
.row .grid-10 .grid-5 {
    width: 48.93617%
}
.row .grid-10 .grid-4 {
    width: 38.7234%
}
.row .grid-10 .grid-3 {
    width: 28.51064%
}
.row .grid-10 .grid-2 {
    width: 18.29787%
}
.row .grid-10 .grid-1 {
    width: 8.08511%
}
.row .grid-9 .grid-9 {
    width: 100%
}
.row .grid-9 .grid-8 {
    width: 88.65248%
}
.row .grid-9 .grid-7 {
    width: 77.30496%
}
.row .grid-9 .grid-6 {
    width: 65.95745%
}
.row .grid-9 .grid-5 {
    width: 54.60993%
}
.row .grid-9 .grid-4 {
    width: 43.26241%
}
.row .grid-9 .grid-3 {
    width: 31.91489%
}
.row .grid-9 .grid-2 {
    width: 20.56738%
}
.row .grid-9 .grid-1 {
    width: 9.21986%
}
.row .grid-8 .grid-8 {
    width: 100%
}
.row .grid-8 .grid-7 {
    width: 87.23404%
}
.row .grid-8 .grid-6 {
    width: 74.46809%
}
.row .grid-8 .grid-5 {
    width: 61.70213%
}
.row .grid-8 .grid-4 {
    width: 48.93617%
}
.row .grid-8 .grid-3 {
    width: 36.17021%
}
.row .grid-8 .grid-2 {
    width: 23.40426%
}
.row .grid-8 .grid-1 {
    width: 10.6383%
}
.row .grid-7 .grid-7 {
    width: 100%
}
.row .grid-7 .grid-6 {
    width: 85.41033%
}
.row .grid-7 .grid-5 {
    width: 70.82067%
}
.row .grid-7 .grid-4 {
    width: 56.231%
}
.row .grid-7 .grid-3 {
    width: 41.64134%
}
.row .grid-7 .grid-2 {
    width: 27.05167%
}
.row .grid-7 .grid-1 {
    width: 12.46201%
}
.row .grid-6 .grid-6 {
    width: 100%
}
.row .grid-6 .grid-5 {
    width: 82.97872%
}
.row .grid-6 .grid-4 {
    width: 65.95745%
}
.row .grid-6 .grid-3 {
    width: 48.93617%
}
.row .grid-6 .grid-2 {
    width: 31.91489%
}
.row .grid-6 .grid-1 {
    width: 14.89362%
}
.row .grid-5 .grid-5 {
    width: 100%
}
.row .grid-5 .grid-4 {
    width: 79.57447%
}
.row .grid-5 .grid-3 {
    width: 59.14894%
}
.row .grid-5 .grid-2 {
    width: 38.7234%
}
.row .grid-5 .grid-1 {
    width: 18.29787%
}
.row .grid-4 .grid-4 {
    width: 100%
}
.row .grid-4 .grid-3 {
    width: 74.46809%
}
.row .grid-4 .grid-2 {
    width: 48.93617%
}
.row .grid-4 .grid-1 {
    width: 23.40426%
}
.row .grid-3 .grid-3 {
    width: 100%
}
.row .grid-3 .grid-2 {
    width: 65.95745%
}
.row .grid-3 .grid-1 {
    width: 31.91489%
}
.row .grid-2 .grid-2 {
    width: 100%
}
.row .grid-2 .grid-1 {
    width: 48.93617%
}
.row .prefix-12 {
    margin-left: 104.25531914893617%
}
.row .prefix-11 {
    margin-left: 95.74468085106382%
}
.row .prefix-10 {
    margin-left: 87.23404255319149%
}
.row .prefix-9 {
    margin-left: 78.72340425531914%
}
.row .prefix-8 {
    margin-left: 70.2127659574468%
}
.row .prefix-7 {
    margin-left: 61.70212765957446%
}
.row .prefix-6 {
    margin-left: 53.191489361702125%
}
.row .prefix-5 {
    margin-left: 44.68085106382979%
}
.row .prefix-4 {
    margin-left: 36.170212765957444%
}
.row .prefix-3 {
    margin-left: 27.659574468085104%
}
.row .prefix-2 {
    margin-left: 19.148936170212764%
}
.row .prefix-1 {
    margin-left: 10.638297872340425%
}
.row .prefix-12:first-child {
    margin-left: 102.12765957446808%
}
.row .prefix-11:first-child {
    margin-left: 93.61702127659574%
}
.row .prefix-10:first-child {
    margin-left: 85.1063829787234%
}
.row .prefix-9:first-child {
    margin-left: 76.59574468085106%
}
.row .prefix-8:first-child {
    margin-left: 68.08510638297872%
}
.row .prefix-7:first-child {
    margin-left: 59.574468085106375%
}
.row .prefix-6:first-child {
    margin-left: 51.063829787234035%
}
.row .prefix-5:first-child {
    margin-left: 42.5531914893617%
}
.row .prefix-4:first-child {
    margin-left: 34.04255319148936%
}
.row .prefix-3:first-child {
    margin-left: 25.53191489361702%
}
.row .prefix-2:first-child {
    margin-left: 17.02127659574468%
}
.row .prefix-1:first-child {
    margin-left: 8.51063829787234%
}
.row .grid-11 .prefix-11 {
    margin-left: 104.25532%
}
.row .grid-11 .prefix-10 {
    margin-left: 94.97096%
}
.row .grid-11 .prefix-9 {
    margin-left: 85.68663%
}
.row .grid-11 .prefix-8 {
    margin-left: 76.4023%
}
.row .grid-11 .prefix-7 {
    margin-left: 67.11797%
}
.row .grid-11 .prefix-6 {
    margin-left: 57.833642%
}
.row .grid-11 .prefix-5 {
    margin-left: 48.54931%
}
.row .grid-11 .prefix-4 {
    margin-left: 39.26498%
}
.row .grid-11 .prefix-3 {
    margin-left: 29.98065%
}
.row .grid-11 .prefix-2 {
    margin-left: 20.69632%
}
.row .grid-11 .prefix-1 {
    margin-left: 11.41199%
}
.row .grid-11 .prefix-11:first-child {
    margin-left: 102.12766%
}
.row .grid-11 .prefix-10:first-child {
    margin-left: 92.8433%
}
.row .grid-11 .prefix-9:first-child {
    margin-left: 83.55897%
}
.row .grid-11 .prefix-8:first-child {
    margin-left: 74.27464%
}
.row .grid-11 .prefix-7:first-child {
    margin-left: 64.99031%
}
.row .grid-11 .prefix-6:first-child {
    margin-left: 55.70598%
}
.row .grid-11 .prefix-5:first-child {
    margin-left: 46.42165%
}
.row .grid-11 .prefix-4:first-child {
    margin-left: 37.13732%
}
.row .grid-11 .prefix-3:first-child {
    margin-left: 27.85299%
}
.row .grid-11 .prefix-2:first-child {
    margin-left: 18.56866%
}
.row .grid-11 .prefix-1:first-child {
    margin-left: 9.28433%
}
.row .grid-10 .prefix-10 {
    margin-left: 104.25532%
}
.row .grid-10 .prefix-9 {
    margin-left: 94.04255%
}
.row .grid-10 .prefix-8 {
    margin-left: 83.82979%
}
.row .grid-10 .prefix-7 {
    margin-left: 73.61702%
}
.row .grid-10 .prefix-6 {
    margin-left: 63.40426%
}
.row .grid-10 .prefix-5 {
    margin-left: 53.191497%
}
.row .grid-10 .prefix-4 {
    margin-left: 42.97872%
}
.row .grid-10 .prefix-3 {
    margin-left: 32.76596%
}
.row .grid-10 .prefix-2 {
    margin-left: 22.55319%
}
.row .grid-10 .prefix-1 {
    margin-left: 12.34043%
}
.row .grid-10 .prefix-10:first-child {
    margin-left: 102.12766%
}
.row .grid-10 .prefix-9:first-child {
    margin-left: 91.91489%
}
.row .grid-10 .prefix-8:first-child {
    margin-left: 81.70213%
}
.row .grid-10 .prefix-7:first-child {
    margin-left: 71.48936%
}
.row .grid-10 .prefix-6:first-child {
    margin-left: 61.2766%
}
.row .grid-10 .prefix-5:first-child {
    margin-left: 51.06383%
}
.row .grid-10 .prefix-4:first-child {
    margin-left: 40.85106%
}
.row .grid-10 .prefix-3:first-child {
    margin-left: 30.6383%
}
.row .grid-10 .prefix-2:first-child {
    margin-left: 20.42553%
}
.row .grid-10 .prefix-1:first-child {
    margin-left: 10.21277%
}
.row .grid-9 .prefix-9 {
    margin-left: 104.25532%
}
.row .grid-9 .prefix-8 {
    margin-left: 92.9078%
}
.row .grid-9 .prefix-7 {
    margin-left: 81.56028%
}
.row .grid-9 .prefix-6 {
    margin-left: 70.21277%
}
.row .grid-9 .prefix-5 {
    margin-left: 58.86525%
}
.row .grid-9 .prefix-4 {
    margin-left: 47.51773%
}
.row .grid-9 .prefix-3 {
    margin-left: 36.17021%
}
.row .grid-9 .prefix-2 {
    margin-left: 24.822708%
}
.row .grid-9 .prefix-1 {
    margin-left: 13.475186%
}
.row .grid-9 .prefix-9:first-child {
    margin-left: 102.12766%
}
.row .grid-9 .prefix-8:first-child {
    margin-left: 90.78014%
}
.row .grid-9 .prefix-7:first-child {
    margin-left: 79.43262%
}
.row .grid-9 .prefix-6:first-child {
    margin-left: 68.08511%
}
.row .grid-9 .prefix-5:first-child {
    margin-left: 56.73759%
}
.row .grid-9 .prefix-4:first-child {
    margin-left: 45.39007%
}
.row .grid-9 .prefix-3:first-child {
    margin-left: 34.04255%
}
.row .grid-9 .prefix-2:first-child {
    margin-left: 22.69504%
}
.row .grid-9 .prefix-1:first-child {
    margin-left: 11.34752%
}
.row .grid-8 .prefix-8 {
    margin-left: 104.25532%
}
.row .grid-8 .prefix-7 {
    margin-left: 91.48936%
}
.row .grid-8 .prefix-6 {
    margin-left: 78.72341%
}
.row .grid-8 .prefix-5 {
    margin-left: 65.95745%
}
.row .grid-8 .prefix-4 {
    margin-left: 53.19149%
}
.row .grid-8 .prefix-3 {
    margin-left: 40.42553%
}
.row .grid-8 .prefix-2 {
    margin-left: 27.65958%
}
.row .grid-8 .prefix-1 {
    margin-left: 14.89362%
}
.row .grid-8 .prefix-8:first-child {
    margin-left: 102.12766%
}
.row .grid-8 .prefix-7:first-child {
    margin-left: 89.3617%
}
.row .grid-8 .prefix-6:first-child {
    margin-left: 76.59575%
}
.row .grid-8 .prefix-5:first-child {
    margin-left: 63.82979%
}
.row .grid-8 .prefix-4:first-child {
    margin-left: 51.06383%
}
.row .grid-8 .prefix-3:first-child {
    margin-left: 38.29787%
}
.row .grid-8 .prefix-2:first-child {
    margin-left: 25.53192%
}
.row .grid-8 .prefix-1:first-child {
    margin-left: 12.76596%
}
.row .grid-7 .prefix-7 {
    margin-left: 104.25532%
}
.row .grid-7 .prefix-6 {
    margin-left: 89.66565%
}
.row .grid-7 .prefix-5 {
    margin-left: 75.07599%
}
.row .grid-7 .prefix-4 {
    margin-left: 60.48632%
}
.row .grid-7 .prefix-3 {
    margin-left: 45.89666%
}
.row .grid-7 .prefix-2 {
    margin-left: 31.30699%
}
.row .grid-7 .prefix-1 {
    margin-left: 16.71733%
}
.row .grid-7 .prefix-7:first-child {
    margin-left: 102.12766%
}
.row .grid-7 .prefix-6:first-child {
    margin-left: 87.53799%
}
.row .grid-7 .prefix-5:first-child {
    margin-left: 72.94833%
}
.row .grid-7 .prefix-4:first-child {
    margin-left: 58.35866%
}
.row .grid-7 .prefix-3:first-child {
    margin-left: 43.769%
}
.row .grid-7 .prefix-2:first-child {
    margin-left: 29.17933%
}
.row .grid-7 .prefix-1:first-child {
    margin-left: 14.58967%
}
.row .grid-6 .prefix-6 {
    margin-left: 104.25532%
}
.row .grid-6 .prefix-5 {
    margin-left: 87.23404%
}
.row .grid-6 .prefix-4 {
    margin-left: 70.21277%
}
.row .grid-6 .prefix-3 {
    margin-left: 53.19149%
}
.row .grid-6 .prefix-2 {
    margin-left: 36.17021%
}
.row .grid-6 .prefix-1 {
    margin-left: 19.14894%
}
.row .grid-6 .prefix-6:first-child {
    margin-left: 102.12766%
}
.row .grid-6 .prefix-5:first-child {
    margin-left: 85.10638%
}
.row .grid-6 .prefix-4:first-child {
    margin-left: 68.08511%
}
.row .grid-6 .prefix-3:first-child {
    margin-left: 51.06383%
}
.row .grid-6 .prefix-2:first-child {
    margin-left: 34.04255%
}
.row .grid-6 .prefix-1:first-child {
    margin-left: 17.02128%
}
.row .grid-5 .prefix-5 {
    margin-left: 104.25532%
}
.row .grid-5 .prefix-4 {
    margin-left: 83.82979%
}
.row .grid-5 .prefix-3 {
    margin-left: 63.40426%
}
.row .grid-5 .prefix-2 {
    margin-left: 42.97872%
}
.row .grid-5 .prefix-1 {
    margin-left: 22.55319%
}
.row .grid-5 .prefix-5:first-child {
    margin-left: 102.12766%
}
.row .grid-5 .prefix-4:first-child {
    margin-left: 81.70213%
}
.row .grid-5 .prefix-3:first-child {
    margin-left: 61.2766%
}
.row .grid-5 .prefix-2:first-child {
    margin-left: 40.85106%
}
.row .grid-5 .prefix-1:first-child {
    margin-left: 20.42553%
}
.row .grid-4 .prefix-4 {
    margin-left: 104.25532%
}
.row .grid-4 .prefix-3 {
    margin-left: 78.72341%
}
.row .grid-4 .prefix-2 {
    margin-left: 53.19149%
}
.row .grid-4 .prefix-1 {
    margin-left: 27.65958%
}
.row .grid-4 .prefix-4:first-child {
    margin-left: 102.12766%
}
.row .grid-4 .prefix-3:first-child {
    margin-left: 76.59575%
}
.row .grid-4 .prefix-2:first-child {
    margin-left: 51.06383%
}
.row .grid-4 .prefix-1:first-child {
    margin-left: 25.53192%
}
.row .grid-3 .prefix-3 {
    margin-left: 104.25532%
}
.row .grid-3 .prefix-2 {
    margin-left: 70.21277%
}
.row .grid-3 .prefix-1 {
    margin-left: 36.17021%
}
.row .grid-3 .prefix-3:first-child {
    margin-left: 102.12766%
}
.row .grid-3 .prefix-2:first-child {
    margin-left: 68.08511%
}
.row .grid-3 .prefix-1:first-child {
    margin-left: 34.04255%
}
.row .grid-2 .prefix-2 {
    margin-left: 104.25532%
}
.row .grid-2 .prefix-1 {
    margin-left: 53.19149%
}
.row .grid-2 .prefix-2:first-child {
    margin-left: 102.12766%
}
.row .grid-2 .prefix-1:first-child {
    margin-left: 51.06383%
}
.row .suffix-12 {
    margin-right: 102.12765957446808%
}
.row .suffix-11 {
    margin-right: 93.61702127659574%
}
.row .suffix-10 {
    margin-right: 85.1063829787234%
}
.row .suffix-9 {
    margin-right: 76.59574468085106%
}
.row .suffix-8 {
    margin-right: 68.08510638297872%
}
.row .suffix-7 {
    margin-right: 59.574468085106375%
}
.row .suffix-6 {
    margin-right: 51.063829787234035%
}
.row .suffix-5 {
    margin-right: 42.5531914893617%
}
.row .suffix-4 {
    margin-right: 34.04255319148936%
}
.row .suffix-3 {
    margin-right: 25.53191489361702%
}
.row .suffix-2 {
    margin-right: 17.02127659574468%
}
.row .suffix-1 {
    margin-right: 8.51063829787234%
}
.row .grid-11 .suffix-11 {
    margin-right: 102.12766%
}
.row .grid-11 .suffix-10 {
    margin-right: 92.8433%
}
.row .grid-11 .suffix-9 {
    margin-right: 83.55897%
}
.row .grid-11 .suffix-8 {
    margin-right: 74.27464%
}
.row .grid-11 .suffix-7 {
    margin-right: 64.99031%
}
.row .grid-11 .suffix-6 {
    margin-right: 55.70598%
}
.row .grid-11 .suffix-5 {
    margin-right: 46.42165%
}
.row .grid-11 .suffix-4 {
    margin-right: 37.13732%
}
.row .grid-11 .suffix-3 {
    margin-right: 27.85299%
}
.row .grid-11 .suffix-2 {
    margin-right: 18.56866%
}
.row .grid-11 .suffix-1 {
    margin-right: 9.28433%
}
.row .grid-10 .suffix-10 {
    margin-right: 102.12766%
}
.row .grid-10 .suffix-9 {
    margin-right: 91.91489%
}
.row .grid-10 .suffix-8 {
    margin-right: 81.70213%
}
.row .grid-10 .suffix-7 {
    margin-right: 71.48936%
}
.row .grid-10 .suffix-6 {
    margin-right: 61.2766%
}
.row .grid-10 .suffix-5 {
    margin-right: 51.06383%
}
.row .grid-10 .suffix-4 {
    margin-right: 40.85106%
}
.row .grid-10 .suffix-3 {
    margin-right: 30.6383%
}
.row .grid-10 .suffix-2 {
    margin-right: 20.42553%
}
.row .grid-10 .suffix-1 {
    margin-right: 10.21277%
}
.row .grid-9 .suffix-9 {
    margin-right: 102.12766%
}
.row .grid-9 .suffix-8 {
    margin-right: 90.78014%
}
.row .grid-9 .suffix-7 {
    margin-right: 79.43262%
}
.row .grid-9 .suffix-6 {
    margin-right: 68.08511%
}
.row .grid-9 .suffix-5 {
    margin-right: 56.73759%
}
.row .grid-9 .suffix-4 {
    margin-right: 45.39007%
}
.row .grid-9 .suffix-3 {
    margin-right: 34.04255%
}
.row .grid-9 .suffix-2 {
    margin-right: 22.69504%
}
.row .grid-9 .suffix-1 {
    margin-right: 11.34752%
}
.row .grid-8 .suffix-8 {
    margin-right: 102.12766%
}
.row .grid-8 .suffix-7 {
    margin-right: 89.3617%
}
.row .grid-8 .suffix-6 {
    margin-right: 76.59575%
}
.row .grid-8 .suffix-5 {
    margin-right: 63.82979%
}
.row .grid-8 .suffix-4 {
    margin-right: 51.06383%
}
.row .grid-8 .suffix-3 {
    margin-right: 38.29787%
}
.row .grid-8 .suffix-2 {
    margin-right: 25.53192%
}
.row .grid-8 .suffix-1 {
    margin-right: 12.76596%
}
.row .grid-7 .suffix-7 {
    margin-right: 102.12766%
}
.row .grid-7 .suffix-6 {
    margin-right: 87.53799%
}
.row .grid-7 .suffix-5 {
    margin-right: 72.94833%
}
.row .grid-7 .suffix-4 {
    margin-right: 58.35866%
}
.row .grid-7 .suffix-3 {
    margin-right: 43.769%
}
.row .grid-7 .suffix-2 {
    margin-right: 29.17933%
}
.row .grid-7 .suffix-1 {
    margin-right: 14.58967%
}
.row .grid-6 .suffix-6 {
    margin-right: 102.12766%
}
.row .grid-6 .suffix-5 {
    margin-right: 85.10638%
}
.row .grid-6 .suffix-4 {
    margin-right: 68.08511%
}
.row .grid-6 .suffix-3 {
    margin-right: 51.06383%
}
.row .grid-6 .suffix-2 {
    margin-right: 34.04255%
}
.row .grid-6 .suffix-1 {
    margin-right: 17.02128%
}
.row .grid-5 .suffix-5 {
    margin-right: 102.12766%
}
.row .grid-5 .suffix-4 {
    margin-right: 81.70213%
}
.row .grid-5 .suffix-3 {
    margin-right: 61.2766%
}
.row .grid-5 .suffix-2 {
    margin-right: 40.85106%
}
.row .grid-5 .suffix-1 {
    margin-right: 20.42553%
}
.row .grid-4 .suffix-4 {
    margin-right: 102.12766%
}
.row .grid-4 .suffix-3 {
    margin-right: 76.59575%
}
.row .grid-4 .suffix-2 {
    margin-right: 51.06383%
}
.row .grid-4 .suffix-1 {
    margin-right: 25.53192%
}
.row .grid-3 .suffix-3 {
    margin-right: 102.12766%
}
.row .grid-3 .suffix-2 {
    margin-right: 68.08511%
}
.row .grid-3 .suffix-1 {
    margin-right: 34.04255%
}
.row .grid-2 .suffix-2 {
    margin-right: 102.12766%
}
.row .grid-2 .suffix-1 {
    margin-right: 51.06383%
}
@media(max-width:767px) {
    #wrapper {
        width: 100%
    }
    .main {
        width: auto
    }
    .row {
        width: 100%
    }
    .row {
        margin-left: 0
    }
    [class*="grid"],
    .row [class*="grid"] {
        float: none;
        display: block;
        width: 100%!important;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media(min-width:768px)and (max-width:979px) {
    .main {
        width: 724px
    }
    #wrapper {
        width: 744px;
        margin: auto
    }
}
.ui-mobile,
.ui-mobile body {
    height: 99.9%
}
.ui-mobile fieldset,
.ui-page {
    padding: 0;
    margin: 0
}
.ui-mobile a img,
.ui-mobile fieldset {
    border-width: 0
}
.ui-mobile fieldset {
    min-width: 0
}
@-moz-document url-prefix() {
    .ui-mobile fieldset {
        display: table-column;
        vertical-align: middle;
    }
}
.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body.ui-mobile-viewport,
div.ui-mobile-viewport {
    overflow-x: hidden
}
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0
}
.ui-page {
    outline: none
}
.ui-mobile .ui-page-active {
    display: block;
    overflow: visible;
    overflow-x: hidden
}
@media screen and (orientation: portrait) {
    .ui-mobile .ui-page {
        min-height: 420px
    }
}
@media screen and (orientation: landscape) {
    .ui-mobile .ui-page {
        min-height: 300px
    }
}
.ui-mobile-rendering>* {
    visibility: hidden
}
.ui-nojs {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}
.ui-loading .ui-loader {
    display: block
}
.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0
}
.ui-loader-default {
    background: none;
    filter: Alpha(Opacity=18);
    opacity: .18;
    width: 2.875em;
    height: 2.875em;
    margin-left: -1.4375em;
    margin-top: -1.4375em
}
.ui-loader-verbose {
    width: 12.5em;
    filter: Alpha(Opacity=88);
    opacity: .88;
    box-shadow: 0 1px 1px -1px #fff;
    height: auto;
    margin-left: -6.875em;
    margin-top: -2.6875em;
    padding: .625em
}
.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden
}
.ui-loader-verbose h1 {
    font-size: 1em;
    margin: 0;
    text-align: center
}
.ui-loader .ui-icon-loading {
    background-color: #000;
    display: block;
    margin: 0;
    width: 2.75em;
    height: 2.75em;
    padding: .0625em;
    -webkit-border-radius: 2.25em;
    border-radius: 2.25em
}
.ui-loader-verbose .ui-icon-loading {
    margin: 0 auto .625em;
    filter: Alpha(Opacity=75);
    opacity: .75
}
.ui-loader-textonly {
    padding: .9375em;
    margin-left: -7.1875em
}
.ui-loader-textonly .ui-icon-loading {
    display: none
}
.ui-loader-fakefix {
    position: absolute
}
.ui-bar,
.ui-body {
    position: relative;
    padding: .4em 1em;
    overflow: hidden;
    display: block;
    clear: both
}
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    display: inline-block
}
.ui-header,
.ui-footer {
    border-width: 1px 0;
    border-style: solid;
    position: relative
}
.ui-header:empty,
.ui-footer:empty {
    min-height: 2.6875em
}
.ui-header .ui-title,
.ui-footer .ui-title {
    font-size: 1em;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 30%;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important
}
.ui-footer .ui-title {
    margin: 0 1em
}
.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 1em
}
.ui-corner-all>.ui-header:first-child,
.ui-corner-all>.ui-content:first-child,
.ui-corner-all>.ui-footer:first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit
}
.ui-corner-all>.ui-header:last-child,
.ui-corner-all>.ui-content:last-child,
.ui-corner-all>.ui-footer:last-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit
}
.ui-btn {
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ui-btn-icon-notext,
.ui-header button.ui-btn.ui-btn-icon-notext,
.ui-footer button.ui-btn.ui-btn-icon-notext {
    padding: 0;
    width: 1.75em;
    height: 1.75em;
    text-indent: -9999px;
    white-space: nowrap!important
}
.ui-mini {
    font-size: 12.5px
}
.ui-mini .ui-btn {
    font-size: inherit
}
.ui-header .ui-btn,
.ui-footer .ui-btn {
    font-size: 12.5px;
    display: inline-block;
    vertical-align: middle
}
.ui-header .ui-controlgroup .ui-btn-icon-notext,
.ui-footer .ui-controlgroup .ui-btn-icon-notext {
    font-size: 12.5px
}
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
    font-size: 12.5px
}
.ui-mini.ui-btn-icon-notext,
.ui-mini .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext,
.ui-footer .ui-btn-icon-notext {
    font-size: 16px;
    padding: 0
}
.ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: .625em
}
.ui-btn-icon-left {
    padding-left: 2.5em
}
.ui-btn-icon-right {
    padding-right: 2.5em
}
.ui-btn-icon-top {
    padding-top: 2.5em
}
.ui-btn-icon-bottom {
    padding-bottom: 2.5em
}
.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
.ui-footer .ui-btn-icon-bottom {
    padding-left: .3125em;
    padding-right: .3125em
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px
}
.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
    top: 50%;
    margin-top: -11px
}
.ui-btn-icon-left:after {
    left: .5625em
}
.ui-btn-icon-right:after {
    right: .5625em
}
.ui-mini.ui-btn-icon-left:after,
.ui-mini .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
    left: .37em
}
.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
    right: .37em
}
.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after {
    left: 50%;
    margin-left: -11px
}
.ui-btn-icon-top:after {
    top: .5625em
}
.ui-btn-icon-bottom:after {
    top: auto;
    bottom: .5625em
}
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-btn-left>[class*="ui-"],
.ui-btn-right>[class*="ui-"] {
    margin: 0
}
.ui-btn-left,
.ui-btn-right {
    position: absolute;
    top: .24em
}
.ui-btn-left {
    left: .4em
}
.ui-btn-right {
    right: .4em
}
.ui-btn-icon-notext.ui-btn-left {
    top: .3125em;
    left: .3125em
}
.ui-btn-icon-notext.ui-btn-right {
    top: .3125em;
    right: .3125em
}
button.ui-btn,
.ui-controlgroup-controls button.ui-btn-icon-notext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%
}
button.ui-btn-inline,
.ui-header button.ui-btn,
.ui-footer button.ui-btn {
    width: auto
}
button.ui-btn::-moz-focus-inner {
    border: 0
}
button.ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 1.75em
}
.ui-mobile label,
.ui-controlgroup-label {
    display: block;
    margin: 0 0 .4em
}
.ui-hide-label>label,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}
.ui-screen-hidden {
    display: none!important
}
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ui-page-pre-in {
    opacity: 0
}
.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms
}
.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 225ms;
    animation-timing-function: ease-in;
    animation-duration: 225ms
}
@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-moz-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout
}
.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein
}
.viewport-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    position: absolute
}
.flip {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0)
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 175ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 175ms;
    transform: rotateY(-90deg) scale(.9);
    animation-name: flipouttoleft;
    animation-duration: 175ms
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 225ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 225ms;
    animation-name: flipintoright;
    animation-duration: 225ms
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(.9);
    animation-name: flipouttoright
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft
}
@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0)
    }
    to {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
}
@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0)
    }
    to {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
}
@keyframes flipouttoleft {
    from {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(-90deg) scale(.9)
    }
}
@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0)
    }
    to {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
}
@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0)
    }
    to {
        -moz-transform: rotateY(90deg) scale(.9)
    }
}
@keyframes flipouttoright {
    from {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(90deg) scale(.9)
    }
}
@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
    to {
        -webkit-transform: rotateY(0)
    }
}
@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
    to {
        -moz-transform: rotateY(0)
    }
}
@keyframes flipintoleft {
    from {
        transform: rotateY(-90deg) scale(.9)
    }
    to {
        transform: rotateY(0)
    }
}
@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
    to {
        -webkit-transform: rotateY(0)
    }
}
@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(.9)
    }
    to {
        -moz-transform: rotateY(0)
    }
}
@keyframes flipintoright {
    from {
        transform: rotateY(90deg) scale(.9)
    }
    to {
        transform: rotateY(0)
    }
}
.flow {
    -webkit-transform-origin: 50% 30%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    -moz-transform-origin: 50% 30%;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    transform-origin: 50% 30%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4)
}
.ui-dialog.flow {
    -webkit-transform-origin: none;
    -webkit-box-shadow: none;
    -moz-transform-origin: none;
    -moz-box-shadow: none;
    transform-origin: none;
    box-shadow: none
}
.flow.out {
    -webkit-transform: translateX(-100%) scale(.7);
    -webkit-animation-name: flowouttoleft;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 350ms;
    -moz-transform: translateX(-100%) scale(.7);
    -moz-animation-name: flowouttoleft;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 350ms;
    transform: translateX(-100%) scale(.7);
    animation-name: flowouttoleft;
    animation-timing-function: ease;
    animation-duration: 350ms
}
.flow.in {
    -webkit-transform: translateX(0) scale(1);
    -webkit-animation-name: flowinfromright;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 350ms;
    -moz-transform: translateX(0) scale(1);
    -moz-animation-name: flowinfromright;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 350ms;
    transform: translateX(0) scale(1);
    animation-name: flowinfromright;
    animation-timing-function: ease;
    animation-duration: 350ms
}
.flow.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: flowouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: flowouttoright;
    transform: translateX(100%);
    animation-name: flowouttoright
}
.flow.in.reverse {
    -webkit-animation-name: flowinfromleft;
    -moz-animation-name: flowinfromleft;
    animation-name: flowinfromleft
}
@-webkit-keyframes flowouttoleft {
    0% {
        -webkit-transform: translateX(0) scale(1)
    }
    60%,
    70% {
        -webkit-transform: translateX(0) scale(.7)
    }
    100% {
        -webkit-transform: translateX(-100%) scale(.7)
    }
}
@-moz-keyframes flowouttoleft {
    0% {
        -moz-transform: translateX(0) scale(1)
    }
    60%,
    70% {
        -moz-transform: translateX(0) scale(.7)
    }
    100% {
        -moz-transform: translateX(-100%) scale(.7)
    }
}
@keyframes flowouttoleft {
    0% {
        transform: translateX(0) scale(1)
    }
    60%,
    70% {
        transform: translateX(0) scale(.7)
    }
    100% {
        transform: translateX(-100%) scale(.7)
    }
}
@-webkit-keyframes flowouttoright {
    0% {
        -webkit-transform: translateX(0) scale(1)
    }
    60%,
    70% {
        -webkit-transform: translateX(0) scale(.7)
    }
    100% {
        -webkit-transform: translateX(100%) scale(.7)
    }
}
@-moz-keyframes flowouttoright {
    0% {
        -moz-transform: translateX(0) scale(1)
    }
    60%,
    70% {
        -moz-transform: translateX(0) scale(.7)
    }
    100% {
        -moz-transform: translateX(100%) scale(.7)
    }
}
@keyframes flowouttoright {
    0% {
        transform: translateX(0) scale(1)
    }
    60%,
    70% {
        transform: translateX(0) scale(.7)
    }
    100% {
        transform: translateX(100%) scale(.7)
    }
}
@-webkit-keyframes flowinfromleft {
    0% {
        -webkit-transform: translateX(-100%) scale(.7)
    }
    30%,
    40% {
        -webkit-transform: translateX(0) scale(.7)
    }
    100% {
        -webkit-transform: translateX(0) scale(1)
    }
}
@-moz-keyframes flowinfromleft {
    0% {
        -moz-transform: translateX(-100%) scale(.7)
    }
    30%,
    40% {
        -moz-transform: translateX(0) scale(.7)
    }
    100% {
        -moz-transform: translateX(0) scale(1)
    }
}
@keyframes flowinfromleft {
    0% {
        transform: translateX(-100%) scale(.7)
    }
    30%,
    40% {
        transform: translateX(0) scale(.7)
    }
    100% {
        transform: translateX(0) scale(1)
    }
}
@-webkit-keyframes flowinfromright {
    0% {
        -webkit-transform: translateX(100%) scale(.7)
    }
    30%,
    40% {
        -webkit-transform: translateX(0) scale(.7)
    }
    100% {
        -webkit-transform: translateX(0) scale(1)
    }
}
@-moz-keyframes flowinfromright {
    0% {
        -moz-transform: translateX(100%) scale(.7)
    }
    30%,
    40% {
        -moz-transform: translateX(0) scale(.7)
    }
    100% {
        -moz-transform: translateX(0) scale(1)
    }
}
@keyframes flowinfromright {
    0% {
        transform: translateX(100%) scale(.7)
    }
    30%,
    40% {
        transform: translateX(0) scale(.7)
    }
    100% {
        transform: translateX(0) scale(1)
    }
}
.pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.pop.in {
    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1
}
.pop.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms;
    opacity: 0
}
.pop.in.reverse {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    animation-name: fadein
}
.pop.out.reverse {
    -webkit-transform: scale(.8);
    -webkit-animation-name: popout;
    -moz-transform: scale(.8);
    -moz-animation-name: popout;
    transform: scale(.8);
    animation-name: popout
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0
    }
    to {
        -moz-transform: scale(1);
        opacity: 1
    }
}
@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0
    }
}
@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.8);
        opacity: 0
    }
}
@-webkit-keyframes slideinfromright {
    from {
        -webkit-transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}
@-moz-keyframes slideinfromright {
    from {
        -moz-transform: translateX(100%)
    }
    to {
        -moz-transform: translateX(0)
    }
}
@keyframes slideinfromright {
    from {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}
@-webkit-keyframes slideinfromleft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}
@-moz-keyframes slideinfromleft {
    from {
        -moz-transform: translateX(-100%)
    }
    to {
        -moz-transform: translateX(0)
    }
}
@keyframes slideinfromleft {
    from {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(0)
    }
}
@-webkit-keyframes slideouttoleft {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
}
@-moz-keyframes slideouttoleft {
    from {
        -moz-transform: translateX(0)
    }
    to {
        -moz-transform: translateX(-100%)
    }
}
@keyframes slideouttoleft {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}
@-webkit-keyframes slideouttoright {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}
@-moz-keyframes slideouttoright {
    from {
        -moz-transform: translateX(0)
    }
    to {
        -moz-transform: translateX(100%)
    }
}
@keyframes slideouttoright {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(100%)
    }
}
.slide.out,
.slide.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms
}
.slide.out {
    -webkit-transform: translate3d(-100%, 0, 0);
    -webkit-animation-name: slideouttoleft;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    transform: translateX(-100%);
    animation-name: slideouttoleft
}
.slide.in {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromright;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromright;
    transform: translateX(0);
    animation-name: slideinfromright
}
.slide.out.reverse {
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-animation-name: slideouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    transform: translateX(100%);
    animation-name: slideouttoright
}
.slide.in.reverse {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromleft;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromleft;
    transform: translateX(0);
    animation-name: slideinfromleft
}
.slidedown.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms
}
.slidedown.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfromtop;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfromtop;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfromtop;
    animation-duration: 250ms
}
.slidedown.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms
}
.slidedown.out.reverse {
    -webkit-transform: translateY(-100%);
    -webkit-animation-name: slideouttotop;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateY(-100%);
    -moz-animation-name: slideouttotop;
    -moz-animation-duration: 200ms;
    transform: translateY(-100%);
    animation-name: slideouttotop;
    animation-duration: 200ms
}
@-webkit-keyframes slideinfromtop {
    from {
        -webkit-transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes slideinfromtop {
    from {
        -moz-transform: translateY(-100%)
    }
    to {
        -moz-transform: translateY(0)
    }
}
@keyframes slideinfromtop {
    from {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}
@-webkit-keyframes slideouttotop {
    from {
        -webkit-transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%)
    }
}
@-moz-keyframes slideouttotop {
    from {
        -moz-transform: translateY(0)
    }
    to {
        -moz-transform: translateY(-100%)
    }
}
@keyframes slideouttotop {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-100%)
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-moz-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout
}
.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein
}
@-webkit-keyframes slideouttoleft {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
}
@-moz-keyframes slideouttoleft {
    from {
        -moz-transform: translateX(0)
    }
    to {
        -moz-transform: translateX(-100%)
    }
}
@keyframes slideouttoleft {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}
@-webkit-keyframes slideouttoright {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}
@-moz-keyframes slideouttoright {
    from {
        -moz-transform: translateX(0)
    }
    to {
        -moz-transform: translateX(100%)
    }
}
@keyframes slideouttoright {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(100%)
    }
}
.slidefade.out {
    -webkit-transform: translateX(-100%);
    -webkit-animation-name: slideouttoleft;
    -webkit-animation-duration: 225ms;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    -moz-animation-duration: 225ms;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
    animation-duration: 225ms
}
.slidefade.in {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    -moz-animation-duration: 200ms;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 200ms
}
.slidefade.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: slideouttoright;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    -moz-animation-duration: 200ms;
    transform: translateX(100%);
    animation-name: slideouttoright;
    animation-duration: 200ms
}
.slidefade.in.reverse {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    -moz-animation-duration: 200ms;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 200ms
}
.slideup.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms
}
.slideup.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfrombottom;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfrombottom;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfrombottom;
    animation-duration: 250ms
}
.slideup.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms
}
.slideup.out.reverse {
    -webkit-transform: translateY(100%);
    -webkit-animation-name: slideouttobottom;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateY(100%);
    -moz-animation-name: slideouttobottom;
    -moz-animation-duration: 200ms;
    transform: translateY(100%);
    animation-name: slideouttobottom;
    animation-duration: 200ms
}
@-webkit-keyframes slideinfrombottom {
    from {
        -webkit-transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes slideinfrombottom {
    from {
        -moz-transform: translateY(100%)
    }
    to {
        -moz-transform: translateY(0)
    }
}
@keyframes slideinfrombottom {
    from {
        transform: translateY(100%)
    }
    to {
        transform: translateY(0)
    }
}
@-webkit-keyframes slideouttobottom {
    from {
        -webkit-transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%)
    }
}
@-moz-keyframes slideouttobottom {
    from {
        -moz-transform: translateY(0)
    }
    to {
        -moz-transform: translateY(100%)
    }
}
@keyframes slideouttobottom {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(100%)
    }
}
.viewport-turn {
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 200px;
    position: absolute
}
.turn {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -webkit-transform-origin: 0;
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    -moz-transform-origin: 0;
    backface-visibility: hidden;
    transform: translateX(0);
    transform-origin: 0
}
.turn.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 125ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 125ms;
    transform: rotateY(-90deg) scale(.9);
    animation-name: flipouttoleft;
    animation-duration: 125ms
}
.turn.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 250ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 250ms;
    animation-name: flipintoright;
    animation-duration: 250ms
}
.turn.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(.9);
    animation-name: flipouttoright
}
.turn.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft
}
@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0)
    }
    to {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
}
@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0)
    }
    to {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
}
@keyframes flipouttoleft {
    from {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(-90deg) scale(.9)
    }
}
@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0)
    }
    to {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
}
@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0)
    }
    to {
        -moz-transform: rotateY(90deg) scale(.9)
    }
}
@keyframes flipouttoright {
    from {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(90deg) scale(.9)
    }
}
@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
    to {
        -webkit-transform: rotateY(0)
    }
}
@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
    to {
        -moz-transform: rotateY(0)
    }
}
@keyframes flipintoleft {
    from {
        transform: rotateY(-90deg) scale(.9)
    }
    to {
        transform: rotateY(0)
    }
}
@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
    to {
        -webkit-transform: rotateY(0)
    }
}
@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(.9)
    }
    to {
        -moz-transform: rotateY(0)
    }
}
@keyframes flipintoright {
    from {
        transform: rotateY(90deg) scale(.9)
    }
    to {
        transform: rotateY(0)
    }
}
html {
    font-size: 100%
}
body,
input,
select,
textarea,
button,
.ui-btn {
    font-size: 1em;
    line-height: 1.3;
    font-family: sans-serif
}
legend,
.ui-input-text input,
.ui-input-search input {
    color: inherit;
    text-shadow: inherit
}
.ui-mobile label,
div.ui-controlgroup-label {
    font-weight: normal;
    font-size: 16px
}
.ui-field-contain {
    border-bottom-color: #828282;
    border-bottom-color: rgba(0, 0, 0, .15);
    border-bottom-width: 1px;
    border-bottom-style: solid
}
.table-stroke thead th,
.table-stripe thead th,
.table-stripe tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.table-stroke tbody th,
.table-stroke tbody td {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.table-stripe.table-stroke tbody tr:last-child th,
.table-stripe.table-stroke tbody tr:last-child td {
    border-bottom: 0
}
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
    background-color: #eee;
    background-color: rgba(0, 0, 0, .04)
}
.ui-btn,
label.ui-btn {
    font-weight: bold;
    border-width: 1px;
    border-style: solid
}
.ui-btn {
    text-decoration: none!important
}
.ui-btn-active {
    cursor: pointer
}
.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em
}
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
.ui-slider-track.ui-corner-all,
.ui-flipswitch.ui-corner-all,
.ui-li-count {
    -webkit-border-radius: .3125em;
    border-radius: .3125em
}
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: 1em;
    border-radius: 1em
}
.ui-btn-corner-all,
.ui-corner-all {
    -webkit-background-clip: padding;
    background-clip: padding-box
}
.ui-popup.ui-corner-all>.ui-popup-arrow-guide {
    left: .6em;
    right: .6em;
    top: .6em;
    bottom: .6em
}
.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}
.ui-shadow-inset {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2)
}
.ui-overlay-shadow {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    box-shadow: 0 0 12px rgba(0, 0, 0, .6)
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
    background-color: #666;
    background-color: rgba(0, 0, 0, .3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em
}
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
    background-color: #666;
    background-color: rgba(0, 0, 0, .15)
}
.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
    background-color: transparent
}
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
    display: block;
    width: 18px;
    height: 18px;
    margin: -9px 2px 0 2px
}
.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
    filter: Alpha(Opacity=30);
    opacity: .3
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
    -webkit-border-radius: .1875em;
    border-radius: .1875em
}
.ui-btn.ui-checkbox-off:after {
    background-color: #666;
    background-color: rgba(0, 0, 0, .3)
}
.ui-radio .ui-btn.ui-radio-on:after {
    background-image: none;
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-width: 5px;
    border-style: solid
}
.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
    background-color: #000
}
.ui-icon-loading {
    background: url("http://gsi-iran.com/bundles/css/images/ajax-loader.gif");
    background-size: 2.875em 2.875em
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
    background-color: #e9e9e9;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #eee;
    font-weight: bold
}
.ui-bar-a {
    border-width: 1px;
    border-style: solid
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color: #f9f9f9;
    border-color: #bbb;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}
.ui-body-a {
    border-width: 1px;
    border-style: solid
}
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
    color: #38c;
    font-weight: bold
}
.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
    color: #38c
}
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
    color: #059
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active {
    color: #059
}
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head+body .ui-btn.ui-btn-a:visited {
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head+body .ui-btn.ui-btn-a:hover {
    background-color: #ededed;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head+body .ui-btn.ui-btn-a:active {
    background-color: #e8e8e8;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: #38c;
    border-color: #38c;
    color: #fff;
    text-shadow: 0 1px 0 #059
}
.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
    border-color: #38c
}
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head+body .ui-btn.ui-btn-a:focus,
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head+body .ui-btn-a.ui-focus,
html head+body .ui-body-a.ui-focus {
    -webkit-box-shadow: 0 0 12px #38c;
    -moz-box-shadow: 0 0 12px #38c;
    box-shadow: 0 0 12px #38c
}
.ui-bar-b,
.ui-page-theme-b .ui-bar-inherit,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
    background-color: #1d1d1d;
    border-color: #1b1b1b;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    font-weight: bold
}
.ui-bar-b {
    border-width: 1px;
    border-style: solid
}
.ui-overlay-b,
.ui-page-theme-b,
.ui-page-theme-b .ui-panel-wrapper {
    background-color: #252525;
    border-color: #454545;
    color: #fff;
    text-shadow: 0 1px 0 #111
}
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
    background-color: #2a2a2a;
    border-color: #1d1d1d;
    color: #fff;
    text-shadow: 0 1px 0 #111
}
.ui-body-b {
    border-width: 1px;
    border-style: solid
}
.ui-page-theme-b a,
html .ui-bar-b a,
html .ui-body-b a,
html body .ui-group-theme-b a {
    color: #2ad;
    font-weight: bold
}
.ui-page-theme-b a:visited,
html .ui-bar-b a:visited,
html .ui-body-b a:visited,
html body .ui-group-theme-b a:visited {
    color: #2ad
}
.ui-page-theme-b a:hover,
html .ui-bar-b a:hover,
html .ui-body-b a:hover,
html body .ui-group-theme-b a:hover {
    color: #08b
}
.ui-page-theme-b a:active,
html .ui-bar-b a:active,
html .ui-body-b a:active,
html body .ui-group-theme-b a:active {
    color: #08b
}
.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn,
html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn,
html head+body .ui-btn.ui-btn-b,
.ui-page-theme-b .ui-btn:visited,
html .ui-bar-b .ui-btn:visited,
html .ui-body-b .ui-btn:visited,
html body .ui-group-theme-b .ui-btn:visited,
html head+body .ui-btn.ui-btn-b:visited {
    background-color: #333;
    border-color: #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #111
}
.ui-page-theme-b .ui-btn:hover,
html .ui-bar-b .ui-btn:hover,
html .ui-body-b .ui-btn:hover,
html body .ui-group-theme-b .ui-btn:hover,
html head+body .ui-btn.ui-btn-b:hover {
    background-color: #373737;
    border-color: #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #111
}
.ui-page-theme-b .ui-btn:active,
html .ui-bar-b .ui-btn:active,
html .ui-body-b .ui-btn:active,
html body .ui-group-theme-b .ui-btn:active,
html head+body .ui-btn.ui-btn-b:active {
    background-color: #404040;
    border-color: #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #111
}
.ui-page-theme-b .ui-btn.ui-btn-active,
html .ui-bar-b .ui-btn.ui-btn-active,
html .ui-body-b .ui-btn.ui-btn-active,
html body .ui-group-theme-b .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-b.ui-btn-active,
.ui-page-theme-b .ui-checkbox-on:after,
html .ui-bar-b .ui-checkbox-on:after,
html .ui-body-b .ui-checkbox-on:after,
html body .ui-group-theme-b .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-b:after,
.ui-page-theme-b .ui-flipswitch-active,
html .ui-bar-b .ui-flipswitch-active,
html .ui-body-b .ui-flipswitch-active,
html body .ui-group-theme-b .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
.ui-page-theme-b .ui-slider-track .ui-btn-active,
html .ui-bar-b .ui-slider-track .ui-btn-active,
html .ui-body-b .ui-slider-track .ui-btn-active,
html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-b .ui-btn-active {
    background-color: #2ad;
    border-color: #2ad;
    color: #fff;
    text-shadow: 0 1px 0 #08b
}
.ui-page-theme-b .ui-radio-on:after,
html .ui-bar-b .ui-radio-on:after,
html .ui-body-b .ui-radio-on:after,
html body .ui-group-theme-b .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-b:after {
    border-color: #2ad
}
.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .ui-btn:focus,
html head+body .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-group-theme-b .ui-focus,
html head+body .ui-btn-b.ui-focus,
html head+body .ui-body-b.ui-focus {
    -webkit-box-shadow: 0 0 12px #2ad;
    -moz-box-shadow: 0 0 12px #2ad;
    box-shadow: 0 0 12px #2ad
}
.ui-disabled,
.ui-state-disabled,
button[disabled],
.ui-select .ui-btn.ui-state-disabled {
    filter: Alpha(Opacity=30);
    opacity: .3;
    cursor: default!important;
    pointer-events: none
}
.ui-btn:focus,
.ui-btn.ui-focus {
    outline: 0
}
.ui-noboxshadow .ui-shadow,
.ui-noboxshadow .ui-shadow-inset,
.ui-noboxshadow .ui-overlay-shadow,
.ui-noboxshadow .ui-shadow-icon.ui-btn:after,
.ui-noboxshadow .ui-shadow-icon .ui-btn:after,
.ui-noboxshadow .ui-focus,
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow input:focus,
.ui-noboxshadow .ui-panel {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow .ui-focus {
    outline-width: 1px;
    outline-style: auto
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}
.nice-select:hover {
    border-color: #d0dae5
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #88bfff
}
.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
.nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none
}
.nice-select.disabled:after {
    border-color: #cdd5de
}
.nice-select.wide {
    width: 100%
}
.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}
.nice-select.right {
    float: right
}
.nice-select.right .list {
    left: auto;
    right: 0
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}
.nice-select.small:after {
    height: 4px;
    width: 4px
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f7f9
}
.nice-select .option.selected {
    font-weight: bold
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #90a1b5;
    cursor: default
}
.no-csspointerevents .nice-select .list {
    display: none
}
.no-csspointerevents .nice-select.open .list {
    display: block
}
.lg-outer.fb-comments .lg-img-wrap {
    padding-right: 400px!important
}
.lg-outer.fb-comments .fb-comments {
    height: 100%;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 420px;
    z-index: 99999;
    background: #fff url("http://gsi-iran.com/bundles/assets/loading.gif") no-repeat scroll center center
}
.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
    background-image: none
}
.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
    background: #fff url("http://gsi-iran.com/bundles/assets/loading.gif") no-repeat scroll center center
}
.lg-outer.fb-comments .lg-toolbar {
    right: 420px;
    width: auto
}
.lg-outer.fb-comments .lg-actions .lg-next {
    right: 420px
}
.lg-outer.fb-comments .lg-item {
    background-image: none
}
.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
    background-image: none
}
.lg-outer.fb-comments .lg-img-wrap {
    background: url(http://gsi-iran.com/bundles/assets/loading.gif) no-repeat scroll center center transparent
}
.lg-outer.fb-comments .lg-sub-html {
    padding: 0;
    position: static
}
.lg-css3.lg-zoom-in .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3)
}
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3)
}
.lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-zoom-in-big .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-zoom-out .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7)
}
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7)
}
.lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-zoom-out-big .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-zoom-out-in .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-zoom-in-out .lg-item {
    opacity: 0
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-soft-zoom .lg-item {
    opacity: 0
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
}
.lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide,
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide,
.lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-scale-up .lg-item {
    opacity: 0
}
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0)
}
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0);
    transform: scale3d(.8, .8, .8) translate3d(0%, 10%, 0)
}
.lg-css3.lg-scale-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-scale-up .lg-item.lg-prev-slide,
.lg-css3.lg-scale-up .lg-item.lg-next-slide,
.lg-css3.lg-scale-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.lg-css3.lg-slide-circular .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular-up .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
}
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
}
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular-down .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
}
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
}
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular-vertical .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular-vertical-left .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-circular-vertical-down .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}
.lg-css3.lg-slide-vertical .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide,
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide,
.lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-vertical-growth .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(.5, .5, .5) translate3d(0, -150%, 0);
    -o-transform: scale3d(.5, .5, .5) translate3d(0, -150%, 0);
    -ms-transform: scale3d(.5, .5, .5) translate3d(0, -150%, 0);
    -webkit-transform: scale3d(.5, .5, .5) translate3d(0, -150%, 0);
    transform: scale3d(.5, .5, .5) translate3d(0, -150%, 0)
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(.5, .5, .5) translate3d(0, 150%, 0);
    -o-transform: scale3d(.5, .5, .5) translate3d(0, 150%, 0);
    -ms-transform: scale3d(.5, .5, .5) translate3d(0, 150%, 0);
    -webkit-transform: scale3d(.5, .5, .5) translate3d(0, 150%, 0);
    transform: scale3d(.5, .5, .5) translate3d(0, 150%, 0)
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide,
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-only .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg)
}
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg)
}
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-only-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg)
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg)
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-only-y .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg)
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg)
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg)
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg)
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0);
    -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0);
    -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0);
    -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0);
    transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0)
}
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0);
    -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0);
    -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0);
    -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0);
    transform: skew(20deg, 0deg) translate3d(100%, 0%, 0)
}
.lg-css3.lg-slide-skew .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0);
    -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0);
    -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0);
    -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0);
    transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0)
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0);
    -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0);
    -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0);
    -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0);
    transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0)
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-cross .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0);
    -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0);
    -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0);
    -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0);
    transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0)
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0);
    -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0);
    -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0);
    -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0);
    transform: skew(0deg, 60deg) translate3d(100%, 0%, 0)
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-cross-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0);
    -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0);
    -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0);
    -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0);
    transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0)
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0);
    -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0);
    -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0);
    -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0);
    transform: skew(0deg, -60deg) translate3d(100%, 0%, 0)
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-ver .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0);
    -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0);
    -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0);
    transform: skew(60deg, 0deg) translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0);
    -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0);
    -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0);
    transform: skew(60deg, 0deg) translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-ver-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0);
    -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0);
    transform: skew(-60deg, 0deg) translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0);
    -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0);
    transform: skew(-60deg, 0deg) translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-ver-cross .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0);
    -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0);
    -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0);
    transform: skew(0deg, 20deg) translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0);
    -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0);
    -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0);
    transform: skew(0deg, 20deg) translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0);
    -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0);
    -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0);
    transform: skew(0deg, -20deg) translate3d(0, -100%, 0)
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0);
    -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0);
    -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0);
    transform: skew(0deg, -20deg) translate3d(0, 100%, 0)
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0);
    opacity: 1
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-lollipop .lg-item {
    opacity: 0
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translate3d(0, 0, 0) scale(.5);
    -o-transform: translate3d(0, 0, 0) scale(.5);
    -ms-transform: translate3d(0, 0, 0) scale(.5);
    -webkit-transform: translate3d(0, 0, 0) scale(.5);
    transform: translate3d(0, 0, 0) scale(.5)
}
.lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide,
.lg-css3.lg-lollipop .lg-item.lg-next-slide,
.lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-lollipop-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translate3d(0, 0, 0) scale(.5);
    -o-transform: translate3d(0, 0, 0) scale(.5);
    -ms-transform: translate3d(0, 0, 0) scale(.5);
    -webkit-transform: translate3d(0, 0, 0) scale(.5);
    transform: translate3d(0, 0, 0) scale(.5)
}
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide,
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-rotate .lg-item {
    opacity: 0
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}
.lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.lg-css3.lg-rotate .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide,
.lg-css3.lg-rotate .lg-item.lg-next-slide,
.lg-css3.lg-rotate .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-rotate-rev .lg-item {
    opacity: 0
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}
.lg-css3.lg-rotate-rev .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide,
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide,
.lg-css3.lg-rotate-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-tube .lg-item {
    opacity: 0
}
.lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0)
}
.lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(100%, 0, 0)
}
.lg-css3.lg-tube .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-tube .lg-item.lg-prev-slide,
.lg-css3.lg-tube .lg-item.lg-next-slide,
.lg-css3.lg-tube .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
@font-face {
    font-family: 'lg';
    src: url("http://gsi-iran.com/bundles/assets/lg_eot.eot@n1z373");
    src: url("http://gsi-iran.com/bundles/assets/lg_eot.eot@#iefixn1z373") format("embedded-opentype"), url("http://gsi-iran.com/bundles/assets/lg_woff.woff@n1z373") format("woff"), url("http://gsi-iran.com/bundles/assets/lg_ttf.ttf@n1z373") format("truetype"), url("http://gsi-iran.com/bundles/assets/lg_svg.svg@n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal
}
.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}
.lg-actions .lg-next {
    right: 20px
}
.lg-actions .lg-next:before {
content: '';}
.lg-actions .lg-prev {
    left: 20px
}
.lg-actions .lg-prev:after {
content: '';}
@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}
@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}
@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}
@keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}
@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}
@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}
@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}
@keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}
.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}
.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}
.lg-toolbar {
    z-index: 1080;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}
.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none!important;
    outline: medium none
}
.lg-toolbar .lg-icon:hover {
    color: #fff
}
.lg-toolbar .lg-close:after {
content: '';}
.lg-toolbar .lg-download:after {
content: '';}
.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}
.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold
}
.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}
#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}
.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}
.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}
.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms!important;
    -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms!important;
    -o-transition: -o-transform 250ms ease 0s, opacity 250ms!important;
    transition: transform 250ms ease 0s, opacity 250ms!important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}
.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}
.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}
.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}
@media(min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}
.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%
}
.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}
.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}
.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}
.lg-outer .lg-toogle-thumb:after {
content: '';}
.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}
.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}
.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}
.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}
.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}
.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("http://gsi-iran.com/bundles/assets/vimeo-play.png") no-repeat scroll 0 0 transparent
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("http://gsi-iran.com/bundles/assets/vimeo-play.png") no-repeat scroll 0 -58px transparent
}
.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("http://gsi-iran.com/bundles/assets/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}
.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}
.lg-outer .lg-has-youtube .lg-video-play {
    background: url("http://gsi-iran.com/bundles/assets/youtube-play.png") no-repeat scroll 0 0 transparent
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("http://gsi-iran.com/bundles/assets/youtube-play.png") no-repeat scroll 0 -60px transparent
}
.lg-outer .lg-video-object {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}
.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}
.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
    display: none
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
    visibility: visible
}
.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity .08s ease 0s;
    -moz-transition: opacity .08s ease 0s;
    -o-transition: opacity .08s ease 0s;
    transition: opacity .08s ease 0s
}
.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}
.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}
.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}
.lg-autoplay-button:after {
content: '';}
.lg-show-autoplay .lg-autoplay-button:after {
content: '';}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s ease 0s;
    -moz-transition: -moz-transform .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s ease 0s, opacity .15s!important;
    -moz-transition: -moz-transform .3s ease 0s, opacity .15s!important;
    -o-transition: -o-transform .3s ease 0s, opacity .15s!important;
    transition: transform .3s ease 0s, opacity .15s!important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}
#lg-zoom-in:after {
content: '';}
#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}
#lg-zoom-out:after {
content: '';}
.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}
.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}
.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset
}
.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}
.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}
.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset
}
.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}
.lg-fullscreen:after {
content: '';}
.lg-fullscreen-on .lg-fullscreen:after {
content: '';}
.group {
    *zoom: 1
}
.group:before,
.group:after {
    display: table;
    content: "";
    line-height: 0
}
.group:after {
    clear: both
}
.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}
.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.lg-outer.lg-visible {
    opacity: 1
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
    opacity: 1
}
.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}
.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}
.lg-outer .lg-item {
    background: url(http://gsi-iran.com/bundles/assets/loading.gif) no-repeat scroll center center transparent
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}
.lg-outer .lg-img-wrap {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 5px
}
.lg-outer .lg-item.lg-complete {
    background-image: none
}
.lg-outer .lg-item.lg-current {
    z-index: 1060
}
.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
    height: auto!important
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}
.lg-outer .lg-empty-html {
    display: none
}
.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}
.lg-backdrop.in {
    opacity: .7
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s!important;
    -moz-transition: none 0s ease 0s!important;
    -o-transition: none 0s ease 0s!important;
    transition: none 0s ease 0s!important
}
.lg-css3.lg-use-css3 .lg-item {
    will-change: transform, opacity
}
.lg-css3.lg-use-left .lg-item {
    will-change: left, opacity
}
.lg-css3.lg-fade .lg-item {
    opacity: 0
}
.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    direction: rtl;
}
:focus {
    outline: 0
}
body {
    line-height: 1;
    color: #000;
    background: #fff;
    font-family: Samim, Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    overflow: auto;
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: separate;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}
blockquote,
q {
    quotes: "" ""
}
sub {
    vertical-align: sub;
    font-size: .9em
}
sup {
    vertical-align: super;
    font-size: .9em
}
#wrapper {}#wrapper>#content .component {
    opacity: 1;
    transition: opacity 1s
}
#wrapper>#content .component.padding2.component {
    padding-bottom: 2em
}
#wrapper>#content .component.padding4.component {
    padding-bottom: 4em
}
#wrapper>#content .component.padding7.component {
    padding-bottom: 7em
}
#wrapper>#content .component.padding-top2.component {
    padding-top: 2em
}
#wrapper>#content .component.padding-top4.component {
    padding-top: 4em
}
#wrapper>#content .component.padding-top7.component {
    padding-top: 7em
}
#wrapper>#footer,
#wrapper>#header {
    opacity: 1;
    transition: opacity 1s
}
#wrapper>#content .component.component-ready.animate,
#wrapper>#header.animate,
#wrapper>#footer.animate {
    opacity: 1
}
#wrapper>#content .component.component-failed {
    display: none!important
}
#wrapper .disclaimer-index {
    line-height: 1.6em
}
#wrapper .center-text {
    text-align: center
}
#wrapper .banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat
}
#wrapper .lightdark-bg,
#wrapper .light-grey-bg {
    background-color: #7f7f7f;
    color: #fff
}
#wrapper .dark-bg {
    background-color: #2d2d2d;
    color: #fff
}
#wrapper .white-bg {
    background-color: #fff;
    color: #2d2d2d
}
#wrapper .magenta-bg,
#wrapper .corporate-bg {
    background-color: #64a0c8
}
#wrapper .lighter-grey-bg {
    background-color: #f5f5f5
}
#wrapper:not(.content-overflow).white-txt,
#wrapper:not(.content-overflow).white-txt a,
#wrapper:not(.content-overflow).white-txt a:hover {
    color: #fff
}
#wrapper .light-grey-txt {
    color: #aaa!important
}
#wrapper .dark-grey-txt {
    color: #2d2d2d!important
}
#wrapper .corporate-txt {
    color: #64a0c8!important
}
#wrapper .header-break>.component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5em;
    overflow: hidden
}
#wrapper .header-break>.component-content:after {
    position: absolute;
    bottom: 3px;
    overflow: hidden;
    width: 48%;
    height: 1px;
content: '';    background-color: #2d2d2d;
    margin-left: 2%
}
#wrapper .header-break>.component-content:before {
    position: absolute;
    bottom: 3px;
    overflow: hidden;
    width: 48%;
    height: 1px;
content: '';    background-color: #2d2d2d;
    margin-left: -50%;
    text-align: right
}
#wrapper .margin2.component:not(.content-overflow) {
    margin-bottom: 2rem
}
#wrapper .margin4.component:not(.content-overflow) {
    margin-bottom: 4rem
}
#wrapper .margin7.component:not(.content-overflow) {
    margin-bottom: 7rem
}
#wrapper .margin2.component.content-overflow {
    margin-bottom: 1em
}
#wrapper .margin4.component.content-overflow {
    margin-bottom: 1em
}
#wrapper .margin7.component.content-overflow {
    margin-bottom: 2em
}
#wrapper .minheight10.component>.component-content {
    min-height: 10em
}
#wrapper .minheight20.component>.component-content {
    min-height: 20em
}
#wrapper .minheight30.component>.component-content {
    min-height: 30em
}
#wrapper .minheight40.component>.component-content {
    min-height: 40em
}
#wrapper .w10.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w10 div.inner>*,
#wrapper .w10 .generic-text-wrapper>* {
    max-width: 10%
}
#wrapper .w10.two-column-spot>.component-content,
#wrapper .w10.image-spot>.component-content {
    max-width: 10%
}
#wrapper .w20.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w20 div.inner>*,
#wrapper .w20 .generic-text-wrapper>* {
    max-width: 20%
}
#wrapper .w20.two-column-spot>.component-content,
#wrapper .w20.image-spot>.component-content {
    max-width: 20%
}
#wrapper .w30.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w30 div.inner>*,
#wrapper .w30 .generic-text-wrapper>* {
    max-width: 30%
}
#wrapper .w30.two-column-spot>.component-content,
#wrapper .w30.image-spot>.component-content {
    max-width: 30%
}
#wrapper .w40.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w40 div.inner>*,
#wrapper .w40 .generic-text-wrapper>* {
    max-width: 40%
}
#wrapper .w40.two-column-spot>.component-content,
#wrapper .w40.image-spot>.component-content {
    max-width: 40%
}
#wrapper .w50.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w50 div.inner>*,
#wrapper .w50 .generic-text-wrapper>* {
    max-width: 50%
}
#wrapper .w50.two-column-spot>.component-content,
#wrapper .w50.image-spot>.component-content {
    max-width: 50%
}
#wrapper .w60.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w60 div.inner>*,
#wrapper .w60 .generic-text-wrapper>* {
    max-width: 60%
}
#wrapper .w60.two-column-spot>.component-content,
#wrapper .w60.image-spot>.component-content {
    max-width: 60%
}
#wrapper .w70.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w70 div.inner>*,
#wrapper .w70 .generic-text-wrapper>* {
    max-width: 70%
}
#wrapper .w70.two-column-spot>.component-content,
#wrapper .w70.image-spot>.component-content {
    max-width: 70%
}
#wrapper .w80.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w80 div.inner>*,
#wrapper .w80 .generic-text-wrapper>* {
    max-width: 80%
}
#wrapper .w80.two-column-spot>.component-content,
#wrapper .w80.image-spot>.component-content {
    max-width: 80%
}
#wrapper .w90.full-component>.component-content>.intro-banner-content>.intro-banner-content-align,
#wrapper .w90 div.inner>*,
#wrapper .w90 .generic-text-wrapper>* {
    max-width: 90%
}
#wrapper .w90.two-column-spot>.component-content,
#wrapper .w90.image-spot>.component-content {
    max-width: 90%
}
#wrapper .icon,
#wrapper .box-icon {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}
#wrapper .box-icon {
    font-size: 1.5em;
    float: right;
    margin: -.1em 0 -.1em .3em
}
#wrapper .singlesignon fieldset {
    border: none
}
#wrapper .singlesignon fieldset label {
    line-height: 2
}
#wrapper .slider-stack-wrapper {
    position: relative;
    height: 250px;
    overflow: hidden
}
#wrapper .slider-stack-wrapper>.component.slider-stack {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box
}
#wrapper .slider-stack-wrapper>.slider-tabs {
    position: absolute;
    z-index: 1
}
#wrapper .slider-stack-wrapper>.slider-tabs .slider-tab {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#wrapper .slider-stack-wrapper>.slider-arrow-left,
#wrapper .slider-stack-wrapper>.slider-arrow-right {
    position: absolute;
    z-index: 100;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#wrapper .slider-stack-wrapper .slider-spinner {
    position: absolute;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
#wrapper .slider-stack-wrapper .slider-spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#wrapper .slider-stack-wrapper .slider-spinner:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
#wrapper .slider-stack-wrapper .slider-spinner:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: .5em;
    box-shadow: #64a0c8 1.5em 0 0 0, #64a0c8 1.1em 1.1em 0 0, #64a0c8 0 1.5em 0 0, #64a0c8 -1.1em 1.1em 0 0, #64a0c8 -1.5em 0 0 0, #64a0c8 -1.1em -1.1em 0 0, #64a0c8 0 -1.5em 0 0, #64a0c8 1.1em -1.1em 0 0
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@media screen and (max-width: 600px) {
    #wrapper .margin2.component:not(.content-overflow) {
        margin-bottom: 1em
    }
    #wrapper .margin4.component:not(.content-overflow) {
        margin-bottom: 2em
    }
    #wrapper .margin7.component:not(.content-overflow) {
        margin-bottom: 2em
    }
}
#wrapper #header {
    top: auto\9
}
#wrapper *::-ms-backdrop,
#wrapper #header {
    top: auto
}
* {
    outline: none
}
html,
body {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative;
    font-size: 16px
}
body {
    margin: 0;
    padding: 0;
    color: #404040;
    line-height: 1;
    font-size: 16px;
    background-color: #fff;
    font-family: Samim, "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inner:before,
.banner-text:before,
.clearfix:before,
.clearfix:after,
section:before,
section:after,
.container:before,
.container:after,
article:before,
article:after {
    content: '';
    display: table
}
.inner:after,
.clearfix:after,
section:after,
div.containter:after,
article:after,
.inner:after {
    clear: both
}
.clearfix {
    clear: both
}
.clearfix,
section,
.container,
article,
.inner {
    zoom: 1
}
.main {
    margin: 0;
    width: 100%;
    padding: 0
}
a,
.like-a {
    color: #64a0c8;
    text-decoration: none
}
a.link,
.like-a-link {
    display: inline-block;
    position: relative
}
#wrapper {
    margin: 0;
    width: 100%;
    padding: 0
}
#wrapper .full-blur {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10)
}
#wrapper .cover h1,
#wrapper .cover h2.like-h1,
#wrapper .cover h3.like-h1,
#wrapper .cover .like-h1 {
    font-size: 4.5em
}
#wrapper .component {}#wrapper .component.top-margin {
    margin-top: 7rem
}
#wrapper .component.component-ready {
    visibility: visible
}
#wrapper .overflow-hidden {
    overflow: hidden
}
#wrapper .feature .banner-text:not(.button) {
    color: #64a0c8;
    margin-right: 1em
}
#wrapper .has-background .intro-banner-text * {
    text-shadow: 0 0 1em #fff, 0 0 1em #fff
}
#wrapper .text-black-blur .intro-banner-text * {
    text-shadow: 0 0 1em rgba(6, 25, 34, .15)
}
#wrapper .left {
    float: left
}
#wrapper .right {
    float: right
}
#wrapper .full {
    width: 100%
}
#wrapper .threefourth {
    width: 75%
}
#wrapper .twothird {
    width: 66.6666%
}
#wrapper .half {
    width: 50%
}
#wrapper .third {
    width: 33.3333%
}
#wrapper .fourth {
    width: 25%
}
#wrapper .slim .component-content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .row::-webkit-scrollbar {
    background-color: #fff;
    width: 10px;
    cursor: default
}
#wrapper .row::-webkit-scrollbar-thumb {
    cursor: default;
    background-color: #7f7f7f;
    border: 3px solid #fff
}
#wrapper .row::-webkit-scrollbar-thumb:hover {
    background-color: rgba(64, 64, 64, .5)
}
#wrapper .row::-webkit-scrollbar-thumb:active {
    background-color: rgba(64, 64, 64, .8)
}
#wrapper .custom-selector,
#wrapper .market-selector {
    position: relative;
    background: #fff;
    border-radius: 2em
}
#wrapper .custom-selector input,
#wrapper .custom-selector select,
#wrapper .market-selector input,
#wrapper .market-selector select {
    background: transparent;
    position: relative;
    z-index: 3;
    padding-left: 3.5em;
    padding-right: 3.5em;
    margin: 0
}
#wrapper .custom-selector:before,
#wrapper .market-selector:before {
    content: 'Q';
    font-family: "Oticon-icon-www";
    top: 0;
    left: 0;
    font-size: 1.3em;
    color: #64a0c8;
    padding: .9em 1.2em;
    position: absolute;
    z-index: 1
}
#wrapper .custom-selector:after,
#wrapper .market-selector:after {
    content: 'Q';
    font-family: "Oticon-icon-www";
    top: 0;
    right: 0;
    font-size: 1.3em;
    color: inherit;
    padding: .9em 1.2em;
    position: absolute;
    z-index: 1
}
#wrapper input::-ms-clear {
    display: none
}
#wrapper #footer .component[class*="-section-grid"],
#wrapper #content .component[class*="-section-grid"] {
    margin-left: 0;
    margin-right: 0;
    float: none
}
#wrapper #content .component.hide {
    display: none
}
#wrapper #content .component[class*="-section-grid"]>.component-content {
    font-size: 0
}
#wrapper #content .component[class*="-section-grid"]>.component-content div[class*="section-"] {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    width: 100%;
    margin: 0;
    margin-bottom: 1rem
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component[class*="-section-grid"]>.component-content div[class*="section-"] {
        margin-left: 2.127659574468085%
    }
    #wrapper #content .component[class*="-section-grid"]>.component-content div[class*="section-"]:first-child {
        margin: 0
    }
}
#wrapper #content .component[class*="-section-grid"]>.component-content .component-content {
    width: 100%;
    max-width: 100%
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.two-section-grid>.component-content div[class*="section-"] {
        width: 48.93617021276595%
    }
    #wrapper #content .component.three-section-grid>.component-content div[class*="section-"] {
        width: 31.914893617021278%
    }
    #wrapper #content .component.four-section-grid>.component-content div[class*="section-"] {
        width: 23.404255319148934%
    }
    #wrapper #content .component.five-section-grid>.component-content div[class*="section-"] {
        width: 18.29787234042553%
    }
}
#wrapper .component:not(.appframe-component) img {
    border: none;
    max-width: 100%;
    height: auto
}
@media only screen and (min-width: 1900px) {
    html,
    body {
        font-size: 18px
    }
}
@media only screen and (min-width: 2200px) {
    html,
    body {
        font-size: 22px
    }
    #header .nav {
        display: block
    }
}
@media only screen and (max-width: 1250px) {
    html,
    body {
        font-size: 14px
    }
}
@media only screen and (max-width: 1020px) {
    #wrapper .third,
    #wrapper .third.left {
        width: auto;
        float: none
    }
    #wrapper .fourth {
        width: 50%
    }
    #wrapper .twothird {
        width: 100%
    }
    #wrapper .half {
        width: 100%
    }
    #wrapper .half.left>* {
        margin-right: 0%
    }
    #wrapper .half.right>* {
        margin-left: 0%
    }
    #wrapper div.inner {
        padding: 5em 0
    }
    #wrapper .component.mag-container.cover {
        padding-bottom: 3em
    }
    #wrapper div.inner.no-padding-top {
        padding-top: 0
    }
    #wrapper div.inner.extra-padding-top {
        padding-top: 5em
    }
    #wrapper div.inner.extra-padding-bottom {
        padding-bottom: 8em
    }
    #wrapper div.inner.no-padding-bottom {
        padding-bottom: 0
    }
    #wrapper section.cover {
        padding-bottom: 3em
    }
    #wrapper div.banner-boxes {
        position: absolute;
        bottom: 0
    }
    #wrapper div.banner-boxes ul li {
        margin-bottom: 1px
    }
    #wrapper div.banner-boxes ul li .image-spot-element-link {
        margin-top: .65em
    }
    #wrapper img.bg.index-hand-held-from-right {
        top: -2%;
        left: 54%;
        max-width: 100%
    }
    #wrapper img.bg.index-hand-held-from-left {
        top: -2%;
        right: 54%;
        max-width: 100%
    }
}
@media only screen and (max-width: 800px) {
    html,
    body {
        font-size: 13px
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .fourth,
    #wrapper .fourth.left {
        width: auto;
        float: none
    }
    #wrapper div.inner {
        padding: 4em 0
    }
    #wrapper #footer div.inner>div>* {
        margin-right: 0
    }
    #wrapper div.cover-background {
        background-position: 64% 50%
    }
    #wrapper #footer div.omega .component.rich-text .component-content {
        margin-bottom: 0
    }
    #wrapper #footer div.alpha .component.rich-text .component-content {
        width: auto
    }
}
@media only screen and (max-width: 400px) {
    html,
    body {
        font-size: 12px
    }
}
@keyframes cta-down {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 1
    }
}
@-webkit-keyframes cta-down {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 1
    }
}
@keyframes cta-down-hover {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 1
    }
}
@-webkit-keyframes cta-down-hover {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        opacity: 1
    }
}
@keyframes cta-right-hover {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 1
    }
}
@-webkit-keyframes cta-right-hover {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 1
    }
}
@keyframes cta-right {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 1
    }
}
@-webkit-keyframes cta-right {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        opacity: 0
    }
    50.1% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 0
    }
    50.2% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 1
    }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .hide-on-tablet {
        display: none
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .hide-on-tablet {
        display: none
    }
}
#wrapper #footer .component:not(.breadcrumb) {
    background-color: #2d2d2d;
    color: #aaa
}
#wrapper #footer p {
    color: #e0e1dd;
}
#wrapper #footer .footer-fix {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper #footer .footer-fix .component-content>ul {
    padding: 2rem 0;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%
}
#wrapper #footer .footer-fix .component-content>ul>li {
    float: none;
    min-height: 16rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline
}
@media only screen and (min-width: 768px) {
    #wrapper #footer .footer-fix .component-content>ul>li {
        display: table-cell;
        border-right: 1px solid #64a0c8;
    }
}
#wrapper #footer .footer-fix .component-content>ul>li:first-child {
    padding-right: 0;
    border: none;
}
#wrapper #footer .footer-fix .component-content>ul>li:last-child {
    padding-left: 0;
}
#wrapper #footer .footer-fix .component-content>ul>li h3 {
    text-align: right !important;
    padding: 0 0 1.8rem 0;
    color: #e0e1dd;
    font-size: 1.5rem;
    line-height: 1;
}
#wrapper #footer .footer-fix .component-content>ul>li a {
    line-height: 1
}
#wrapper #footer .footer-fix .component-content>ul>li a.btn {
    position: relative
}
#wrapper #footer .footer-fix .component-content>ul>li p {
    text-align: right !important;
    color: #e0e1dd;
}
#wrapper #footer .footer-fix .component-content>ul>li p:first-of-type {
    margin-top: -.4rem
}
#wrapper #footer .footer-fix .component-content>ul>li p:last-of-type {
    margin-bottom: 0;
    line-height: .4
}
#wrapper #footer .footer-fix .component-content>ul>li ul li {
    padding: .6rem 0;
    border-top: 1px solid #e0e1dd;
    color: #e0e1dd
}
#wrapper #footer .footer-fix .component-content>ul>li ul li a {
    color: #e0e1dd
}
#wrapper #footer h4 {
    color: #e0e1dd
}
#wrapper #footer div.row.omega {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper #footer div.row.omega .component-content {
    margin: 0
}
#wrapper #footer div.row.omega .component-content p {
    text-align: left
}
body {
    overflow-x: hidden;
    padding-top: 3rem
}
@media only screen and (min-width: 1025px) {
    body {
        overflow-x: auto;
        padding-top: 0
    }
}
body.body-overflow {
    overflow-y: hidden
}
#wrapper #header {
    top: 0;
    left: 0;
    z-index: 1000;
    left: 0;
    position: fixed;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 80%;
    height: 100%;
    background: #fff;
    padding: 1rem;
    box-sizing: border-box
}
@media only screen and (min-width: 1025px) {
    #wrapper #header {
        position: static;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        width: 100%;
        height: auto;
        background: none;
        padding: 0
    }
}
#wrapper #header p {
    color: #061922
}
#wrapper #header::before {
    transition: opacity .3s;
    opacity: 0
}
@media screen and (max-width: 1150px)and (min-width: 1024px) {
    #wrapper #header .component.navigation {
        font-size: 11px
    }
}
#wrapper #header.nav-expanded {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
#wrapper #header.nav-expanded::before {
    position: fixed;
    content: " ";
    display: block;
    background: #061922;
    width: 100%;
    height: 100%;
    opacity: .3;
    left: 100%;
    top: 0
}
#wrapper #header.nav-expanded .component.link.header-btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    box-sizing: border-box
}
#wrapper #header.nav-expanded .component.link.header-btn a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background: #64a0c8;
    color: #fff
}
#wrapper #header.nav-expanded .component.link.logo-svg-oticon {
    width: 100%
}
#wrapper #header.nav-expanded .component.link.logo-svg-oticon svg {
    width: 100%
}
#wrapper #header.nav-expanded .component.search-field-spot {
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 0
}
#wrapper #header.nav-expanded .component.search-field-spot input {
    width: 100%;
    box-sizing: border-box
}
#wrapper #header.nav-expanded .component.navigation {
    width: 100%;
    overflow-y: auto
}
#wrapper #header.nav-expanded .component.navigation .component-content>ul {
    position: relative;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    display: inline-block;
    width: 100%
}
#wrapper #header.nav-expanded .component.navigation ul {
    height: auto
}
#wrapper #header.nav-expanded .component.navigation ul li {
    float: none;
    border-bottom: 1px solid #e0e1dd
}
#wrapper #header.nav-expanded .component.navigation ul li:first-child {
    border-top: 1px solid #e0e1dd
}
#wrapper #header.nav-expanded .component.navigation ul li a {
    display: inline-block;
    padding: .75rem;
    color: #061922;
    width: 100%;
    position: relative;
    margin-left: -2rem;
    box-sizing: border-box;
}
#wrapper #header.nav-expanded .component.navigation ul li a::after {
    content: "";
    display: none
}
#wrapper #header.nav-expanded .component.navigation .isParent li.relinkedParent>a {
    position: static
}
#wrapper #header.nav-expanded .component.navigation .isParent>a,
#wrapper #header.nav-expanded .component.navigation .isParent>div>a {
    margin-left: 0
}
#wrapper #header.nav-expanded .component.navigation .isParent>a::before,
#wrapper #header.nav-expanded .component.navigation .isParent>div>a::before {
    content: '';
    position: absolute;
    top: 4px;
    font-size: 1.5rem;
    line-height: .77778;
    padding-left: 7px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    left: 1rem;
    right: auto;
    font-size: 2.5rem;
    top: 0;
    color: #747678;
}
#wrapper #header.nav-expanded .component.navigation .isParent ul {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: inline-block;
    background: #fff;
    z-index: 1
}
#wrapper #header.nav-expanded .component.navigation .isParent ul .field-navigationtext,
#wrapper #header.nav-expanded .component.navigation .isParent ul img,
#wrapper #header.nav-expanded .component.navigation .isParent ul .field-navigationimage {
    display: none
}
#wrapper #header.nav-expanded .component.navigation .isParent ul .btn,
#wrapper #header.nav-expanded .component.navigation .isParent ul .button {
    background: none;
    text-align: left;
    border-bottom: none;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: .75rem;
    font-size: 1rem
}
#wrapper #header.nav-expanded .component.navigation .isParent ul.shown-submenu-mobile {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
#wrapper #header.nav-expanded .component.navigation .isParent .submenu-title {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: .75rem 0;
    color: #64a0c8;
    cursor: pointer
}
#wrapper #header.nav-expanded .component.navigation .isParent .submenu-title::before {
    position: absolute;
    top: 4px;
    font-size: 1.5rem;
    line-height: .77778;
    padding-left: 7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 1rem;
    top: .75rem;
}
#wrapper #header .component {
    transition: opacity .2s;
    opacity: 0
}
#wrapper #header .component.animate {
    opacity: 1
}
#wrapper #header .component.link-list ul {
    text-align: center
}
@media only screen and (min-width: 1025px) {
    #wrapper #header .component.link-list ul {
        text-align: right
    }
}
#wrapper #header .component.link-list ul li {
    position: relative;
    display: inline-block
}
#wrapper #header .component.link-list ul li a {
    display: block;
    color: #061922;
    transition: opacity .2s;
    padding: .6rem;
    font-size: .7rem;
    opacity: 1
}
#wrapper #header .component.link-list ul li a:hover {
    opacity: .6
}
#wrapper #header .component.link-list ul li:last-child a {
    padding-right: 0
}
#wrapper #header .component.link-list ul li:last-child a::before {
    content: "|";
    display: inline-block;
    top: .6rem;
    left: -.3rem;
    position: absolute;
    color: #64a0c8
}
#wrapper #header .component.link.header-btn {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #64a0c8;
    text-decoration: none;
    display: inline-block;
    color: #64a0c8;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center;
    float: right;
    margin: 1.2rem 0 0 0;
    display: inline-block;
    background: #64a0c8
}
#wrapper #header .component.link.header-btn:hover {
    background-color: #64a0c8;
    color: #fff
}
#wrapper #header .component.link.header-btn:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper #header .component.link.header-btn a {
    color: #fff;
    margin-left: 1rem;
    transition: margin .2s;
    position: relative;
    margin-right: .5rem;
    display: inline
}
#wrapper #header .component.link.header-btn a:hover {
    margin-left: 1.5rem;
    margin-right: 0;
    text-decoration: none
}
#wrapper #header .component.link.header-btn a::before {
    content: ' ';
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-1rem, 25%);
    -ms-transform: translate(-1rem, 25%);
    transform: translate(-1rem, 25%);
    margin-left: 0;
    transition: margin .2s;
    background: url(../../design/build/GSI/assets/button-3-white-empty.svg) no-repeat
}
#wrapper #header .component.link.header-btn a:hover::before {
    margin-left: -.5rem
}
#wrapper #header .component.search-field-spot {
    float: right;
    display: inline-block;
    position: relative;
    margin-top: 1.2em;
    margin-left: 2rem
}
#wrapper #header .component.search-field-spot input {
    display: block;
    border: 1px solid #747678;
    position: relative;
    top: auto;
    left: auto;
    width: 12.5rem;
    padding: .5rem .36rem;
    box-sizing: border-box
}
#wrapper #header .component.search-field-spot .search-icon::before {
    font-family: "Oticon-icon-www";
content: '';    font-size: 1.3rem;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    cursor: pointer;
    opacity: .6;
    position: absolute;
    top: 50%;
    right: .2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #747678
}
#wrapper #header>.row {
    width: 100%
}
@media only screen and (min-width: 1025px) {
    #wrapper #header>.row {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        position: static
    }
}
#wrapper #header>.row>.grid-12 {
    position: static
}
#wrapper #header>.row .component.link.logo-svg-oticon {
    float: right;
}
#wrapper #header>.row .component.link.logo-svg-oticon a>svg {
    height: 3.5rem;
    margin: .5rem 0
}
#wrapper #header .component.nav-expander {
    display: block;
    background: #64a0c8;
    -webkit-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%);
    top: 0;
    position: fixed;
    height: 3rem;
    transition: left .3s;
    cursor: pointer;
    margin-right: -32%;
}
@media only screen and (max-width: 1024px) {
    #wrapper #header .component.nav-expander.mobile-logo {
        background: url(../../design/build/gsi/assets/gsi_mobil_logo.svg) no-repeat no-repeat top;
        background-color: #2d2d2d;
        display: block;
        background-size: 10rem 3rem;
        direction: ltr;
    }
}
#wrapper #header .component.nav-expander.nav-expanded span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 7px
}
#wrapper #header .component.nav-expander.nav-expanded span:nth-of-type(2) {
    opacity: 0
}
#wrapper #header .component.nav-expander.nav-expanded span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -9px
}
#wrapper #header .component.nav-expander span {
    background: #fff;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    position: relative;
    transition: all .5s ease;
    width: 2rem
}
#wrapper #header .component.nav-expander span:nth-of-type(1) {
    margin-top: 1rem
}
@media only screen and (min-width: 1025px) {
    #wrapper #header .component.nav-expander {
        width: 100%;
        display: none;
        height: 0;
        overflow: hidden;
        margin-left: auto;
        position: inherit
    }
}
@media only screen and (min-width: 1025px) {
    #wrapper #header .navigation {
        float: right;
        margin-right: 32%;
    }
    #wrapper #header .navigation>.component-content {
        padding: 0;
        margin: 0;
        width: 100%!important;
        max-width: 100%!important
    }
    #wrapper #header .navigation>.component-content>ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }
    #wrapper #header .navigation>.component-content>ul>li {
        float: left;
        transition: background-color .5s
    }
    #wrapper #header .navigation>.component-content>ul>li::after {
        content: " ";
        background: #64a0c8;
        height: 2px;
        width: 0;
        margin: 0 auto;
        display: block;
        transition: width .2s
    }
    #wrapper #header .navigation>.component-content>ul>li:hover::after {
        width: 1.5rem
    }
    #wrapper #header .navigation>.component-content>ul>li:hover>ul {
        opacity: 1;
        visibility: visible;
        box-shadow: #061922 0 2rem 10rem -5rem
    }
    #wrapper #header .navigation>.component-content>ul>li:hover>ul>li {
        opacity: 1;
        visibility: visible
    }
    #wrapper #header .navigation>.component-content>ul>li:hover>ul>li.active {
        opacity: 1
    }
    #wrapper #header .navigation>.component-content>ul>li:hover>ul>li>a {
        opacity: 1;
        visibility: visible
    }
    #wrapper #header .navigation>.component-content>ul>li:hover>ul>li>a::before {
        opacity: 1;
        visibility: visible
    }
    #wrapper #header .navigation>.component-content>ul>li>a {
        display: block;
        text-decoration: none;
        color: #061922;
        padding: 1.8rem .7em;
        font-size: 1em;
        line-height: 1;
        position: relative;
        opacity: 1
    }
    #wrapper #header .navigation>.component-content>ul>li>a:hover {
        opacity: .6
    }
    #wrapper #header .navigation>.component-content>ul>li>a:hover:after {
        opacity: .6
    }
    #wrapper #header .navigation>.component-content>ul>li>a::after {
        content: "|";
        position: absolute;
        right: 0;
        top: 50%;
        color: #64a0c8;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    #wrapper #header .navigation>.component-content>ul>li>a span.icon {
        font-size: 1.25em
    }
    #wrapper #header .navigation>.component-content>ul>li:last-child>a::after {
        content: ""
    }
    #wrapper #header .navigation>.component-content>ul>li>ul {
        left: 0;
        padding: 2rem 0;
        color: #64a0c8;
        background: #e0e1dd;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        display: table;
        table-layout: fixed;
        overflow: hidden;
        z-index: 9;
        width: 100%
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li {
        float: none;
        visibility: hidden;
        opacity: 0;
        transition: opacity .2s;
        display: table-cell;
        vertical-align: top;
        padding: 0 1rem;
        position: relative
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li:first-child {
        padding-left: 0
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li:last-child {
        padding-right: 0
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>div.field-title>a {
        font-size: 1.4rem
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a {
        opacity: 0;
        transition: opacity .5s;
        visibility: hidden;
        display: inline-block;
        font-size: 1.4rem
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a::after {
        content: "";
        display: none
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a.menu-button {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: .3rem 0
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a.menu-button:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a.menu-button:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a.btn,
    #wrapper #header .navigation>.component-content>ul>li>ul>li>a.button {
        width: 100%;
        color: #fff;
        text-align: center;
        padding: .4rem 0;
        font-size: 1.2rem
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>ul {
        display: block
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>ul>li {
        float: none
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>ul>li>a {
        color: #061922;
        padding: .75rem 0;
        transition: opacity .5s;
        border-bottom: 1px solid #b2b4b3;
        display: inline-block;
        width: 100%
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li>ul>li:last-child a {
        border-bottom: none
    }
    #wrapper #header .navigation>.component-content>ul>li>ul>li.active {
        opacity: .6
    }
}
@font-face {
    font-family: 'ElegantIcons';
    src: url("../fonts/ElegantIcons_eot.eot");
    src: url("../fonts/ElegantIcons_eot.eot@#iefix") format("embedded-opentype"), url("../fonts/ElegantIcons_woff.woff") format("woff"), url("../fonts/ElegantIcons_ttf.ttf") format("truetype"), url("../fonts/ElegantIcons_svg.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
#wrapper a.link {
    margin-bottom: 0;
    transition: none;
    padding-left: 0;
}
#wrapper a.link::before {
    content: ''
}
#wrapper a.link:hover {
    padding-left: 0
}
#wrapper .btn,
#wrapper .btn--inverted,
#wrapper .btn-btn--inverted,
#wrapper .btn-btn--large--inverted {
    width: auto
}
#wrapper input {
    width: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: #061922;
    transition: none
}
#wrapper {}#wrapper h1,
#wrapper h2.like-h1,
#wrapper h2,
#wrapper h3.like-h1,
#wrapper .like-h1,
#wrapper .like-h1-54pt {
    font-family: Samim, sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    /* letter-spacing: -.015rem; */
    line-height: 1;
    text-align: right !important;
    color: #061922;
    padding: 0;
    margin: 0 0 .27778rem;
}
@media only screen and (min-width: 768px) {
    #wrapper h1,
    #wrapper h2.like-h1,
    #wrapper h2,
    #wrapper h3.like-h1,
    #wrapper .like-h1,
    #wrapper .like-h1-54pt {
        font-size: 3rem;
        line-height: 1.3;
        margin: 0 0 1.11111rem;
    }
}
#wrapper h1.inverted,
#wrapper h2.like-h1.inverted,
#wrapper h2.inverted,
#wrapper h3.like-h1.inverted,
#wrapper .like-h1.inverted,
#wrapper .like-h1-54pt.inverted {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    letter-spacing: -.015rem;
    line-height: 1;
    text-align: left;
    color: #fff;
    padding: 0;
    margin: 0 0 .27778rem
}
@media only screen and (min-width: 768px) {
    #wrapper h1.inverted,
    #wrapper h2.like-h1.inverted,
    #wrapper h2.inverted,
    #wrapper h3.like-h1.inverted,
    #wrapper .like-h1.inverted,
    #wrapper .like-h1-54pt.inverted {
        font-size: 4rem;
        line-height: 1.3;
        margin: 0 0 1.11111rem
    }
}
#wrapper h2,
#wrapper .like-h2-47pt {
    font-family: Samim, sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: right !important;
    padding: 0 0 .5rem 0;
    margin: 0 0 .27778rem;
}
@media only screen and (min-width: 768px) {
    #wrapper h2,
    #wrapper .like-h2-47pt {
        font-size: 2.5rem;
        line-height: 1.3;
        margin: 0 0 .55556rem;
    }
}
#wrapper h3,
#wrapper h3:not(p),
#wrapper h1.like-h3,
#wrapper .like-h3,
#wrapper .like-h3-19pt {
    font-family: Samim, sans-serif;
    font-weight: 400;
    font-size: 1.11rem;
    line-height: 1;
    border-bottom: 0 none;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: right !important;
    padding: 0 0 .33333rem;
    margin: 0;
}
@media only screen and (min-width: 768px) {
    #wrapper h3,
    #wrapper h3:not(p),
    #wrapper h1.like-h3,
    #wrapper .like-h3,
    #wrapper .like-h3-19pt {
        font-size: 1.44rem;
        line-height: 1.3
    }
}
#wrapper h3.underline,
#wrapper h3:not(p).underline,
#wrapper h1.like-h3.underline,
#wrapper .like-h3.underline,
#wrapper .like-h3-19pt.underline {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.11rem;
    line-height: 1;
    border-bottom: 4px solid #9ec3de;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: left;
    padding: 0 0 .33333rem;
    margin: 0
}
@media only screen and (min-width: 768px) {
    #wrapper h3.underline,
    #wrapper h3:not(p).underline,
    #wrapper h1.like-h3.underline,
    #wrapper .like-h3.underline,
    #wrapper .like-h3-19pt.underline {
        font-size: 1.44rem;
        line-height: 1.3
    }
}
#wrapper h4,
#wrapper .like-h4-16pt {
    font-family: Samim, sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 30px;
    color: #061922;
    text-align: right !important;
    padding: 0;
    margin: 0 0 .55556rem;
    position: relative;
}
#wrapper h5,
#wrapper .like-h5-30pt {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2.22rem;
    letter-spacing: -.015rem;
    line-height: 1.3;
    text-align: left;
    color: #747678;
    padding: 0;
    margin: 0 0 1.11111rem
}
#wrapper h6,
#wrapper .like-h6-10pt {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: .8rem;
    line-height: 1.5;
    margin: 0 0 .55556rem;
    padding: 0;
    color: #747678;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}
#wrapper p,
#wrapper .like-p-13pt {
    font-family: "Samim", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    color: #061922;
    /* letter-spacing: -.015rem; */
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: right !important;
}
#wrapper p.spacer,
#wrapper .like-p-13pt.spacer {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}
#wrapper p strong,
#wrapper .like-p-13pt strong {
    font-weight: 700
}
#wrapper p a,
#wrapper .like-p-13pt a {
    font-weight: 400
}
#wrapper p.small,
#wrapper .like-p-13pt.small {
    font-size: .77778rem;
    text-align: left
}
#wrapper p.alternate,
#wrapper .like-p-13pt.alternate {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    color: #c6168d;
    letter-spacing: -.015rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem
}
#wrapper p.alternate strong,
#wrapper .like-p-13pt.alternate strong {
    font-weight: 700
}
#wrapper p.inverted,
#wrapper .like-p-13pt.inverted {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    letter-spacing: -.015rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem
}
#wrapper p.inverted strong,
#wrapper .like-p-13pt.inverted strong {
    font-weight: 700
}
#wrapper p.emphasize,
#wrapper .like-p-13pt.emphasize {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    color: #061922;
    letter-spacing: -.015rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem;
    margin-bottom: 0
}
#wrapper p.emphasize strong,
#wrapper .like-p-13pt.emphasize strong {
    font-weight: 700
}
#wrapper .bigger {
    font-size: 1.12rem
}
#wrapper .component .component-content ol,
#wrapper .component .component-content ul {
    list-style: none
}
#wrapper a.link {
    color: #c6168d;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    position: relative
}
#wrapper a.link:hover {
    text-decoration: underline
}
#wrapper .quote {
    margin-left: 2em
}
#wrapper .quote::before {
    content: " ";
    background: url(../../design/build/GSI/assets/quote.svg) no-repeat;
    width: 2em;
    display: inline-block;
    height: 2em;
    margin-left: -2em;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%)
}
#wrapper .quote::after {
    content: " ";
    background: url(../../design/build/GSI/assets/quote.svg) no-repeat;
    width: 2em;
    display: inline-block;
    height: 2em;
    margin-top: -2rem;
    -webkit-transform: translateY(40%) scaleX(-1);
    -ms-transform: translateY(40%) scaleX(-1);
    transform: translateY(40%) scaleX(-1)
}
#wrapper .quote-iverted {
    margin-left: 2em
}
#wrapper .quote-iverted::before {
    content: " ";
    background: url(../../design/build/GSI/assets/quote_grey.svg) no-repeat;
    width: 2em;
    display: inline-block;
    height: 2em;
    margin-left: -2em;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%)
}
#wrapper .quote-iverted::after {
    content: " ";
    background: url(../../design/build/GSI/assets/quote_grey.svg) no-repeat;
    width: 2em;
    display: inline-block;
    height: 2em;
    margin-top: -2rem;
    -webkit-transform: translateY(40%) scaleX(-1);
    -ms-transform: translateY(40%) scaleX(-1);
    transform: translateY(40%) scaleX(-1)
}
#wrapper .button,
#wrapper .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #64a0c8;
    text-decoration: none;
    display: inline-block;
    color: #64a0c8;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button:hover,
#wrapper .btn:hover {
    background-color: #64a0c8;
    color: #fff
}
#wrapper .button:focus,
#wrapper .btn:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button--inverted,
#wrapper .btn--inverted,
#wrapper .btn-btn--inverted,
#wrapper .btn-btn--large--inverted {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button--inverted:hover,
#wrapper .btn--inverted:hover,
#wrapper .btn-btn--inverted:hover,
#wrapper .btn-btn--large--inverted:hover {
    background-color: #fff;
    color: #fff
}
#wrapper .button--inverted:focus,
#wrapper .btn--inverted:focus,
#wrapper .btn-btn--inverted:focus,
#wrapper .btn-btn--large--inverted:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button--inverted:hover,
#wrapper .btn--inverted:hover,
#wrapper .btn-btn--inverted:hover,
#wrapper .btn-btn--large--inverted:hover {
    color: #64a0c8
}
#wrapper .button-white {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-white:hover {
    background-color: #fff;
    color: #fff
}
#wrapper .button-white:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-white:hover {
    color: #64a0c8
}
#wrapper .button-gray {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #747678;
    text-decoration: none;
    display: inline-block;
    color: #747678;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-gray:hover {
    background-color: #747678;
    color: #fff
}
#wrapper .button-gray:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-gray-light {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #b2b4b3;
    text-decoration: none;
    display: inline-block;
    color: #b2b4b3;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-gray-light:hover {
    background-color: #b2b4b3;
    color: #fff
}
#wrapper .button-gray-light:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-gray-lighter {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #e0e1dd;
    text-decoration: none;
    display: inline-block;
    color: #e0e1dd;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-gray-lighter:hover {
    background-color: #e0e1dd;
    color: #fff
}
#wrapper .button-gray-lighter:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-gray-lighter:hover {
    color: #64a0c8
}
#wrapper .button-black {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #061922;
    text-decoration: none;
    display: inline-block;
    color: #061922;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-black:hover {
    background-color: #061922;
    color: #fff
}
#wrapper .button-black:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-white-hover-to-black {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper .button-white-hover-to-black:hover {
    background-color: #fff;
    color: #fff
}
#wrapper .button-white-hover-to-black:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .button-white-hover-to-black:hover {
    color: #061922
}
#wrapper ul {
    box-sizing: border-box
}
#wrapper ul li {
    box-sizing: border-box
}
#wrapper ul.list-checkmark li,
#wrapper ul.list-checkmark-inverted li {
    padding-right: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}
#wrapper ul.list-checkmark li::before,
#wrapper ul.list-checkmark-inverted li::before {
    content: " ";
    background: url(../../design/build/GSI/assets/button-5-blue.svg) no-repeat;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    bottom: .5em;
    right: 0;
}
#wrapper ul.list-checkmark-inverted li::before {
    background: url(../../design/build/GSI/assets/button-5-gray-lighter.svg) no-repeat
}
#wrapper table tbody tr td {
    padding-left: 1rem;
    padding-right: 1rem
}
#wrapper table tbody tr td:first-child {
    padding-left: unset
}
#wrapper table tbody tr td:last-child {
    padding-right: unset
}
#wrapper sup {
    font-size: .4em
}
#wrapper em {
    font-style: italic
}
#wrapper #content .component.no-padding-no-margin {
    padding: 0!important;
    margin: 0!important
}
@media only screen and (max-width: 600px) {
    #wrapper #content .component.hide-on-mobile .component-content {
        display: none;
        padding: 0;
        margin: 0
    }
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.hide-on-desktop .component-content {
        display: none;
        padding: 0;
        margin: 0
    }
}
#wrapper #content .component.left-heading h1,
#wrapper #content .component.left-heading h2,
#wrapper #content .component.left-heading h3,
#wrapper #content .component.left-heading h4,
#wrapper #content .component.left-heading h5,
#wrapper #content .component.left-heading h6 {
    text-align: left
}
#wrapper #content .component.left-heading .image-spot-element-header>* {
    text-align: left
}
#wrapper #content .component.left-p p {
    text-align: left
}
#wrapper #content .component.center-heading h1,
#wrapper #content .component.center-heading h2,
#wrapper #content .component.center-heading h3,
#wrapper #content .component.center-heading h4,
#wrapper #content .component.center-heading h5,
#wrapper #content .component.center-heading h6 {
    text-align: center
}
#wrapper #content .component.center-heading .image-spot-element-header>* {
    text-align: center
}
#wrapper #content .component.center-p p {
    text-align: center
}
#wrapper #content .component.right-heading h1,
#wrapper #content .component.right-heading h2,
#wrapper #content .component.right-heading h3,
#wrapper #content .component.right-heading h4,
#wrapper #content .component.right-heading h5,
#wrapper #content .component.right-heading h6 {
    text-align: right
}
#wrapper #content .component.right-heading .image-spot-element-header>* {
    text-align: right
}
#wrapper #content .component.right-p p {
    text-align: right
}
#wrapper #content .component.border-s-blue {
    border-style: solid;
    border-color: #64a0c8
}
#wrapper #content .component.border-s-gray {
    border-style: solid;
    border-color: #747678
}
#wrapper #content .component.border-s-black {
    border-style: solid;
    border-color: #061922
}
#wrapper #content .component.border-d-blue {
    border-style: dashed;
    border-color: #64a0c8
}
#wrapper #content .component.border-d-gray {
    border-style: dashed;
    border-color: #747678
}
#wrapper #content .component.border-d-black {
    border-style: dashed;
    border-color: #061922
}
#wrapper #content .component.bg-corporate {
    background: #64a0c8
}
#wrapper #content .component.bg-corporate .btn,
#wrapper #content .component.bg-corporate .button {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center;
    color: #fff
}
#wrapper #content .component.bg-corporate .btn:hover,
#wrapper #content .component.bg-corporate .button:hover {
    background-color: #fff;
    color: #fff
}
#wrapper #content .component.bg-corporate .btn:focus,
#wrapper #content .component.bg-corporate .button:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper #content .component.bg-corporate .btn:hover,
#wrapper #content .component.bg-corporate .button:hover {
    color: #64a0c8
}
#wrapper #content .component.bg-black {
    background: #061922
}
#wrapper #content .component.bg-gray {
    background: #747678
}
#wrapper #content .component.bg-gray .btn,
#wrapper #content .component.bg-gray .button {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #e0e1dd;
    text-decoration: none;
    display: inline-block;
    color: #e0e1dd;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
#wrapper #content .component.bg-gray .btn:hover,
#wrapper #content .component.bg-gray .button:hover {
    background-color: #e0e1dd;
    color: #fff
}
#wrapper #content .component.bg-gray .btn:focus,
#wrapper #content .component.bg-gray .button:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper #content .component.bg-gray-light {
    background: #b2b4b3
}
#wrapper #content .component.bg-gray-light .btn,
#wrapper #content .component.bg-gray-light .button {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center;
    color: #fff
}
#wrapper #content .component.bg-gray-light .btn:hover,
#wrapper #content .component.bg-gray-light .button:hover {
    background-color: #fff;
    color: #fff
}
#wrapper #content .component.bg-gray-light .btn:focus,
#wrapper #content .component.bg-gray-light .button:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper #content .component.bg-gray-light .btn:hover,
#wrapper #content .component.bg-gray-light .button:hover {
    color: #b2b4b3
}
#wrapper #content .component.bg-gray-lighter {
    background: #e0e1dd
}
#wrapper #content .component.bg-gray-even-lighter {
    background: #f7f6f4
}
#wrapper #content .component.st2 {
    padding-top: 2rem
}
#wrapper #content .component.sb2 {
    padding-bottom: 2rem
}
#wrapper #content .component.st4 {
    padding-top: 4rem
}
#wrapper #content .component.sb4 {
    padding-bottom: 4rem
}
#wrapper #content .component.st6 {
    padding-top: 6rem
}
#wrapper #content .component.sb6 {
    padding-bottom: 6rem
}
#wrapper #content .component .text-button,
#wrapper #content .component .text-button-arrow-black,
#wrapper #content .component .text-button-arrow-white,
#wrapper #content .component .text-button-arrow-blue,
#wrapper #content .component .text-button-arrow-empty,
#wrapper #content .component .text-button-arrow-gray,
#wrapper #content .component .text-button-arrow-gray-light,
#wrapper #content .component .text-button-arrow-gray-lighter,
#wrapper #content .component .text-button-play-black,
#wrapper #content .component .text-button-play-white,
#wrapper #content .component .text-button-play-blue,
#wrapper #content .component .text-button-play-blue-filled,
#wrapper #content .component .text-button-play-empty,
#wrapper #content .component .text-button-play-gray,
#wrapper #content .component .text-button-play-gray-light,
#wrapper #content .component .text-button-play-gray-lighter,
#wrapper #content .component .text-button-chevron-right-black,
#wrapper #content .component .text-button-chevron-right-white,
#wrapper #content .component .text-button-chevron-right-blue,
#wrapper #content .component .text-button-chevron-right-red,
#wrapper #content .component .text-button-chevron-right-empty,
#wrapper #content .component .text-button-chevron-right-gray,
#wrapper #content .component .text-button-chevron-right-gray-light,
#wrapper #content .component .text-button-chevron-right-gray-lighter,
#wrapper #content .component .text-button-chevron-down-black,
#wrapper #content .component .text-button-chevron-down-white,
#wrapper #content .component .text-button-chevron-down-blue,
#wrapper #content .component .text-button-chevron-down-empty,
#wrapper #content .component .text-button-chevron-down-gray,
#wrapper #content .component .text-button-chevron-down-gray-light,
#wrapper #content .component .text-button-chevron-down-gray-lighter {
    cursor: pointer;
    margin-left: 1rem;
    transition: margin .2s;
    position: relative;
    margin-right: .5rem
}
#wrapper #content .component .text-button:hover,
#wrapper #content .component .text-button-arrow-black:hover,
#wrapper #content .component .text-button-arrow-white:hover,
#wrapper #content .component .text-button-arrow-blue:hover,
#wrapper #content .component .text-button-arrow-empty:hover,
#wrapper #content .component .text-button-arrow-gray:hover,
#wrapper #content .component .text-button-arrow-gray-light:hover,
#wrapper #content .component .text-button-arrow-gray-lighter:hover,
#wrapper #content .component .text-button-play-black:hover,
#wrapper #content .component .text-button-play-white:hover,
#wrapper #content .component .text-button-play-blue:hover,
#wrapper #content .component .text-button-play-blue-filled:hover,
#wrapper #content .component .text-button-play-empty:hover,
#wrapper #content .component .text-button-play-gray:hover,
#wrapper #content .component .text-button-play-gray-light:hover,
#wrapper #content .component .text-button-play-gray-lighter:hover,
#wrapper #content .component .text-button-chevron-right-black:hover,
#wrapper #content .component .text-button-chevron-right-white:hover,
#wrapper #content .component .text-button-chevron-right-blue:hover,
#wrapper #content .component .text-button-chevron-right-red:hover,
#wrapper #content .component .text-button-chevron-right-empty:hover,
#wrapper #content .component .text-button-chevron-right-gray:hover,
#wrapper #content .component .text-button-chevron-right-gray-light:hover,
#wrapper #content .component .text-button-chevron-right-gray-lighter:hover,
#wrapper #content .component .text-button-chevron-down-black:hover,
#wrapper #content .component .text-button-chevron-down-white:hover,
#wrapper #content .component .text-button-chevron-down-blue:hover,
#wrapper #content .component .text-button-chevron-down-empty:hover,
#wrapper #content .component .text-button-chevron-down-gray:hover,
#wrapper #content .component .text-button-chevron-down-gray-light:hover,
#wrapper #content .component .text-button-chevron-down-gray-lighter:hover {
    margin-left: 1.5rem;
    margin-right: 0
}
#wrapper #content .component .text-button::before,
#wrapper #content .component .text-button-arrow-black::before,
#wrapper #content .component .text-button-arrow-white::before,
#wrapper #content .component .text-button-arrow-blue::before,
#wrapper #content .component .text-button-arrow-empty::before,
#wrapper #content .component .text-button-arrow-gray::before,
#wrapper #content .component .text-button-arrow-gray-light::before,
#wrapper #content .component .text-button-arrow-gray-lighter::before,
#wrapper #content .component .text-button-play-black::before,
#wrapper #content .component .text-button-play-white::before,
#wrapper #content .component .text-button-play-blue::before,
#wrapper #content .component .text-button-play-blue-filled::before,
#wrapper #content .component .text-button-play-empty::before,
#wrapper #content .component .text-button-play-gray::before,
#wrapper #content .component .text-button-play-gray-light::before,
#wrapper #content .component .text-button-play-gray-lighter::before,
#wrapper #content .component .text-button-chevron-right-black::before,
#wrapper #content .component .text-button-chevron-right-white::before,
#wrapper #content .component .text-button-chevron-right-blue::before,
#wrapper #content .component .text-button-chevron-right-red::before,
#wrapper #content .component .text-button-chevron-right-empty::before,
#wrapper #content .component .text-button-chevron-right-gray::before,
#wrapper #content .component .text-button-chevron-right-gray-light::before,
#wrapper #content .component .text-button-chevron-right-gray-lighter::before,
#wrapper #content .component .text-button-chevron-down-black::before,
#wrapper #content .component .text-button-chevron-down-white::before,
#wrapper #content .component .text-button-chevron-down-blue::before,
#wrapper #content .component .text-button-chevron-down-empty::before,
#wrapper #content .component .text-button-chevron-down-gray::before,
#wrapper #content .component .text-button-chevron-down-gray-light::before,
#wrapper #content .component .text-button-chevron-down-gray-lighter::before {
    content: ' ';
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-1rem, 25%);
    -ms-transform: translate(-1rem, 25%);
    transform: translate(-1rem, 25%);
    margin-left: 0;
    transition: margin .2s
}
#wrapper #content .component .text-button:hover::before,
#wrapper #content .component .text-button-arrow-black:hover::before,
#wrapper #content .component .text-button-arrow-white:hover::before,
#wrapper #content .component .text-button-arrow-blue:hover::before,
#wrapper #content .component .text-button-arrow-empty:hover::before,
#wrapper #content .component .text-button-arrow-gray:hover::before,
#wrapper #content .component .text-button-arrow-gray-light:hover::before,
#wrapper #content .component .text-button-arrow-gray-lighter:hover::before,
#wrapper #content .component .text-button-play-black:hover::before,
#wrapper #content .component .text-button-play-white:hover::before,
#wrapper #content .component .text-button-play-blue:hover::before,
#wrapper #content .component .text-button-play-blue-filled:hover::before,
#wrapper #content .component .text-button-play-empty:hover::before,
#wrapper #content .component .text-button-play-gray:hover::before,
#wrapper #content .component .text-button-play-gray-light:hover::before,
#wrapper #content .component .text-button-play-gray-lighter:hover::before,
#wrapper #content .component .text-button-chevron-right-black:hover::before,
#wrapper #content .component .text-button-chevron-right-white:hover::before,
#wrapper #content .component .text-button-chevron-right-blue:hover::before,
#wrapper #content .component .text-button-chevron-right-red:hover::before,
#wrapper #content .component .text-button-chevron-right-empty:hover::before,
#wrapper #content .component .text-button-chevron-right-gray:hover::before,
#wrapper #content .component .text-button-chevron-right-gray-light:hover::before,
#wrapper #content .component .text-button-chevron-right-gray-lighter:hover::before,
#wrapper #content .component .text-button-chevron-down-black:hover::before,
#wrapper #content .component .text-button-chevron-down-white:hover::before,
#wrapper #content .component .text-button-chevron-down-blue:hover::before,
#wrapper #content .component .text-button-chevron-down-empty:hover::before,
#wrapper #content .component .text-button-chevron-down-gray:hover::before,
#wrapper #content .component .text-button-chevron-down-gray-light:hover::before,
#wrapper #content .component .text-button-chevron-down-gray-lighter:hover::before {
    margin-left: -.5rem
}
#wrapper #content .component .text-button-arrow-black::before {
    background: url(../../design/build/GSI/assets/button-1-black.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-white::before {
    background: url(../../design/build/GSI/assets/button-1-blank.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-blue::before {
    background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-empty::before {
    background: url(../../design/build/GSI/assets/button-1-empty.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-gray::before {
    background: url(../../design/build/GSI/assets/button-1-gray.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-gray-light::before {
    background: url(../../design/build/GSI/assets/button-1-gray-light.svg) no-repeat
}
#wrapper #content .component .text-button-arrow-gray-lighter::before {
    background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
}
#wrapper #content .component .text-button-play-black::before {
    background: url(../../design/build/GSI/assets/button-2-black.svg) no-repeat
}
#wrapper #content .component .text-button-play-white::before {
    background: url(../../design/build/GSI/assets/button-2-blank.svg) no-repeat
}
#wrapper #content .component .text-button-play-blue::before {
    background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
}
#wrapper #content .component .text-button-play-blue-filled::before {
    background: url(../../design/build/GSI/assets/button-2-blue-filled.svg) no-repeat
}
#wrapper #content .component .text-button-play-empty::before {
    background: url(../../design/build/GSI/assets/button-2-empty.svg) no-repeat
}
#wrapper #content .component .text-button-play-gray::before {
    background: url(../../design/build/GSI/assets/button-2-gray.svg) no-repeat
}
#wrapper #content .component .text-button-play-gray-light::before {
    background: url(../../design/build/GSI/assets/button-2-gray-light.svg) no-repeat
}
#wrapper #content .component .text-button-play-gray-lighter::before {
    background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-black::before {
    background: url(../../design/build/GSI/assets/button-3-black.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-white::before {
    background: url(../../design/build/GSI/assets/button-3-blank.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-blue::before {
    /* background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat; */
}
#wrapper #content .component .text-button-chevron-right-red::before {
    background: url(../../design/build/GSI/assets/button-3-red.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-empty::before {
    background: url(../../design/build/GSI/assets/button-3-empty.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-gray::before {
    background: url(../../design/build/GSI/assets/button-3-gray.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-gray-light::before {
    background: url(../../design/build/GSI/assets/button-3-gray-light.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-right-gray-lighter::before {
    background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-black::before {
    background: url(../../design/build/GSI/assets/button-4-black.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-white::before {
    background: url(../../design/build/GSI/assets/button-4-blank.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-blue::before {
    background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-empty::before {
    background: url(../../design/build/GSI/assets/button-4-empty.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-gray::before {
    background: url(../../design/build/GSI/assets/button-4-gray.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-gray-light::before {
    background: url(../../design/build/GSI/assets/button-4-gray-light.svg) no-repeat
}
#wrapper #content .component .text-button-chevron-down-gray-lighter::before {
    background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
}
#wrapper #content .row.in-grid-column-splitter {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    float: none
}
#wrapper #content .row.in-grid-column-splitter>.grid-1 {
    display: none
}
#wrapper #content .row.in-grid-column-splitter>div {
    margin-left: 0
}
#wrapper #content .row.in-grid-column-splitter .component-content {
    width: auto;
    max-width: none
}
#wrapper #content .component.two-section-grid {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.two-section-grid>.component-content div.section-one {
        width: 40.42553191489362%
    }
    #wrapper #content .component.two-section-grid>.component-content div.section-two {
        width: 48.93617021276595%;
        margin-left: 0
    }
}
@media only screen and (max-width: 1024px) {
    #wrapper .slider-stack-wrapper {
        padding-bottom: 3rem
    }
}
#wrapper .slider-stack-wrapper>.slider-tabs {
    bottom: 1rem;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 1.3s
}
@media only screen and (max-width: 1024px) {
    #wrapper .slider-stack-wrapper>.slider-tabs {
        bottom: .8rem
    }
}
#wrapper .slider-stack-wrapper>.slider-tabs .tabs-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    text-align: center
}
#wrapper .slider-stack-wrapper>.slider-tabs .tabs-content .slider-tab {
    width: .7rem;
    height: .7rem;
    margin-left: .75rem;
    background-color: #fff;
    transition: background-color .2s;
    border: 1px solid #b2b4b3
}
@media only screen and (max-width: 1024px) {
    #wrapper .slider-stack-wrapper>.slider-tabs .tabs-content .slider-tab {
        width: 1rem;
        height: 1rem;
        margin-left: 1rem
    }
}
#wrapper .slider-stack-wrapper>.slider-tabs .tabs-content .slider-tab.active-tab,
#wrapper .slider-stack-wrapper>.slider-tabs .tabs-content .slider-tab:hover {
    background-color: #64a0c8;
    border: .13rem solid #64a0c8;
    border: 1px solid #b2b4b3
}
#wrapper .slider-stack-wrapper>.slider-arrow-left,
#wrapper .slider-stack-wrapper>.slider-arrow-right {
    width: 3rem;
    height: 3rem;
    top: 50%;
    background-size: 3rem;
    background-repeat: no-repeat;
    background-position: center
}
@media only screen and (max-width: 1024px) {
    #wrapper .slider-stack-wrapper>.slider-arrow-left,
    #wrapper .slider-stack-wrapper>.slider-arrow-right {
        display: none
    }
}
#wrapper .slider-stack-wrapper>.slider-arrow-left {
    left: .8rem;
    background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
#wrapper .slider-stack-wrapper>.slider-arrow-left:hover,
#wrapper .slider-stack-wrapper>.slider-arrow-right:hover {
    opacity: .6
}
#wrapper .slider-stack-wrapper>.slider-arrow-right {
    right: .8rem;
    background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
}
#wrapper>#content .slider-stack-wrapper>.component.slider-stack {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.3s ease-in-out 0s, visibility 0s linear 1.3s
}
#wrapper>#content .slider-stack-wrapper>.component.slider-stack.active-slide {
    opacity: 1;
    visibility: visible;
    transition: opacity 1.3s ease-in-out 0s, visibility 0s linear 0s
}
html,
body {
    font-size: 18px;
    font-family: Samim, sans-serif;
}
html body:not(.on-page-editor),
html body.on-page-editor {
    counter-reset: item
}
html body:not(.on-page-editor) #wrapper #content .component.intro-banner.full-width .component-content .outer-pos-wrapper>.inner-pos-wrapper,
html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.full-width .component-content .outer-pos-wrapper>.inner-pos-wrapper,
html body.on-page-editor #wrapper #content .component.intro-banner.full-width .component-content .outer-pos-wrapper>.inner-pos-wrapper,
html body.on-page-editor #wrapper #content .component.img-spot-carousel.full-width .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    width: 100%
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1 .outer-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1 .outer-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content {
        width: 100%;
        max-width: none
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        left: 1rem;
        right: auto
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos6-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        margin-left: 2.325rem;
        right: auto
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        left: auto;
        margin-right: 2.325rem
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos2 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos7 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos7>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos12 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos2 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos7 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos7>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos12 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos2 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos7 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos7>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos12 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos2 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos7 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos7>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos12 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        left: 0;
        right: auto;
        padding: 0
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        right: 1rem;
        left: auto
    }
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos10 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos10 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos10 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos10 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper {
        max-width: 50%
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        right: 0;
        left: auto;
        padding: 0
    }
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos9 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper {
        max-width: 50%
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos2 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos3 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos3>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos2 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos3 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos3>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos2 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos3 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos3>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos1-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos2 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos2>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos3 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos3>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos4>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos5-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        top: 1rem;
        bottom: auto;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (min-width: 768px) {
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos12 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos13 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos13>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos12 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos13 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos13>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos12 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos13 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos13>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.intro-banner.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos11-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos12 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos12>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos13 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos13>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos14>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1 .inner-pos-wrapper,
    html body.on-page-editor #wrapper #content .component.img-spot-carousel.content-pos15-1>.component-content>ul.image-spot-elements>li.image-spot-element>div.carousel-content>.carousel-absolute {
        bottom: 1rem;
        top: auto;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
#wrapper .component.rich-text:not(.right-side) {
    position: relative;
    z-index: 2
}
#wrapper .component.rich-text:not(.right-side)>.component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .component.rich-text:not(.right-side).w10>.component-content {
    max-width: 10%;
    width: 10%
}
#wrapper .component.rich-text:not(.right-side).w20>.component-content {
    max-width: 20%;
    width: 20%
}
#wrapper .component.rich-text:not(.right-side).w30>.component-content {
    max-width: 30%;
    width: 30%
}
#wrapper .component.rich-text:not(.right-side).w40>.component-content {
    max-width: 40%;
    width: 40%
}
#wrapper .component.rich-text:not(.right-side).w50>.component-content {
    max-width: 50%;
    width: 50%
}
#wrapper .component.rich-text:not(.right-side).w60>.component-content {
    max-width: 60%;
    width: 60%
}
#wrapper .component.rich-text:not(.right-side).w70>.component-content {
    max-width: 70%;
    width: 70%
}
#wrapper .component.rich-text:not(.right-side).w80>.component-content {
    max-width: 80%;
    width: 80%
}
#wrapper .component.rich-text:not(.right-side).w90>.component-content {
    max-width: 90%;
    width: 90%
}
@media only screen and (max-width: 1150px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 18%;
        width: 18%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 27%;
        width: 27%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 36%;
        width: 36%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 45%;
        width: 45%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 54%;
        width: 54%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 63%;
        width: 63%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 72%;
        width: 72%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 81%;
        width: 81%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 1100px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 26%;
        width: 26%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 34%;
        width: 34%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 42%;
        width: 42%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 50%;
        width: 50%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 58%;
        width: 58%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 66%;
        width: 66%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 74%;
        width: 74%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 82%;
        width: 82%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 1050px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 34%;
        width: 34%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 41%;
        width: 41%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 48%;
        width: 48%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 55%;
        width: 55%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 62%;
        width: 62%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 69%;
        width: 69%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 76%;
        width: 76%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 83%;
        width: 83%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 1000px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 42%;
        width: 42%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 48%;
        width: 48%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 54%;
        width: 54%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 60%;
        width: 60%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 66%;
        width: 66%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 72%;
        width: 72%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 78%;
        width: 78%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 84%;
        width: 84%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 950px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 50%;
        width: 50%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 55%;
        width: 55%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 60%;
        width: 60%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 65%;
        width: 65%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 70%;
        width: 70%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 75%;
        width: 75%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 80%;
        width: 80%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 85%;
        width: 85%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 900px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 58%;
        width: 58%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 62%;
        width: 62%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 66%;
        width: 66%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 70%;
        width: 70%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 74%;
        width: 74%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 78%;
        width: 78%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 82%;
        width: 82%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 86%;
        width: 86%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 950px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 66%;
        width: 66%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 69%;
        width: 69%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 72%;
        width: 72%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 75%;
        width: 75%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 78%;
        width: 78%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 81%;
        width: 81%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 84%;
        width: 84%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 87%;
        width: 87%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 800px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 74%;
        width: 74%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 76%;
        width: 76%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 78%;
        width: 78%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 80%;
        width: 80%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 82%;
        width: 82%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 84%;
        width: 84%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 86%;
        width: 86%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 88%;
        width: 88%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 750px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 82%;
        width: 82%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 83%;
        width: 83%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 84%;
        width: 84%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 85%;
        width: 85%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 86%;
        width: 86%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 87%;
        width: 87%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 88%;
        width: 88%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 89%;
        width: 89%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
@media only screen and (max-width: 700px) {
    #wrapper .component.rich-text:not(.right-side).w10>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w20>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w30>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w40>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w50>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w60>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w70>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w80>.component-content {
        max-width: 90%;
        width: 90%
    }
    #wrapper .component.rich-text:not(.right-side).w90>.component-content {
        max-width: 90%;
        width: 90%
    }
}
#wrapper .banner-spot .component-content .banner-spot-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    z-index: 2
}
#wrapper .banner-spot .component-content .banner-spot-content .is-window-height {
    display: table
}
#wrapper .vertical-align-middle-container .banner-text {
    display: table-cell;
    vertical-align: middle
}
#wrapper .component.banner-spot {
    overflow: hidden
}
#wrapper .component.banner-spot .component-content {
    position: relative;
    z-index: 1;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-color: #e1e1e1;
    padding-bottom: 5.5em;
    background-attachment: fixed;
    padding-bottom: 0
}
#wrapper .component.banner-spot .component-content>.is-window-height:after,
#wrapper .component.banner-spot .component-content>.is-window-height:after {
    clear: both;
    content: '';
    display: table
}
#wrapper .component.banner-spot .banner-text {
    padding-bottom: 9rem;
    width: 100%
}
#wrapper .component.banner-spot .banner-text:after,
#wrapper .component.banner-spot .banner-text:after {
    clear: both;
    content: '';
    display: table
}
#wrapper .component.banner-spot div.banner-boxes {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    overflow: hidden
}
#wrapper .component.banner-spot div.banner-boxes ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
#wrapper .component.banner-spot div.banner-boxes ul.banner-spot-elements {
    margin: 0 -1.388rem;
    overflow: hidden
}
#wrapper .component.banner-spot div.banner-boxes ul .usp-content {
    display: block;
    text-decoration: none;
    background-color: #404040;
    color: #fff;
    margin: 0 1.388rem;
    padding: 1.6em 1.7em 1.7em 2.1rem;
    overflow: hidden;
    position: relative;
    cursor: pointer
}
#wrapper .component.banner-spot div.banner-boxes ul .usp-content * {
    text-shadow: none
}
#wrapper .component.banner-spot div.banner-boxes ul li a {
    color: inherit
}
#wrapper .component.banner-spot div.banner-boxes ul li .usp-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: .5rem;
    height: 100%;
    background-color: #64a0c8;
    z-index: 0;
    transition: width, .2s ease-out
}
#wrapper .component.banner-spot div.banner-boxes ul li .usp-content:hover:before {
    width: 100%
}
#wrapper .component.banner-spot div.banner-boxes ul li .usp-content>* {
    z-index: 2;
    position: relative
}
#wrapper .component.banner-spot div.banner-boxes ul li h3 {
    width: 20rem;
    height: 6.4rem
}
#wrapper .component.banner-spot div.banner-boxes ul li .image-spot-element-link {
    float: right;
    white-space: nowrap;
    display: block;
    height: 1.2rem
}
#wrapper .component.banner-spot div.banner-boxes ul li .image-spot-element-link a {
    text-decoration: none!important
}
#wrapper .component.banner-spot div.banner-boxes ul li .image-spot-element-link p {
    padding: 0;
    margin: 0
}
#wrapper .component.banner-spot div.banner-boxes ul li .image-spot-element-link:after {
    font-family: "Oticon-icon-www";
content: '';    font-size: 1.5rem;
    float: right;
    margin: -.1em 0 -.1em .3rem;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
#wrapper .w10.banner-spot .banner-text {
    max-width: 10%
}
#wrapper .w20.banner-spot .banner-text {
    max-width: 20%
}
#wrapper .w30.banner-spot .banner-text {
    max-width: 30%
}
#wrapper .w40.banner-spot .banner-text {
    max-width: 40%
}
#wrapper .w50.banner-spot .banner-text {
    max-width: 50%
}
#wrapper .w60.banner-spot .banner-text {
    max-width: 60%
}
#wrapper .w70.banner-spot .banner-text {
    max-width: 70%
}
#wrapper .w80.banner-spot .banner-text {
    max-width: 80%
}
#wrapper .w90.banner-spot .banner-text {
    max-width: 90%
}
#wrapper .component.banner-spot .banner-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box
}
#wrapper .component.banner-spot.pos-top .banner-text {
    position: absolute;
    top: 6rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
#wrapper .component.banner-spot.pos-bottom .banner-text {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-bottom: 11rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
#wrapper .component.banner-spot.pos-center .banner-text {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#wrapper .component.banner-spot.pos-center.pos-top .banner-text,
#wrapper .component.banner-spot.pos-center.pos-bottom .banner-text {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
#wrapper .component.banner-spot.pos-right .banner-text {
    left: 100%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}
#wrapper .component.banner-spot.pos-right.pos-top .banner-text,
#wrapper .component.banner-spot.pos-right.pos-bottom .banner-text {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
#wrapper .component.banner-spot.content-overflow.hide-text-mobile .banner-text {
    display: none!important
}
#wrapper .component.banner-spot.content-overflow.hide-ctas-mobile .banner-boxes {
    display: none!important
}
@media only screen and (max-width: 1020px) {
    #wrapper .component.banner-spot .component-content .banner-spot-content .is-window-height {
        display: block
    }
    #wrapper .component.banner-spot .component-content .banner-spot-content .is-window-height .banner-text {
        display: block;
        margin: 8rem 0;
        width: 100%
    }
    #wrapper .component.banner-spot .component-content .banner-spot-content .is-window-height .banner-text>* {
        max-width: none
    }
    #wrapper div.banner-boxes ul li h3 {
        width: auto;
        height: auto;
        float: left;
        margin: 0 1em 0 0
    }
}
#wrapper .box-spot .component-content {
    width: 100%;
    padding: 2rem 0 0;
    background-size: 0
}
#wrapper .box-spot .box-spot-container {
    width: 100%
}
#wrapper .box-spot .box-spot-container .box-spot-main-container,
#wrapper .box-spot .box-spot-container .box-spot-items-container {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .box-spot.slim .box-spot-container .box-spot-main-container,
#wrapper .box-spot.slim .box-spot-container .box-spot-items-container {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .box-spot .box-spot-image-container {
    width: 100%;
    height: 12em;
    display: block;
    background-size: cover;
    background-position: center
}
#wrapper .box-spot .box-spot-main-container {
    padding-bottom: 1rem
}
#wrapper .box-spot .box-spot-items-container {
    text-align: center;
    padding-top: 3rem
}
#wrapper .box-spot .box-spot-items-container .box-spot-item {
    text-align: left;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 1rem;
    width: 15em;
    border: 3px solid #aaa
}
#wrapper .box-spot .box-spot-items-container .box-spot-item>div>* {
    padding: 1rem
}
#wrapper .box-spot .box-spot-items-container .stretch {
    width: 100%;
    font-size: 0;
    line-height: 0;
    display: inline-block
}
@media only screen and (min-width: 480px) {
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container {
        text-align: justify
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container .box-spot-item {
        width: 45%
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container .stretch {
        display: none
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container .stretch:last-child {
        display: inline-block
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container .box-spot-item {
        width: 30%
    }
}
@media only screen and (min-width: 1025px) {
    #wrapper .box-spot .component-content {
        padding: 2rem 0 2rem;
        background-size: cover;
        background-position: center
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-image-container {
        display: none
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-main-container {
        padding-bottom: 3rem
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container {
        padding-top: 0
    }
    #wrapper .box-spot .component-content .box-spot-container .box-spot-items-container .box-spot-item {
        margin-bottom: 3rem;
        border: none;
        background-color: rgba(255, 255, 255, .5)
    }
}
#wrapper div.component.breadcrumb {
    padding: 1em 0 1em 0!important
}
#wrapper div.component.breadcrumb .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper div.component.breadcrumb a {
    text-decoration: none
}
#wrapper div.component.breadcrumb ol {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}
#wrapper div.component.breadcrumb .separator {
    padding: 0 .5em;
    display: none
}
#wrapper div.component.breadcrumb li {
    float: right;
    font-size: .9em;
    line-height: 2;
    position: relative;
}
#wrapper div.component.breadcrumb li:not(.home)::before {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "/";
    font-size: 1.5em;
    padding-right: .5em;
    position: absolute;
    top: .2em;
}
#wrapper div.component.breadcrumb li:not(.home) a {
    margin-right: 2em;
}
#wrapper div.component.breadcrumb li.last .separator {
    display: none
}
#wrapper div.component.breadcrumb.breadcrumb-hide li {
    white-space: nowrap
}
#wrapper div.component.breadcrumb.breadcrumb-hide li.hide+li.hide {
    display: none
}
#wrapper div.component.breadcrumb.breadcrumb-hide li.hide a {
    display: none
}
#wrapper div.component.breadcrumb.breadcrumb-hide li.hide:before {
    content: "...";
    display: inline
}
#wrapper div.component.breadcrumb.breadcrumb-hide li.hide-full {
    display: none
}
#wrapper div.component.breadcrumb.breadcrumb-hide li span.icon {
    font-size: 2em;
    width: 2em;
    color: aqua;
    margin: -.05em -.5em;
    float: left;
    display: block
}
#wrapper>#content .component.color-spot {
    overflow: hidden
}
#wrapper>#content .component.color-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2
}
#wrapper>#content .component.color-spot .colors-container {
    position: relative;
    text-align: center
}
#wrapper>#content .component.color-spot .colors-container .color-picker {
    padding: 0
}
#wrapper>#content .component.color-spot .colors-container .color-picker li {
    display: inline-block;
    margin: 0 .4em .4em;
    height: 1.3em;
    width: 1.3em
}
@media only screen and (min-width: 768px) {
    #wrapper>#content .component.color-spot .colors-container .color-picker li {
        height: 2.3em;
        width: 2.3em
    }
}
#wrapper>#content .component.color-spot .colors-container .color-picker li a {
    background-color: #000;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4) inset;
    cursor: pointer;
    display: block;
    height: 1.3em;
    width: 1.3em;
    text-decoration: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
@media only screen and (min-width: 768px) {
    #wrapper>#content .component.color-spot .colors-container .color-picker li a {
        height: 2.3em;
        width: 2.3em
    }
}
#wrapper>#content .component.color-spot .colors-container .color-picker li.current a {
    cursor: default;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}
#wrapper>#content .component.color-spot .colors-container .color-picker li:before {
    content: "";
    left: -50%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: -19%;
    width: 200%;
    transition: opacity, 1s
}
#wrapper>#content .component.color-spot .colors-container .images {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%
}
#wrapper>#content .component.color-spot .colors-container .images li {
    left: 0;
    opacity: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    display: none
}
#wrapper>#content .component.color-spot .colors-container .images li img {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
    z-index: 1;
    width: 100%;
    height: 100%
}
#wrapper>#content .component.color-spot .colors-container .images li.current {
    opacity: 1;
    z-index: 3;
    display: inherit
}
#wrapper>#content .component.color-spot .colors-container .color-picker-name {
    display: none;
    list-style-type: none;
    padding: 1rem 0 0 0;
    position: relative;
    width: 100%;
    height: 100%
}
#wrapper>#content .component.color-spot .colors-container .color-picker-name li {
    left: 0;
    opacity: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 1.2rem;
    display: none
}
#wrapper>#content .component.color-spot .colors-container .color-picker-name li.current {
    opacity: 1;
    z-index: 3;
    display: inherit
}
#wrapper>#content .component.color-spot .colors-container .color-picker-name li a {
    color: #404040;
    font-family: inherit;
    cursor: auto
}
#wrapper .contact-information {
    background-color: #f5f5f5;
    padding-top: 2rem
}
#wrapper .contact-information .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .contact-information .component-content .contact-information-filter-container {
    width: 200px
}
#wrapper .contact-information .component-content .contact-information-filter-container::after,
#wrapper .contact-information .component-content .contact-information-filter-container::before {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    font-size: 1em;
    margin: 0 .4em 0 0
}
#wrapper .contact-information .component-content .contact-information-filter-container.region-selector::before {
content: '';}
#wrapper .contact-information .component-content .contact-information-filter-container.region-selector::after {
content: '';}
#wrapper .contact-information .component-content .contact-information-filter-container.search::after {
content: '';}
#wrapper .contact-information .component-content .contact-information-item-group {
    clear: both
}
#wrapper .contact-information .component-content .contact-information-item-group:after {
    clear: both;
    content: '';
    display: block
}
#wrapper .contact-information .component-content .contact-information-item-group h3 {
    border-bottom: thin solid #e4e4e4;
    padding: 0 0 1rem;
    margin-bottom: 0
}
#wrapper .contact-information .component-content .contact-information-item-group ul {
    padding-left: 0;
    padding-top: 2em
}
#wrapper .contact-information .component-content .contact-information-item-group ul li {
    float: left;
    margin-bottom: 6em
}
#wrapper .contact-information .component-content .contact-information-item-group ul li img {
    width: 3.3em;
    height: auto;
    margin-bottom: 2em
}
#wrapper .contact-information .component-content .contact-information-item-group ul li p {
    margin-bottom: 0
}
#wrapper .contact-information .component-content .contact-information-item-group ul li p a {
    margin-bottom: 0;
    margin-top: 0
}
#wrapper .contact-information .component-content .contact-information-item-group ul li a {
    margin-top: 2em;
    display: block
}
#wrapper .contact-information .component-content .contact-information-item-group ul li h4 {
    margin-bottom: 0
}
#wrapper .contact-information .component-content .contact-information-item-group ul li .address h5 {
    margin-top: 1em
}
#wrapper .contact-information .component-content .contact-information-item-group ul li .address p {
    padding-bottom: 0
}
#wrapper .contact-information .component-content .contact-information-item-group ul li .phone,
#wrapper .contact-information .component-content .contact-information-item-group ul li .fax {
    line-height: 1.7
}
#wrapper .contact-information .component-content .contact-information-item-group ul li .email a {
    margin-top: 1em;
    line-height: 1.7
}
#wrapper .contact-information .component-content .contact-information-item-group ul li .site a {
    margin-top: 0;
    line-height: 1.7
}
#wrapper .contact-information.group-by-state select {
    margin-top: 1rem
}
@media only screen and (min-width: 480px) {
    #wrapper .contact-information h3 {
        text-align: center
    }
    #wrapper .contact-information li {
        min-width: 100%;
        text-align: center
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .contact-information li {
        min-width: 49%
    }
}
@media only screen and (min-width: 1025px) {
    #wrapper .contact-information li {
        min-width: 24%
    }
}
#wrapper .component.content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .component.content .field-location,
#wrapper .component.content .field-date {
    margin-bottom: .5em
}
#wrapper .component.content.top-margin {
    margin-top: 7rem
}
.cookie-warning {
    display: none;
    position: fixed;
    top: 0;
    bottom: auto;
    width: 100%;
    z-index: 1030;
    background-color: #e4e4e4;
    border-bottom: 1px solid #aaa
}
.cookie-warning .component-content {
    color: #404040;
    padding: .5em
}
.cookie-warning .component-content .info {
    margin: 0;
    font-size: .8em;
    padding: 0 1.5em 0 .5em
}
.cookie-warning .component-content .submit {
    font-family: "Oticon-icon-www";
    position: absolute;
    top: .2em;
    right: .5em;
    cursor: pointer
}
.cookie-warning .component-content .submit * {
    line-height: 0;
    margin: 0;
    font-size: .8em
}
.cookie-warning .component-content .submit::after {
content: '';    position: absolute;
    top: .2rem;
    right: 0;
    color: #64a0c8
}
.cookie-warning .component-content .submit a p {
    opacity: 0
}
.cookie-warning.initialized {
    display: block;
    animation: myAniTop 2s;
    -moz-animation: myAniTop 2s;
    -webkit-animation: myAniTop 2s
}
@media only screen and (max-width: 1020px) {
    .cookie-warning {
        top: auto;
        bottom: 0
    }
    .cookie-warning.initialized {
        display: block;
        animation: myAniBottom 2s;
        -moz-animation: myAniBottom 2s;
        -webkit-animation: myAniBottom 2s
    }
}
@keyframes myAniTop {
    from {
        top: -300px
    }
    to {
        top: 0
    }
}
@-webkit-keyframes myAniTop {
    from {
        top: -300px
    }
    to {
        top: 0
    }
}
@keyframes myAniBottom {
    from {
        bottom: -300px
    }
    to {
        bottom: 0
    }
}
@-webkit-keyframes myAniBottom {
    from {
        bottom: -300px
    }
    to {
        bottom: 0
    }
}
@keyframes myAniheader {
    from {
        top: 0
    }
    to {
        top: 42px
    }
}
@-webkit-keyframes myAniheader {
    from {
        top: 0
    }
    to {
        top: 42px
    }
}
.on-page-editor #footer .component.cookie-warning.initialized {
    display: none!important
}
#wrapper .country-selector {
    background-color: #f5f5f5;
    padding-top: 2rem;
    padding-bottom: 2rem
}
#wrapper .country-selector .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .country-selector .component-content .country-selector-filter-container {
    width: 200px
}
#wrapper .country-selector .component-content .country-selector-filter-container::after,
#wrapper .country-selector .component-content .country-selector-filter-container::before {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    font-size: 1em;
    margin: 0 .4em 0 0
}
#wrapper .country-selector .component-content .country-selector-filter-container.region-selector::before {
content: '';}
#wrapper .country-selector .component-content .country-selector-filter-container.region-selector::after {
content: '';}
#wrapper .country-selector .component-content .country-selector-filter-container.search::after {
content: '';}
#wrapper .country-selector .component-content .country-selector-item-group {
    clear: both
}
#wrapper .country-selector .component-content .country-selector-item-group:after {
    clear: both;
    content: '';
    display: block
}
#wrapper .country-selector .component-content .country-selector-item-group h3 {
    border-bottom: thin solid #e4e4e4;
    padding: 0 0 1em;
    margin-bottom: 0
}
#wrapper .country-selector .component-content .country-selector-item-group ul {
    padding-left: 0;
    padding-top: 2em
}
#wrapper .country-selector .component-content .country-selector-item-group ul li {
    float: left;
    margin-bottom: 3em
}
#wrapper .country-selector .component-content .country-selector-item-group ul li>a {
    display: inline-block;
    vertical-align: middle
}
#wrapper .country-selector .component-content .country-selector-item-group ul li img {
    width: 3.3em;
    height: auto;
    display: block
}
#wrapper .country-selector .component-content .country-selector-item-group ul li h4,
#wrapper .country-selector .component-content .country-selector-item-group ul li h5,
#wrapper .country-selector .component-content .country-selector-item-group ul li p {
    margin: 0 .5em;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}
#wrapper .country-selector .component-content .country-selector-item-group ul li h4 a,
#wrapper .country-selector .component-content .country-selector-item-group ul li h5 a,
#wrapper .country-selector .component-content .country-selector-item-group ul li p a {
    color: inherit
}
@media only screen and (min-width: 901px) {
    #wrapper .country-selector li {
        min-width: 25%
    }
}
@media only screen and (max-width: 900px) {
    #wrapper .country-selector li {
        min-width: 32%
    }
}
@media only screen and (max-width: 800px) {
    #wrapper .country-selector li {
        min-width: 49%
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .country-selector h3 {
        text-align: center
    }
    #wrapper .country-selector li {
        min-width: 100%;
        text-align: center
    }
}
.lg-backdrop.in {
    opacity: .7
}
#wrapper .download-center {
    padding-bottom: 2rem
}
#wrapper .download-center::after {
    content: '';
    clear: both;
    display: block
}
#wrapper .download-center .component-content .top-menu {
    width: 100%;
    background-color: #404040;
    color: #f5f5f5
}
#wrapper .download-center .component-content .top-menu ul {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .download-center .component-content .top-menu ul li {
    display: inline-block;
    padding: 3rem 3rem 3rem 0;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
#wrapper .download-center .component-content .top-menu ul li.active::after {
    content: '';
    display: block;
    height: .77rem;
    width: 100%;
    background-color: #64a0c8;
    position: absolute;
    bottom: 0;
    left: 0
}
#wrapper .download-center .component-content .top-menu ul li.active {
    background-color: #404040;
    color: #f5f5f5
}
#wrapper .download-center .component-content .top-menu ul li.active::before {
content: '';}
#wrapper .download-center .component-content .top-menu ul li::before {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
content: '';    font-size: 1rem;
    margin: 0 .4rem 0 0;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
#wrapper .download-center .component-content .top-menu ul li:not(.active):hover {
    -webkit-transform: translateX(.4rem);
    -ms-transform: translateX(.4rem);
    transform: translateX(.4rem)
}
#wrapper .download-center .component-content .top-menu ul li:not(.active):hover::after {
    content: '';
    display: block;
    height: .77rem;
    width: 100%;
    background-color: #64a0c8;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-.4rem);
    -ms-transform: translateX(-.4rem);
    transform: translateX(-.4rem)
}
#wrapper .download-center .component-content .top-menu ul li:not(.active):hover:before {
    -webkit-transform: translateX(-.4rem);
    -ms-transform: translateX(-.4rem);
    transform: translateX(-.4rem)
}
#wrapper .download-center .component-content .top-menu ul li a {
    color: #fff
}
#wrapper .download-center .component-content .top-menu ul li h3 {
    font-size: 1rem;
    padding: 0;
    display: inline-block
}
#wrapper .download-center .component-content .top-menu a {
    cursor: pointer
}
#wrapper .download-center .component-content .download-center-main {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    position: inherit
}
#wrapper .download-center .component-content .download-center-main .left-menu {
    z-index: 2;
    background-color: #f5f5f5;
    color: #2d2d2d;
    float: left;
    margin: 2rem 0 0 0;
    padding: 0 0 3rem 0;
    min-width: 17rem;
    width: 33%
}
#wrapper .download-center .component-content .download-center-main .left-menu a {
    cursor: pointer
}
#wrapper .download-center .component-content .download-center-main .left-menu h5 {
    color: #64a0c8;
    font-size: 1rem;
    margin-left: 2rem;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 14px;
    margin-right: 1.5rem
}
#wrapper .download-center .component-content .download-center-main .left-menu ul {
    padding: 0;
    margin: 0
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li {
    padding: 0;
    position: relative;
    padding-right: 4rem;
    cursor: pointer
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li:hover,
#wrapper .download-center .component-content .download-center-main .left-menu ul li.active {
    background-color: #404040;
    color: #f5f5f5
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li:hover::after,
#wrapper .download-center .component-content .download-center-main .left-menu ul li.active::after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
content: '';    font-size: 1.5rem;
    position: absolute;
    right: .5rem;
    top: 1.25rem
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li:hover a,
#wrapper .download-center .component-content .download-center-main .left-menu ul li.active a {
    color: #fff
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li a {
    padding: 1rem 1rem 1rem 1.3333rem;
    color: #2d2d2d;
    transition: none;
    display: inline-block;
    width: 100%
}
#wrapper .download-center .component-content .download-center-main .left-menu ul li h3 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 1.5rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content {
    padding: 0 2rem 0;
    margin: 2rem 0 0 0;
    box-sizing: border-box;
    width: 66%
}
#wrapper .download-center .component-content .download-center-main .download-center-content h4 {
    font-size: 1rem;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    float: left
}
#wrapper .download-center .component-content .download-center-main .download-center-content h4:not(:first-child) {
    margin-top: 1.3rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video {
    margin-bottom: 1rem;
    width: 50%;
    float: left;
    box-sizing: border-box;
    position: relative
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf img,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video img,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video img {
    display: none
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf .item-thumbnail,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .item-thumbnail,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .item-thumbnail {
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -2rem;
    top: 0
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf.has-thumbnail,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video.has-thumbnail,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video.has-thumbnail {
    left: 2rem;
    min-height: 3rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf.has-thumbnail:before,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video.has-thumbnail:before,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video.has-thumbnail:before {
    content: ' '
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf+.download-video,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf+.embed-video,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video+.download-pdf,
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video+.download-pdf {
    clear: both
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf {
    padding: 0 1rem 0 1.5rem;
    position: relative
}
#wrapper .download-center .component-content .download-center-main .download-center-content .download-pdf::before {
content: '';    font-family: "Oticon-icon-www";
    position: absolute;
    left: 0
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video {
    padding-right: 1rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .thumb-wrapper,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .thumb-wrapper {
    cursor: pointer;
    position: relative
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .thumb-wrapper img,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .thumb-wrapper img {
    height: auto;
    width: 100%;
    display: block
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .thumb-wrapper .play-icon,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .thumb-wrapper .play-icon {
    background-color: #64a0c8;
    width: 3rem;
    height: 3rem;
    position: absolute;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .thumb-wrapper .play-icon::after,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .thumb-wrapper .play-icon::after {
    font-family: "Oticon-icon-www";
content: '';    font-size: 2.5rem;
    color: #fff;
    position: absolute;
    top: .2rem;
    left: .3rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video .link,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video .link {
    margin-top: .5rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video h5,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video h5 {
    margin: 0;
    color: #2d2d2d;
    font-size: 1rem
}
#wrapper .download-center .component-content .download-center-main .download-center-content .embed-video h5:first-of-type,
#wrapper .download-center .component-content .download-center-main .download-center-content .download-video h5:first-of-type {
    margin-top: 1rem
}
body>.download-center-item-thumbnail-preview {
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    border: 4px solid #404040
}
body>.download-center-item-thumbnail-preview img {
    display: block
}
#wrapper .component.event-calendar {
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px
}
#wrapper .component.event-calendar .fc-view-basicWeek .fc-day>div {
    min-height: 100px!important
}
#wrapper .component.event-calendar .fc-header .fc-button {
    background: none;
    border-radius: 0;
    border: 1px solid #dedede
}
#wrapper .component.event-calendar .fc-header {
    margin-bottom: 10px
}
#wrapper .component.event-calendar .fc-header h2 {
    font-weight: bold
}
#wrapper .component.event-calendar .fc-header td {
    vertical-align: middle;
    white-space: normal
}
#wrapper .component.event-calendar .fc-header-left {
    width: 25%;
    vertical-align: bottom
}
#wrapper .component.event-calendar .fc-header-center {
    width: 40%
}
#wrapper .component.event-calendar .fc-header-right {
    width: 35%;
    white-space: normal;
    padding: 0 2px
}
#wrapper .component.event-calendar .fc-header-right .fc-button {
    margin-bottom: 0
}
#wrapper .component.event-calendar .fc-header-title {
    padding: 0 10px
}
#wrapper .component.event-calendar .fc-header-title h2 {
    white-space: normal
}
#wrapper .component.event-calendar .fc-widget-content {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 1px
}
#wrapper .component.event-calendar .fc-widget-content.fc-other-month {
    background: #e8e8e8
}
#wrapper .component.event-calendar .fc-day-header {
    background: #e8e8e8;
    border: 1px solid #fff;
    border-top-width: 3px;
    padding: 1px
}
#wrapper .component.event-calendar .fc-event {
    border: #736f6e;
    padding: 3px;
    background: #4187ae;
    color: #fff;
    font-weight: normal
}
#wrapper .component.event-calendar.compact-mode .fc-header-title h2 {
    margin-bottom: 0;
    padding: 5px 0 0 5px
}
#wrapper .component.event-calendar.compact-mode .selected-day {
    background: #95bcf2
}
#wrapper .component.event-calendar.compact-mode .fc-day .fc-day-content {
    padding: 0
}
.calendar-tooltip {
    z-index: 9999;
    position: absolute;
    width: 250px;
    background: #fff;
    border: 1px solid #736f6e;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    background: #f5f5f5;
    box-shadow: 3px 3px 8px #736f6e
}
.calendar-tooltip .arrow {
    position: absolute;
    top: -10px;
    left: 70px;
    height: 10px;
    width: 30px;
    overflow: hidden
}
.calendar-tooltip .arrow:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #736f6e;
    position: absolute;
    top: 6px;
    z-index: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}
.calendar-tooltip a {
    font-size: 12px
}
.calendar-tooltip p {
    margin-top: 0
}
.calendar-tooltip .compact-event {
    margin-bottom: 10px;
    border-top: 1px dashed #736f6e;
    padding-top: 5px
}
.calendar-tooltip .compact-event:first-child {
    border-top: none;
    padding: 0
}
.calendar-tooltip .title {
    display: block;
    font-weight: bold;
    font-size: 13px
}
.calendar-tooltip .description {
    display: block
}
.calendar-tooltip .link {
    display: block;
    margin-top: 5px
}
.event-list h1,
.event-list h2,
.event-list h3,
.event-list h4,
.event-list h5,
.event-list h6 {
    background: image-url("http://gsi-iran.com/bundles/css/balsamiq_line.png") bottom left repeat-x
}
.event-list ul {
    margin: 10px 0
}
.event-list li {
    background: #fff;
    display: block;
    min-width: 40%;
    margin: 10px 0;
    margin-right: 5px
}
.event-list li:after {
    content: "";
    clear: both;
    display: block
}
.event-list .event-list-time {
    width: 100px;
    padding-left: 5px;
    display: block;
    margin-right: 15px;
    float: left;
    font-weight: bold
}
.event-list .event-list-place {
    background: image-url("http://gsi-iran.com/bundles/css/event-pin.png") 0 2px no-repeat;
    padding-left: 18px;
    float: right
}
.event-list .event-list-name,
.event-list .event-list-description,
.event-list .event-list-link,
.event-list .event-list-place {
    margin-left: 120px
}
.event-list .event-list-name a {
    font-size: 16px;
    font-weight: bold
}
.event-list .event-list-link {
    float: right
}
#wrapper .fact-spot {
    padding: 2rem 0 2rem 0
}
#wrapper .fact-spot>.component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden
}
#wrapper .fact-spot>.component-content .fact-spot-left {
    float: left;
    width: 18vw;
    height: 18vw;
    min-height: 220px;
    min-width: 220px;
    margin: 0 1rem 0 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 138.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 86.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 102.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 67.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 120.06px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 74.52px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        width: 132.48px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 138.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 86.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 102.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 67.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 120.06px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 74.52px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot>.component-content .fact-spot-left {
        height: 132.48px
    }
}
#wrapper .fact-spot>.component-content .fact-spot-left>* {
    padding: 1rem;
    margin: 0
}
#wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
    width: 10vw;
    height: 10vw;
    min-height: 120px;
    min-width: 120px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 102.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 48px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 56.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 37.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 66.7px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 41.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        width: 73.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 102.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 48px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 56.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 37.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 66.7px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 41.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.small-fact-box>.component-content .fact-spot-left {
        height: 73.6px
    }
}
#wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
    width: 18vw;
    height: 18vw;
    min-height: 220px;
    min-width: 220px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 138.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 86.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 102.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 67.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 120.06px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 74.52px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        width: 132.48px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 138.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 86.4px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 57.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 102.24px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 67.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 120.06px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 74.52px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.medium-fact-box>.component-content .fact-spot-left {
        height: 132.48px
    }
}
#wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
    width: 24vw;
    height: 24vw;
    min-height: 288px;
    min-width: 288px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 245.76px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 115.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 136.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 90px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 160.08px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 99.36px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        width: 176.64px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 184.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 245.76px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 115.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 76.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 136.32px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 90px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 160.08px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 99.36px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .fact-spot.large-fact-box>.component-content .fact-spot-left {
        height: 176.64px
    }
}
#wrapper .fact-spot.fact-spot-text-middle-align .fact-spot-left>* {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
#wrapper .fact-spot.fact-spot-text-bottom-align .fact-spot-left {
    position: relative
}
#wrapper .fact-spot.fact-spot-text-bottom-align .fact-spot-left>* {
    position: absolute;
    bottom: 0
}
#wrapper .fact-spot .fact-spot-content {
    display: table
}
#wrapper .fact-spot .fact-spot-content .fact-spot-right {
    margin-bottom: 1rem
}
#wrapper .fact-spot.white-innerbox {
    background-color: #2d2d2d;
    color: #fff
}
#wrapper .fact-spot.white-innerbox>.component-content>.fact-spot-left {
    background-color: #fff;
    color: #2d2d2d
}
#wrapper .fact-spot.dark-innerbox {
    background-color: #fff;
    color: #2d2d2d
}
#wrapper .fact-spot.dark-innerbox>.component-content>.fact-spot-left {
    background-color: #2d2d2d;
    color: #fff
}
#wrapper .fact-spot.magenta-innerbox {
    background-color: #64a0c8;
    color: #fff
}
#wrapper .fact-spot.magenta-innerbox>.component-content>.fact-spot-left {
    background-color: #fff;
    color: #64a0c8
}
#wrapper .fact-spot ul {
    list-style: disc
}
#wrapper .w10.fact-spot>.component-content {
    max-width: 10%!important
}
#wrapper .w20.fact-spot>.component-content {
    max-width: 20%!important
}
#wrapper .w30.fact-spot>.component-content {
    max-width: 30%!important
}
#wrapper .w40.fact-spot>.component-content {
    max-width: 40%!important
}
#wrapper .w50.fact-spot>.component-content {
    max-width: 50%!important
}
#wrapper .w60.fact-spot>.component-content {
    max-width: 60%!important
}
#wrapper .w70.fact-spot>.component-content {
    max-width: 70%!important
}
#wrapper .w80.fact-spot>.component-content {
    max-width: 80%!important
}
#wrapper .w90.fact-spot>.component-content {
    max-width: 90%!important
}
@media only screen and (max-width: 1020px) {
    #wrapper .w10.fact-spot>.component-content,
    #wrapper .w20.fact-spot>.component-content,
    #wrapper .w30.fact-spot>.component-content,
    #wrapper .w40.fact-spot>.component-content,
    #wrapper .w50.fact-spot>.component-content,
    #wrapper .w60.fact-spot>.component-content,
    #wrapper .w70.fact-spot>.component-content,
    #wrapper .w80.fact-spot>.component-content,
    #wrapper .w90.fact-spot>.component-content {
        max-width: 60%!important
    }
}
@media only screen and (max-width: 800px) {
    #wrapper .w10.fact-spot>.component-content,
    #wrapper .w20.fact-spot>.component-content,
    #wrapper .w30.fact-spot>.component-content,
    #wrapper .w40.fact-spot>.component-content,
    #wrapper .w50.fact-spot>.component-content,
    #wrapper .w60.fact-spot>.component-content,
    #wrapper .w70.fact-spot>.component-content,
    #wrapper .w80.fact-spot>.component-content,
    #wrapper .w90.fact-spot>.component-content {
        max-width: 90%!important
    }
    #wrapper .fact-spot>.component-content .fact-spot-left {
        float: none;
        margin-bottom: 1rem
    }
    #wrapper .fact-spot table tr td {
        width: 100%!important;
        float: left
    }
}
.form {
    margin: 10px 0;
    font-size: 14px
}
.form fieldset {
    border: 2px solid #2d2d2d;
    padding: 15px;
    margin: 10px 0;
    background: #fff;
    position: relative
}
.form fieldset legend {
    font-weight: 700;
    padding: 0 5px;
    font-size: 16px;
    position: absolute;
    top: -33px;
    background: #fff;
    left: 0
}
.form .scfSectionContent>div {
    box-sizing: border-box;
    margin: 15px 0;
    padding: 10px;
    position: relative
}
.form .scfSectionContent>div:after {
    clear: both;
    content: "";
    display: block
}
.form .scfSectionContent>div:hover [class$="GeneralPanel"]>[class$="UsefulInfo"] {
    opacity: 1
}
.form .scfSectionContent>div select,
.form .scfSectionContent>div input {
    margin-left: 5px
}
.form .scfSectionContent [class$="UsefulInfo"] {
    -webkit-transition: opacity .75s false;
    -webkit-transition-delay: 0s;
    transition: opacity .75s false false;
    box-sizing: border-box;
    opacity: 0;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    left: 0;
    top: -15px;
    padding: 4px 8px;
    max-width: 98%;
    width: auto;
    background-color: #f5f5f5;
    color: gray
}
.form input,
.form select,
.form textarea {
    border: 1px solid #2d2d2d;
    padding: 2px 4px;
    max-width: 98%
}
.form .scfCaptcha input[type="text"] {
    margin: 0
}
.form .scfCaptchaLimitGeneralPanel,
.form .scfCaptchStrongTextPanel {
    max-width: 100%;
    width: auto
}
.form .scfCaptchaLabel {
    display: none
}
.form.blog-form {
    font-size: inherit;
    clear: both
}
.form.blog-form .component-content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
.form.blog-form .component-content .scfForm {
    background-color: #c6168d;
    box-sizing: border-box;
    padding: 1rem;
    position: relative
}
.form.blog-form .component-content .scfForm.thanks {
    background-color: #bfbfbf;
    color: #fff;
    text-align: center
}
.form.blog-form .component-content .scfForm fieldset {
    border: none;
    background-color: #c6168d;
    padding: 0 1rem
}
.form.blog-form .component-content .scfForm fieldset legend {
    background-color: #c6168d;
    color: #fff;
    text-align: center;
    margin: 0 0 1rem;
    width: 100%;
    font-family: "GillSansMTPro-Medium", sans-serif;
    font-size: 1.12rem;
    font-weight: inherit
}
.form.blog-form .component-content .scfForm fieldset .scfSectionContent>div {
    margin: 0;
    padding: 0
}
.form.blog-form .component-content .scfForm fieldset .scfSectionContent label {
    display: none
}
.form.blog-form .component-content .scfForm fieldset .scfSectionContent input[type="text"] {
    max-width: none;
    margin: 0;
    height: 54px
}
.form.blog-form .component-content .scfForm fieldset .scfSectionContent .scfEmailGeneralPanel {
    width: 100%
}
.form.blog-form .component-content .scfForm fieldset .scfSectionContent .scfEmailGeneralPanel .scfValidator {
    display: none!important
}
.form.blog-form .component-content .scfForm .scfRequired,
.form.blog-form .component-content .scfForm .scfValidatorRequired {
    display: none
}
.form.blog-form .component-content .scfForm .scfSubmitButtonBorder {
    position: absolute;
    bottom: 14px;
    right: 2.1rem
}
.form.blog-form .component-content .scfForm .scfSubmitButtonBorder input[type="submit"] {
    z-index: 100;
    height: 46px
}
#wrapper>#content .form.blog-form .component-content .scfForm .scfSubmitButtonBorder input[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 1rem
}
.form.blog-form .component-content .scfForm .scfSubmitSummary {
    color: #fff
}
.form .scfSectionContent .scfCaptchaGeneralPanel embed,
.login .scfSectionContent .scfCaptchaGeneralPanel embed {
    max-width: 180px
}
.form input[type="image"],
.login input[type="image"] {
    border: none
}
.form input[type="checkbox"],
.login input[type="checkbox"] {
    display: none
}
.form input[type="checkbox"]+label:before,
.login input[type="checkbox"]+label:before {
    display: block;
    content: " ";
    position: absolute;
    z-index: 1;
    width: 9px;
    height: 9px;
    left: -20px;
    top: 0;
    margin-right: 3px
}
.form input[type="checkbox"]:checked+label:before,
.login input[type="checkbox"]:checked+label:before {
    background: image-url("http://gsi-iran.com/bundles/css/checked.png") 0 0 no-repeat;
    background-position: -2px -2px
}
.form input[type="checkbox"]+label,
.login input[type="checkbox"]+label {
    position: relative;
    margin-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.form input[type="submit"],
.form button,
.login input[type="submit"],
.login button {
    font-weight: bold;
    background: #fff;
    cursor: pointer;
    margin-left: -1px
}
.form input[type="text"],
.form input[type="password"],
.form textarea,
.form input[type="file"],
.login input[type="text"],
.login input[type="password"],
.login textarea,
.login input[type="file"] {
    font-weight: bold;
    padding: 2px
}
.form input[type="file"],
.login input[type="file"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.form input[type="radio"],
.login input[type="radio"] {
    display: none
}
.form input[type="radio"]+label:before,
.login input[type="radio"]+label:before {
    content: "";
    position: absolute;
    top: 2px;
    display: block;
    width: 16px;
    height: 15px;
    background: image-url("http://gsi-iran.com/bundles/css/radiobox.png")
}
.form input[type="radio"]:checked+label:before,
.login input[type="radio"]:checked+label:before {
    background-position: -16px 0
}
.form input[type="radio"]+label,
.login input[type="radio"]+label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    margin-left: 5px;
    position: relative
}
.form .scfListBox,
.login .scfListBox {
    background: none;
    max-height: none
}
.form .scfDateSelectorDay,
.form .scfDateSelectorMonth,
.form .scfDateSelectorYear,
.login .scfDateSelectorDay,
.login .scfDateSelectorMonth,
.login .scfDateSelectorYear {
    width: 30%
}
#wrapper .generic-spot.slim .component-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}
#wrapper .generic-spot.slim .component-content .outer-pos-wrapper {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .generic-spot img {
    position: absolute;
    top: 2rem;
    max-width: 90%;
    max-height: 80%;
    width: auto;
    height: auto
}
#wrapper .generic-spot.move-img-right img {
    right: 0
}
#wrapper .generic-spot.move-img-right-90 img {
    right: 5%
}
#wrapper .generic-spot.move-img-left img {
    left: 0
}
#wrapper .generic-spot.move-img-left-90 img {
    left: 5%
}
#wrapper .generic-spot .component-content {
    position: relative;
    z-index: 1;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-color: inherit
}
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-dark,
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-white,
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-business {
    width: 6.5em;
    height: 6.5em;
    padding: 1em;
    margin: 2em 1em 1em 0
}
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-dark {
    background-color: #404040;
    color: #aaa
}
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-light {
    background-color: #fff;
    color: #aaa
}
#wrapper .generic-spot .component-content .generic-spot-text .generic-spot-fact-brand {
    background-color: #64a0c8;
    color: #fff
}
#wrapper .generic-spot.w10>.component-content .generic-spot-image img {
    max-width: 90%
}
#wrapper .generic-spot.w10.move-img-right-90>.component-content .generic-spot-image img,
#wrapper .generic-spot.w10.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 85%
}
#wrapper .generic-spot.w20>.component-content .generic-spot-image img {
    max-width: 80%
}
#wrapper .generic-spot.w20.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 75%
}
#wrapper .generic-spot.w20.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 75%
}
#wrapper .generic-spot.w30>.component-content .generic-spot-image img {
    max-width: 70%
}
#wrapper .generic-spot.w30.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 65%
}
#wrapper .generic-spot.w30.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 65%
}
#wrapper .generic-spot.w40>.component-content .generic-spot-image img {
    max-width: 60%
}
#wrapper .generic-spot.w40.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 55%
}
#wrapper .generic-spot.w40.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 55%
}
#wrapper .generic-spot.w50>.component-content .generic-spot-image img {
    max-width: 50%
}
#wrapper .generic-spot.w50.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 45%
}
#wrapper .generic-spot.w50.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 45%
}
#wrapper .generic-spot.w60>.component-content .generic-spot-image img {
    max-width: 40%
}
#wrapper .generic-spot.w60.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 35%
}
#wrapper .generic-spot.w60.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 35%
}
#wrapper .generic-spot.w70>.component-content .generic-spot-image img {
    max-width: 30%
}
#wrapper .generic-spot.w70.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 25%
}
#wrapper .generic-spot.w70.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 25%
}
#wrapper .generic-spot.w80>.component-content .generic-spot-image img {
    max-width: 20%
}
#wrapper .generic-spot.w80.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 15%
}
#wrapper .generic-spot.w80.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 15%
}
#wrapper .generic-spot.w90>.component-content .generic-spot-image img {
    max-width: 10%
}
#wrapper .generic-spot.w90.move-img-right-90>.component-content .generic-spot-image img {
    max-width: 5%
}
#wrapper .generic-spot.w90.move-img-left-90>.component-content .generic-spot-image img {
    max-width: 5%
}
#wrapper .generic-spot .component-content .outer-pos-wrapper {
    min-height: 100%;
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .generic-spot .component-content .outer-pos-wrapper:after {
    display: block;
    content: '';
    clear: both
}
#wrapper .generic-spot .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin-top: 7rem;
    margin-bottom: 7rem;
    float: left
}
#wrapper .generic-spot.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 3%;
    width: 100%
}
#wrapper .generic-spot.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 13%;
    width: 100%
}
#wrapper .generic-spot.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 23%;
    width: 100%
}
#wrapper .generic-spot.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 33%;
    width: 100%
}
#wrapper .generic-spot.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 43%;
    width: 100%
}
#wrapper .generic-spot.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 53%;
    width: 100%
}
#wrapper .generic-spot.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 63%;
    width: 100%
}
#wrapper .generic-spot.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 73%;
    width: 100%
}
#wrapper .generic-spot.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 83%;
    width: 100%
}
#wrapper .generic-spot.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: right
}
#wrapper .generic-spot.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin-left: auto;
    margin-right: auto;
    float: none
}
#wrapper .generic-spot.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin-top: 2rem;
    margin-bottom: 12rem
}
#wrapper .generic-spot.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin-top: 12rem;
    margin-bottom: 2rem
}
@media only screen and (max-width: 600px) {
    #wrapper .generic-spot #wrapper .component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: 2rem 0 2rem
    }
    #wrapper .generic-spot #wrapper .pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none
    }
    #wrapper .generic-spot #wrapper .w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot #wrapper .w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%
    }
    #wrapper .generic-spot #wrapper .w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute {
        position: static
    }
    #wrapper .generic-spot #wrapper .w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute,
    #wrapper .generic-spot #wrapper .w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper.absolute {
        margin: 2rem 0 2rem
    }
}
#wrapper .generic-spot.no-image-margin img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}
@media only screen and (min-width: 601px) {
    #wrapper .generic-spot.center-left .generic-spot-image,
    #wrapper .generic-spot.center-right .generic-spot-image {
        width: 50%;
        position: relative;
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    #wrapper .generic-spot.center-left .generic-spot-image img,
    #wrapper .generic-spot.center-right .generic-spot-image img {
        position: static;
        display: block
    }
    #wrapper .generic-spot.center-left .outer-pos-wrapper,
    #wrapper .generic-spot.center-right .outer-pos-wrapper {
        width: 25%;
        position: relative;
        text-align: left;
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    #wrapper .generic-spot.center-left .outer-pos-wrapper .inner-pos-wrapper,
    #wrapper .generic-spot.center-right .outer-pos-wrapper .inner-pos-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }
    #wrapper .generic-spot.center-left.no-image-margin,
    #wrapper .generic-spot.center-right.no-image-margin {
        padding-bottom: 0;
        padding-top: 0
    }
    #wrapper .generic-spot.center-left .generic-spot-image {
        float: left;
        text-align: right;
        right: 1em
    }
    #wrapper .generic-spot.center-left .outer-pos-wrapper {
        margin-left: 50%;
        left: 1em
    }
    #wrapper .generic-spot.center-right .generic-spot-image {
        float: right;
        left: 1em
    }
    #wrapper .generic-spot.center-right .outer-pos-wrapper {
        float: left;
        margin-left: 25%;
        right: 1em
    }
    #wrapper .generic-spot .w10>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w20>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w30>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w40>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w50>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w60>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w70>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w80>.component-content .generic-spot-image img,
    #wrapper .generic-spot .w90>.component-content .generic-spot-image img {
        max-width: 90%
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .generic-spot img {
        position: static
    }
    #wrapper .generic-spot.move-img-right img {
        float: right
    }
    #wrapper .generic-spot .component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: 1rem 5% 2rem
    }
    #wrapper .generic-spot.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none
    }
    #wrapper .generic-spot.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 90%
    }
    #wrapper .generic-spot.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #wrapper .generic-spot.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .generic-spot.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: 1rem 5% 2rem
    }
    #wrapper .w10>.component-content .generic-spot-image img,
    #wrapper .w20>.component-content .generic-spot-image img,
    #wrapper .w30>.component-content .generic-spot-image img,
    #wrapper .w40>.component-content .generic-spot-image img,
    #wrapper .w50>.component-content .generic-spot-image img,
    #wrapper .w60>.component-content .generic-spot-image img,
    #wrapper .w70>.component-content .generic-spot-image img,
    #wrapper .w80>.component-content .generic-spot-image img,
    #wrapper .w90>.component-content .generic-spot-image img {
        max-width: 90%
    }
}
#map-canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-left: 24em;
    width: auto;
    height: 100%
}
#map-canvas>div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
#map-canvas #iw-container .iw-title {
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    padding: 10px;
    background-color: #64a0c8;
    color: #fff;
    margin: 1px;
    border-radius: 2px 2px 0 0
}
#map-canvas .gm-style .gm-style-iw div {
    overflow: hidden!important
}
#map-canvas img {
    max-width: none
}
#wrapper .hearing-center-locator {
    position: relative;
    z-index: 2;
    height: 70vh;
    position: relative;
    padding: 0;
    background-color: #e4e4e4
}
#wrapper .hearing-center-locator>div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .hearing-center-locator {
        height: 716.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .hearing-center-locator {
        height: 537.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .hearing-center-locator {
        height: 336px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .hearing-center-locator {
        height: 224px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .hearing-center-locator {
        height: 397.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .hearing-center-locator {
        height: 224px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .hearing-center-locator {
        height: 466.9px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .hearing-center-locator {
        height: 262.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .hearing-center-locator {
        height: 515.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .hearing-center-locator {
        height: 289.8px
    }
}
#wrapper .hearing-center-locator .component-content {
    position: relative;
    overflow: hidden;
    height: 70vh
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .component-content {
        height: 716.8px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .component-content {
        height: 537.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .component-content {
        height: 336px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .component-content {
        height: 224px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .component-content {
        height: 397.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .component-content {
        height: 224px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .component-content {
        height: 466.9px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .component-content {
        height: 262.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .component-content {
        height: 515.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .component-content {
        height: 289.8px
    }
}
#wrapper .hearing-center-locator .result {
    max-height: calc(70vh - 5.3em);
    width: 24em;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(716.8px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(537.6px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(336px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(224px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(397.6px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(224px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(466.9px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(262.5px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(515.2px - 5.3em)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .hearing-center-locator .result {
        max-height: calc(289.8px - 5.3em)
    }
}
#wrapper .hearing-center-locator .result .clinic-content {
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    padding: 1.2em 3.2em 1.2em 1.8em;
    position: relative;
    transition: .2s, ease;
    height: 3em
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-name {
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    color: inherit;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-address {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f7f7f
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-distance {
    line-height: 1;
    margin-top: -11px;
    position: absolute;
    bottom: .5em;
    right: 4em;
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open {
    background-color: #7f7f7f;
    color: #fff
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open:before {
    background-color: #7f7f7f
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open:after {
    color: #fff
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open:before {
    background-color: #64a0c8
}
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open .clinic-address,
#wrapper .hearing-center-locator .result .clinic-content .clinic-content.open .clinic-name {
    color: #fff
}
#wrapper .hearing-center-locator .result .clinic-content:before {
    content: '';
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    width: .5em;
    height: 100%;
    position: absolute;
    background-color: #7f7f7f;
    z-index: 0;
    top: 0
}
#wrapper .hearing-center-locator .result .clinic-content:after {
    font-family: "Oticon-icon-www";
content: '';    position: absolute;
    right: .5em;
    top: .8em;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    color: #7f7f7f;
    font-size: 1.5em
}
#wrapper .hearing-center-locator .result .clinic-content:hover {
    background-color: #7f7f7f;
    color: #fff
}
#wrapper .hearing-center-locator .result .clinic-content:hover .clinic-address {
    color: #fff
}
#wrapper .hearing-center-locator .result .clinic-content:hover .clinic-name {
    color: #fff
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open {
    background-color: #7f7f7f;
    color: #fff
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open:before {
    background-color: #7f7f7f
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open:after {
    color: #fff
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open:before {
    background-color: #7f7f7f
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open * {
    background-color: #7f7f7f;
    color: #fff
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content.open .clinic-address {
    display: block;
    color: #fff
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content:after {
content: '';    top: 1.5em
}
#wrapper .hearing-center-locator .result:not(.mobile-view) .clinic-content:hover:after {
    color: #fff
}
#wrapper .hearing-center-locator .single-clinic {
    width: 20em;
    margin: 0;
    display: block;
    background-color: #fff;
    padding: 1.2em 0 1.2em 1.8em;
    position: relative;
    top: -10px;
    font-size: 1.2em
}
#wrapper .hearing-center-locator .single-clinic>div:not(.clinic-cta),
#wrapper .hearing-center-locator .single-clinic>a {
    display: block
}
#wrapper .hearing-center-locator .single-clinic>div:not(.clinic-cta).hide,
#wrapper .hearing-center-locator .single-clinic>a.hide {
    display: none
}
#wrapper .hearing-center-locator .single-clinic:before {
    content: '';
    left: .7rem;
    top: 0;
    width: 2px;
    height: 3rem;
    position: absolute;
    background-color: #64a0c8;
    z-index: 0
}
#wrapper .hearing-center-locator .single-clinic .clinic-cta.button {
    margin-top: .5em;
    cursor: pointer
}
#wrapper .hearing-center-locator .single-clinic .clinic-hp {
    cursor: pointer
}
#wrapper .hearing-center-locator .single-clinic .clinic-name {
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 .45em 0;
    color: #404040;
    line-height: 1.4
}
#wrapper .hearing-center-locator .single-clinic .clinic-distance {
    margin-top: .5em
}
#wrapper .hearing-center-locator.mobile-view .clinic-content.open {
    background-color: #fff
}
#wrapper .hearing-center-locator.mobile-view .clinic-content.open .single-clinic div {
    color: #404040
}
#wrapper .hearing-center-locator .result {
    position: relative;
    background-color: #e4e4e4
}
#wrapper .hearing-center-locator .result.mobile-view {
    overflow-y: visible;
    max-height: none;
    height: auto
}
#wrapper .hearing-center-locator .map-nav-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 0
}
#wrapper .hearing-center-locator .map-nav-container .map-nav-content {
    height: 0;
    margin: 0
}
#wrapper .hearing-center-locator .map-nav-container .map-top-nav {
    width: 24em;
    background-color: #e4e4e4
}
#wrapper .hearing-center-locator .map-nav-container .map-top-nav .icon {
    cursor: pointer;
    position: absolute;
    padding: .3em;
    font-size: 1.5em
}
#wrapper .hearing-center-locator .map-nav-container .market-selector {
    display: none
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control {
    position: absolute;
    right: 20px;
    top: 20px
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div {
    width: 50px;
    height: 50px;
    position: relative;
    background-color: rgba(255, 255, 255, .9);
    cursor: pointer;
    margin: 0;
    display: inline-block
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: "Oticon-icon-www";
    font-size: 1.8em;
    text-align: center
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div.locate {
    display: none
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div.locate:after {
    content: 'L'
}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div.zoom-in:after {
content: '';}
#wrapper .hearing-center-locator .map-nav-container .zoom.control>div.zoom-out:after {
content: '';}
#wrapper .hearing-center-locator .map-result-tell {
    width: 24em;
    display: none
}
#wrapper .hearing-center-locator .map-result-tell.show {
    display: block
}
#wrapper .hearing-center-locator .map-result-tell .back-div {
    display: none
}
#wrapper .hearing-center-locator .map-result-tell .back-div.show {
    display: block;
    position: absolute;
    bottom: 1em
}
#wrapper .hearing-center-locator .map-result-tell .back-div .icon {
    cursor: pointer
}
#wrapper .hearing-center-locator .search {
    position: relative;
    padding: 1em;
    cursor: pointer
}
#wrapper .hearing-center-locator .search input.search-field {
    padding-right: 2.5em
}
#wrapper .hearing-center-locator .search .search-icon::after {
content: '';    font-family: "Oticon-icon-www";
    top: 0;
    right: .4em;
    font-size: 1.3em;
    color: inherit;
    padding: 1.5em;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    color: #7f7f7f
}
#wrapper .hearing-center-locator .no-results-message,
#wrapper .hearing-center-locator .technical-error-message {
    padding: 0 1em 1em 1.8em;
    color: #64a0c8;
    margin-top: -.2em
}
#wrapper .hearing-center-locator .search-button {
    display: none!important
}
#wrapper .hearing-center-locator .result.mobile-view .clinic-content>.clinic-distance,
#wrapper .hearing-center-locator .result.mobile-view .clinic-content>.clinic-name,
#wrapper .hearing-center-locator .result.mobile-view .clinic-content>.clinic-address {
    display: block
}
#wrapper .hearing-center-locator .result.mobile-view .clinic-content .single-clinic {
    top: 0;
    color: #7f7f7f
}
#wrapper .hearing-center-locator .result.mobile-view .clinic-content.open {
    padding: 0;
    margin: 0
}
#wrapper .hearing-center-locator .result.mobile-view .clinic-content.open>.clinic-distance,
#wrapper .hearing-center-locator .result.mobile-view .clinic-content.open>.clinic-name,
#wrapper .hearing-center-locator .result.mobile-view .clinic-content.open>.clinic-address {
    display: none;
    color: #7f7f7f
}
#wrapper .hearing-center-locator .result.mobile-view .clinic-content.open>.clinic-address {
    color: #7f7f7f
}
@media only screen and (max-width: 800px) {
    #wrapper .hearing-center-locator {
        height: initial
    }
    #wrapper .hearing-center-locator .component-content {
        height: initial
    }
    #wrapper .hearing-center-locator .component-content .map-nav-container {
        position: static;
        height: initial
    }
    #wrapper .hearing-center-locator .component-content .map-nav-container .map-nav-content {
        height: initial
    }
    #wrapper .hearing-center-locator .hearing-center-locator,
    #wrapper .hearing-center-locator .clinic-content,
    #wrapper .hearing-center-locator .map-top-nav,
    #wrapper .hearing-center-locator .search,
    #wrapper .hearing-center-locator .result,
    #wrapper .hearing-center-locator .single-clinic {
        width: 100%;
        margin: 0
    }
    #wrapper .hearing-center-locator .map-result-tell {
        width: 100%;
        margin: 0;
        padding: 0
    }
    #wrapper .hearing-center-locator .map-result-tell .single-clinic span {
        right: 2em
    }
    #wrapper .hearing-center-locator .zoom.control {
        display: none
    }
    #wrapper .hearing-center-locator .result {
        overflow-y: hidden
    }
    #wrapper .hearing-center-locator .result .clinic-content>.clinic-distance {
        right: 7em!important
    }
    #wrapper #map-canvas {
        margin-top: -8000px;
        display: none
    }
}
#wrapper .image.component.center-image {
    text-align: center
}
#wrapper .image.component a {
    display: inline-block;
    max-width: 100%
}
#wrapper .image.component .image-caption {
    display: block;
    font-style: italic;
    font-size: 11px
}
#wrapper .image-spot .image-spot-elements .image-spot-element-text,
#wrapper .image-spot .image-spot-elements .image-spot-element-header {
    max-width: 80%;
    margin: auto
}
#wrapper .image-spot {
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat
}
#wrapper .image-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .image-spot .component-content {
    overflow: hidden
}
#wrapper .image-spot .component-content .image-spot-element-context {
    clear: both;
    display: none;
    width: 68.75rem;
    max-width: 90vw
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 691.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 921.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 288px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 432px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 288px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 511.2px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 337.5px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 600.3px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 372.6px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .image-spot .component-content .image-spot-element-context {
        max-width: 662.4px
    }
}
#wrapper .image-spot .component-content .image-spot-element-context-content {
    width: 100%;
    text-align: center;
    border-top: 2px solid #061922;
    padding-top: 2rem
}
#wrapper .image-spot .component-content .image-spot-element-context-selector {
    background-color: #061922;
    width: 2px;
    height: 20px;
    position: relative;
    left: 50px
}
#wrapper .image-spot .component-content .context-container {
    clear: both;
    margin-top: 1rem
}
#wrapper .image-spot .image-spot-elements {
    text-align: center;
    position: relative;
    padding: 0
}
#wrapper .image-spot .image-spot-elements .image-spot-element-text {
    margin-bottom: 1em
}
#wrapper .image-spot .image-spot-elements .image-spot-element-text * {
    margin: 0
}
#wrapper .image-spot .image-spot-elements .image-spot-element-image {
    display: block;
    padding: 0 0 1.3em 0;
    overflow: hidden;
    position: relative
}
#wrapper .image-spot .image-spot-elements .image-spot-element-header {
    margin-top: 1em;
    line-height: 1em;
    margin-bottom: .5em;
    display: block
}
#wrapper .image-spot .image-spot-elements .image-spot-element-header * {
    margin: 0
}
#wrapper .image-spot.round-spot .image-spot-element-image {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all, .2s;
    position: relative;
    height: auto
}
#wrapper .image-spot.round-spot .image-spot-element-image img {
    display: inline-block;
    border-radius: 50%;
    transition: all, .2s;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}
#wrapper .image-spot.round-spot .image-spot-element-image:hover img {}#wrapper .image-spot.square-spot {
    box-sizing: border-box
}
#wrapper .image-spot.square-spot .image-spot-element-image img {
    display: inline-block;
    border-bottom: 8px solid #64a0c8;
    box-sizing: border-box;
    transition: all .2s linear
}
#wrapper .image-spot.square-spot .image-spot-element-image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-bottom: 8px solid transparent
}
#wrapper .image-spot .image-spot-element {
    padding: 0 0 .1em .8em;
    box-sizing: border-box
}
#wrapper .image-spot .image-spot-element:first-child {
    padding: 0  0 0 .8em;
}
#wrapper .image-spot .image-spot-element:last-child {
    padding: 0 0 0 .8em
}
#wrapper .image-spot.has-active .image-spot-elements .image-spot-element.active {
    color: #64a0c8
}
#wrapper .image-spot.has-active .image-spot-elements .image-spot-element.active .image-spot-element-image img {
    background-color: #64a0c8
}
#wrapper .image-spot.slim .component-content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .image-spot.accordion {
    overflow: hidden
}
#wrapper .image-spot.accordion .component-content .image-spot-elements {
    text-align: inherit
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) {
    clear: both;
    float: none;
    margin-bottom: 2rem;
    position: relative;
    padding: 0;
    width: 100%
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-header {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.11rem;
    line-height: 1;
    border-bottom: 4px solid #9ec3de;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: left;
    padding: 0 0 .33333rem;
    margin: 0;
    max-width: none;
    text-align: left;
    color: #64a0c8;
    padding: .5rem 0;
    border-bottom: thin solid #64a0c8;
    margin-bottom: 2rem;
    cursor: pointer
}
@media only screen and (min-width: 768px) {
    #wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-header {
        font-size: 1.44rem;
        line-height: 1.3
    }
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .spacer,
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .mask {
    display: none
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-image {
    margin-bottom: 1rem
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-content {
    position: absolute;
    left: 200%;
    opacity: 0
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-text {
    margin: 0;
    max-width: none
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n) .image-spot-element-text * {
    margin: 0
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n).open {
    margin-bottom: 3rem
}
#wrapper .image-spot.accordion .component-content li.image-spot-element:nth-child(n).open .image-spot-element-content {
    position: relative;
    left: 0;
    opacity: 1
}
@media only screen and (min-width: 992px) {
    #wrapper .image-spot.accordion .component-content .image-spot-element .spacer {
        display: block;
        width: 0;
        float: left
    }
    #wrapper .image-spot.accordion .component-content .image-spot-element .image-spot-element-image {
        float: left;
        clear: left;
        margin: 0 1rem 0 0
    }
    #wrapper .image-spot.accordion .component-content .image-spot-element .image-spot-element-content {
        transition: opacity 600ms ease-in
    }
    #wrapper .image-spot.accordion .component-content .image-spot-element .image-spot-element-content .mask {
        position: absolute;
        top: -1rem;
        left: 0;
        bottom: -2rem;
        right: 0;
        background-color: #fff;
        transition: top 450ms ease-in, left 450ms ease-in
    }
    #wrapper .image-spot.accordion .component-content .image-spot-element.open .mask {
        left: 100%
    }
    #wrapper .image-spot.accordion.image-right .component-content .image-spot-element .spacer,
    #wrapper .image-spot.accordion.image-right .component-content .image-spot-element .image-spot-element-image {
        float: right
    }
    #wrapper .image-spot.accordion.image-right .component-content .image-spot-element .image-spot-element-image {
        clear: right;
        margin: 1rem 0 0 1rem
    }
}
@media only screen and (min-width: 601px) {
    #wrapper .image-spot .component-content>ul {}#wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(1) {
        width: 100%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(2),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(2)~li {
        width: 50%;
        float: right;
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(3),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(3)~li {
        width: 33.3333%;
        float: right;
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(4),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(4)~li {
        width: 25%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(5),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(5)~li {
        width: 20%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(6),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(6)~li {
        width: 16.6666%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(7),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(7)~li {
        width: 14.2857%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(8),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(8)~li {
        width: 12.5%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(9),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(9)~li {
        width: 11.1111%;
        float: left
    }
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(10),
    #wrapper .image-spot .component-content>ul>li:first-child:nth-last-child(10)~li {
        width: 10%;
        float: left
    }
    #wrapper .image-spot .component-content .image-spot-element-context {
        display: none!important
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .image-spot .component-content>ul>li {
        width: 100%;
        margin-bottom: 3rem;
        float: none
    }
    #wrapper .image-spot .component-content>ul>li:last-child {
        margin-bottom: 0
    }
    #wrapper .image-spot .component-content>ul .image-spot-element {
        padding: 0
    }
    #wrapper .image-spot.no-stack .component-content>ul {}#wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(1) {
        width: 100%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(2),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(2)~li {
        width: 50%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(3),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(3)~li {
        width: 33.3333%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(4),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(4)~li {
        width: 25%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(5),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(5)~li {
        width: 20%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(6),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(6)~li {
        width: 16.6666%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(7),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(7)~li {
        width: 14.2857%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(8),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(8)~li {
        width: 12.5%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(9),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(9)~li {
        width: 11.1111%;
        float: left
    }
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(10),
    #wrapper .image-spot.no-stack .component-content>ul>li:first-child:nth-last-child(10)~li {
        width: 10%;
        float: left
    }
    #wrapper .image-spot.no-mobile-image .image-spot-element-image {
        display: none
    }
    #wrapper .image-spot:not(.no-stack) {
        background-image: none!important
    }
    #wrapper .image-spot:not(.no-stack) .context-container {
        display: none!important
    }
    #wrapper .image-spot-element-link a {
        margin-top: 0;
        margin-bottom: 4em
    }
}
#wrapper .intro-banner {
    padding: 0;
    margin: 0;
    width: 100%!important;
    max-width: 100%!important;
    position: relative;
    overflow: hidden
}
#wrapper .intro-banner .component-content {
    position: relative
}
#wrapper .intro-banner .intro-banner-image {
    display: none
}
#wrapper .intro-banner .intro-banner-image img {
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    display: block
}
#wrapper .intro-banner .intro-banner-video {
    width: 100%;
    height: auto
}
#wrapper .intro-banner .intro-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
#wrapper .intro-banner .intro-banner-content .intro-banner-text>*:first-child {
    margin-top: 0;
    padding-top: 0
}
#wrapper .intro-banner.img-fallback .intro-banner-image {
    display: inherit
}
#wrapper .intro-banner.img-fallback .intro-banner-video {
    display: none
}
#wrapper .intro-banner.img-fallback .intro-banner-video-external {
    display: none
}
#wrapper .intro-banner .sticky-downlink {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}
#wrapper .intro-banner .sticky-downlink p {
    margin-bottom: 0;
    margin-top: 0
}
#wrapper .intro-banner .sticky-downlink a {
    margin-bottom: 2rem;
    margin-top: 0
}
#wrapper .intro-banner.slim .component-content {
    width: 100%;
    max-width: 100%;
    margin: 0
}
#wrapper .intro-banner.slim .component-content .outer-pos-wrapper {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .intro-banner:not(.has-list-spot) .intro-banner-list-spot-container {
    display: none
}
#wrapper .intro-banner.has-list-spot .intro-banner-list-spot-container {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 27.5rem;
    max-width: 36%;
    -webkit-transform: translateX(6.875rem);
    -ms-transform: translateX(6.875rem);
    transform: translateX(6.875rem);
    color: #061922!important
}
#wrapper .intro-banner.has-list-spot .intro-banner-list-spot-container .intro-banner-list-spot-content {
    box-sizing: border-box;
    border-left: 1em solid #64a0c8;
    background-color: rgba(255, 255, 255, .9);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 3rem;
    right: 0
}
#wrapper .intro-banner.has-list-spot .intro-banner-list-spot-container .intro-banner-list-spot-content ul {
    padding: 0
}
#wrapper .intro-banner.has-list-spot .intro-banner-list-spot-container .intro-banner-list-spot-content ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}
#wrapper .intro-banner.has-list-spot .intro-banner-list-spot-container .intro-banner-list-spot-content ul li:last-child *:last-child {
    margin-bottom: 0
}
#wrapper .intro-banner .intro-banner-text {
    display: inline-block;
    width: 100%
}
#wrapper .intro-banner.wide-image .component-content .intro-banner-image img {
    height: auto;
    width: 100%
}
#wrapper .intro-banner.tall-image .component-content .intro-banner-image img {
    height: 100%;
    width: auto
}
#wrapper .intro-banner.wide-video .component-content .intro-banner-video {
    height: auto;
    width: 100%
}
#wrapper .intro-banner.tall-video .component-content .intro-banner-video {
    height: 100%;
    width: auto
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .intro-banner-content,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .intro-banner-link,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .sticky-downlink {
    position: static
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .sticky-downlink {
    display: none
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: 1rem 5% 2rem
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: none
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 90%
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: 1rem 5% 2rem
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper {
    width: 68.75rem!important;
    max-width: 90%!important
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper>* {
    margin-bottom: 0
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 100%!important;
    width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    color: #000;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper>.inner-pos-wrapper .intro-banner-text * {
    margin-top: 0;
    margin-bottom: 1rem
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .component-content .outer-pos-wrapper>.inner-pos-wrapper .intro-banner-text *:first-child:not(li):not(a) {
    margin-top: 1rem
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).has-list-spot .intro-banner-list-spot-container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    position: static
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).has-list-spot .intro-banner-list-spot-container .intro-banner-list-spot-content {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 2rem
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .intro-banner-text td {
    width: 100%!important;
    display: block
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .intro-banner-text li {
    text-align: left
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-right,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-down {
    font-size: 1.8em;
    width: 1em;
    height: 1em;
    line-height: 1;
    border: 3px solid #404040;
    display: inline-block;
    overflow: hidden;
    color: #404040;
    padding: .4em;
    border-radius: 50%;
    position: relative;
    margin: .7em auto
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-right:hover,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-down:hover {
    background-color: #404040;
    color: #fff
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-right span,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-down span {
    font-family: "Oticon-icon-www";
    color: #404040;
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: .1em;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: auto;
    -webkit-animation: cta-down .4s;
    animation: cta-down .4s
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-right:hover span,
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) a.disc-down:hover span {
    color: #fff;
    -webkit-animation: cta-down-hover .4s;
    animation: cta-down-hover .4s
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile) .intro-banner-link a {
    color: #64a0c8!important
}
#wrapper .intro-banner.content-overflow:not(.hide-text-mobile).hide-image-mobile .intro-banner-image {
    display: none
}
#wrapper .intro-banner.content-overflow.hide-text-mobile .intro-banner-content {
    display: none
}
#wrapper .intro-banner .component-content .outer-pos-wrapper {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    min-height: 100%
}
#wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    width: 100%
}
#wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 10%;
    width: 10%
}
#wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 20%;
    width: 20%
}
#wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 30%;
    width: 30%
}
#wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 40%;
    width: 40%
}
#wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 50%;
    width: 50%
}
#wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 60%;
    width: 60%
}
#wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 70%;
    width: 70%
}
#wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 80%;
    width: 80%
}
#wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 90%;
    width: 90%
}
#wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: none;
    left: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}
#wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    left: inherit
}
#wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: none;
    right: 0
}
#wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 45%
}
#wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 40%
}
#wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 35%
}
#wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 30%
}
#wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 25%
}
#wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 20%
}
#wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 15%
}
#wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 10%
}
#wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 5%
}
#wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    padding: 0;
    top: 2rem;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit
}
#wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    padding: 0;
    bottom: 2rem;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit
}
@media only screen and (max-width: 1150px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 19%;
        width: 19%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 28%;
        width: 28%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 37%;
        width: 37%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 46%;
        width: 46%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 55%;
        width: 55%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 64%;
        width: 64%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 73%;
        width: 73%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 82%;
        width: 82%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 91%;
        width: 91%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 40.5%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 36%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 31.5%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 27%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 22.5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 18%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 13.5%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 9%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4.5%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 1100px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 28%;
        width: 28%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 36%;
        width: 36%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 44%;
        width: 44%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 52%;
        width: 52%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 60%;
        width: 60%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 68%;
        width: 68%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 76%;
        width: 76%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 84%;
        width: 84%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 92%;
        width: 92%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 36%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 32%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 28%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 24%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 20%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 16%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 12%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 8%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 1050px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 37%;
        width: 37%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 44%;
        width: 44%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 51%;
        width: 51%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 58%;
        width: 58%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 65%;
        width: 65%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 72%;
        width: 72%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 79%;
        width: 79%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 86%;
        width: 86%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 93%;
        width: 93%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 31.5%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 28%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 24.5%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 21%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 17.5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 14%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 10.5%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 7%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3.5%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 1000px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 46%;
        width: 46%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 52%;
        width: 52%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 58%;
        width: 58%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 64%;
        width: 64%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 70%;
        width: 70%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 76%;
        width: 76%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 82%;
        width: 82%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 88%;
        width: 88%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 94%;
        width: 94%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 27%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 24%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 21%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 18%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 15%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 12%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 9%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 6%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 950px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 55%;
        width: 55%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 60%;
        width: 60%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 65%;
        width: 65%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 70%;
        width: 70%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 75%;
        width: 75%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 80%;
        width: 80%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 85%;
        width: 85%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 90%;
        width: 90%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 95%;
        width: 95%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 22.5%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 20%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 17.5%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 15%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 12.5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 10%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 7.5%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 5%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 2.5%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 900px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 64%;
        width: 64%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 68%;
        width: 68%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 72%;
        width: 72%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 76%;
        width: 76%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 80%;
        width: 80%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 84%;
        width: 84%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 88%;
        width: 88%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 92%;
        width: 92%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 96%;
        width: 96%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 18%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 16%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 14%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 12%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 10%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 8%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 6%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 2%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 950px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 73%;
        width: 73%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 76%;
        width: 76%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 79%;
        width: 79%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 82%;
        width: 82%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 85%;
        width: 85%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 88%;
        width: 88%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 91%;
        width: 91%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 94%;
        width: 94%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 97%;
        width: 97%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 13.5%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 12%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 10.5%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 9%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 7.5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 6%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4.5%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 1.5%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 800px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 82%;
        width: 82%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 84%;
        width: 84%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 86%;
        width: 86%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 88%;
        width: 88%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 90%;
        width: 90%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 92%;
        width: 92%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 94%;
        width: 94%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 96%;
        width: 96%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 98%;
        width: 98%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 9%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 8%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 7%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 6%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 2%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 1%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 750px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 91%;
        width: 91%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 92%;
        width: 92%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 93%;
        width: 93%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 94%;
        width: 94%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 95%;
        width: 95%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 96%;
        width: 96%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 97%;
        width: 97%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 98%;
        width: 98%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 99%;
        width: 99%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4.5%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 4%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3.5%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 3%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 2.5%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 2%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 1.5%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 1%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto .5%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
@media only screen and (max-width: 700px) {
    #wrapper .intro-banner .component-content .outer-pos-wrapper {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        min-height: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        width: 100%
    }
    #wrapper .intro-banner.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        max-width: 100%;
        width: 100%
    }
    #wrapper .intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        left: 0;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
    #wrapper .intro-banner.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        left: inherit
    }
    #wrapper .intro-banner.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        float: none;
        right: 0
    }
    #wrapper .intro-banner.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        margin: auto 0%
    }
    #wrapper .intro-banner.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        top: 2rem;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #wrapper .intro-banner.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
        padding: 0;
        bottom: 2rem;
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}
#wrapper .intro-banner.force-width .component-content .outer-pos-wrapper {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    min-height: 100%
}
#wrapper .intro-banner.force-width .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    width: 100%
}
#wrapper .intro-banner.force-width.w10>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 10%;
    width: 10%
}
#wrapper .intro-banner.force-width.w20>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 20%;
    width: 20%
}
#wrapper .intro-banner.force-width.w30>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 30%;
    width: 30%
}
#wrapper .intro-banner.force-width.w40>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 40%;
    width: 40%
}
#wrapper .intro-banner.force-width.w50>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 50%;
    width: 50%
}
#wrapper .intro-banner.force-width.w60>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 60%;
    width: 60%
}
#wrapper .intro-banner.force-width.w70>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 70%;
    width: 70%
}
#wrapper .intro-banner.force-width.w80>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 80%;
    width: 80%
}
#wrapper .intro-banner.force-width.w90>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    max-width: 90%;
    width: 90%
}
#wrapper .intro-banner.force-width .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: none;
    left: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}
#wrapper .intro-banner.force-width.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper,
#wrapper .intro-banner.force-width.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    left: inherit
}
#wrapper .intro-banner.force-width.pos-right>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    float: none;
    right: 0
}
#wrapper .intro-banner.force-width.w10.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 45%
}
#wrapper .intro-banner.force-width.w20.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 40%
}
#wrapper .intro-banner.force-width.w30.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 35%
}
#wrapper .intro-banner.force-width.w40.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 30%
}
#wrapper .intro-banner.force-width.w50.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 25%
}
#wrapper .intro-banner.force-width.w60.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 20%
}
#wrapper .intro-banner.force-width.w70.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 15%
}
#wrapper .intro-banner.force-width.w80.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 10%
}
#wrapper .intro-banner.force-width.w90.pos-center>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: auto 5%
}
#wrapper .intro-banner.force-width.pos-top>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    padding: 0;
    top: 2rem;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit
}
#wrapper .intro-banner.force-width.pos-bottom>.component-content .outer-pos-wrapper>.inner-pos-wrapper {
    padding: 0;
    bottom: 2rem;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit
}
@media screen and (min-width: 1025px) {
    #wrapper .intro-banner.semi-full-height {
        height: 90vh
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .intro-banner.semi-full-height {
        height: 921.6px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .intro-banner.semi-full-height {
        height: 691.2px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .intro-banner.semi-full-height {
        height: 432px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .intro-banner.semi-full-height {
        height: 288px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .intro-banner.semi-full-height {
        height: 511.2px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .intro-banner.semi-full-height {
        height: 288px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .intro-banner.semi-full-height {
        height: 600.3px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .intro-banner.semi-full-height {
        height: 337.5px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .intro-banner.semi-full-height {
        height: 662.4px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .intro-banner.semi-full-height {
        height: 372.6px
    }
}
@media screen and (min-width: 1025px) {
    #wrapper .intro-banner.full-height {
        height: 100vh
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: portrait) {
    #wrapper .intro-banner.full-height {
        height: 1024px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 768px)and (device-height: 1024px)and (orientation: landscape) {
    #wrapper .intro-banner.full-height {
        height: 768px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: portrait) {
    #wrapper .intro-banner.full-height {
        height: 480px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 480px)and (orientation: landscape) {
    #wrapper .intro-banner.full-height {
        height: 320px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: portrait) {
    #wrapper .intro-banner.full-height {
        height: 568px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 320px)and (device-height: 568px)and (orientation: landscape) {
    #wrapper .intro-banner.full-height {
        height: 320px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: portrait) {
    #wrapper .intro-banner.full-height {
        height: 667px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 375px)and (device-height: 667px)and (orientation: landscape) {
    #wrapper .intro-banner.full-height {
        height: 375px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: portrait) {
    #wrapper .intro-banner.full-height {
        height: 736px
    }
}
@media only screen and (min-width: 1025px)and (-webkit-min-device-pixel-ratio: 1)and (device-width: 414px)and (device-height: 736px)and (orientation: landscape) {
    #wrapper .intro-banner.full-height {
        height: 414px
    }
}
@media screen and (min-width: 1025px) {
    #wrapper .intro-banner.semi-full-height .component-content,
    #wrapper .intro-banner.full-height .component-content {
        height: 100%
    }
    #wrapper .intro-banner.semi-full-height .component-content .intro-banner-image,
    #wrapper .intro-banner.full-height .component-content .intro-banner-image {
        height: 100%
    }
    #wrapper .intro-banner.semi-full-height .component-content .intro-banner-image img,
    #wrapper .intro-banner.full-height .component-content .intro-banner-image img {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50.01%);
        -ms-transform: translateX(-50.01%);
        transform: translateX(-50.01%);
        max-width: none;
        bottom: 0
    }
    #wrapper .intro-banner.semi-full-height .component-content .intro-banner-video,
    #wrapper .intro-banner.full-height .component-content .intro-banner-video {
        height: 100%;
        width: auto;
        position: relative;
        left: 50%;
        -webkit-transform: translatex(-50.01%);
        -ms-transform: translatex(-50.01%);
        transform: translatex(-50.01%)
    }
}
#wrapper>#content .component.job-details {
    padding: 0;
    margin: 0;
    width: 100%!important;
    max-width: 100%!important;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f5f5f5
}
#wrapper>#content .component.job-details .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper>#content .component.job-details .component-content .job-details-content {
    padding-right: 6em;
    display: table-cell;
    margin-bottom: 2rem;
    line-height: 1.5
}
#wrapper>#content .component.job-details .component-content .job-details-content strong {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.12rem;
    color: #061922;
    text-align: left;
    padding: 0;
    margin: 0 0 .55556rem;
    position: relative;
    margin-bottom: 0;
    display: block
}
#wrapper>#content .component.job-details .component-content .job-details-content a strong {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    padding: inherit;
    margin: inherit;
    line-height: inherit;
    color: inherit;
    display: inline
}
#wrapper>#content .component.job-details .component-content .job-details-content ul {
    list-style: disc inside
}
#wrapper>#content .component.job-details .component-content .right-content {
    float: right;
    width: 19em
}
#wrapper>#content .component.job-details .component-content .job-details-facts {
    border-left: 6px solid #64a0c8;
    background-color: #fff;
    margin-bottom: 2em;
    padding-bottom: 2em
}
#wrapper>#content .component.job-details .component-content .job-details-facts img {
    width: 100%;
    height: auto
}
#wrapper>#content .component.job-details .component-content .job-details-facts .fact-key {
    clear: both;
    float: left;
    margin-left: 2em;
    margin-bottom: 1.5em
}
#wrapper>#content .component.job-details .component-content .job-details-facts .fact-value {
    float: right;
    margin-right: 2em
}
#wrapper>#content .component.job-details .component-content .job-details-facts h2 {
    margin-left: .66em;
    margin-top: .5em
}
#wrapper>#content .component.job-details .component-content .button {
    width: 100%;
    box-sizing: border-box
}
@media only screen and (max-width: 600px) {
    #wrapper>#content .component.job-details .component-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #wrapper>#content .component.job-details .component-content .right-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
    #wrapper>#content .component.job-details .component-content .job-details-facts {
        border-left: none;
        border-top: 6px solid #64a0c8
    }
    #wrapper>#content .component.job-details .component-content .job-details-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 0
    }
}
#wrapper .job-list-spot {
    padding-top: 2rem;
    padding-bottom: 2rem
}
#wrapper .job-list-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .job-list-spot .component-content ul {
    padding: 0
}
#wrapper .job-list-spot .component-content ul li {
    background-color: #f5f5f5;
    padding: 2em 0 2em 2.4em;
    margin-bottom: 1rem;
    border-left: .6em solid #64a0c8
}
#wrapper .job-list-spot .component-content ul li h3 {
    margin: 0 0 1em 0
}
#wrapper .job-list-spot .component-content ul li img {
    width: 1.357em;
    margin: 0 .5em 0 1px;
    height: auto;
    display: inline-block;
    vertical-align: middle
}
#wrapper .job-list-spot .component-content ul li .location {
    display: inline-block;
    vertical-align: middle
}
#wrapper .job-list-spot .component-content ul li a {
    margin-top: 2em
}
#wrapper .lattice-spot .lattice-spot-item {
    max-width: 50%;
    width: 100%;
    float: left
}
#wrapper .lattice-spot .lattice-spot-item .lattice-spot-text,
#wrapper .lattice-spot .lattice-spot-item .lattice-spot-image {
    max-width: 50%;
    width: 100%;
    height: 100%
}
#wrapper .lattice-spot .lattice-spot-item .lattice-spot-text {
    background-color: #f5f5f5;
    padding: 2rem;
    position: relative;
    box-sizing: border-box
}
#wrapper .lattice-spot .lattice-spot-item .lattice-spot-image {
    background-position: center center;
    background-size: cover
}
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+1) .lattice-spot-text,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+1) .lattice-spot-image,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+2) .lattice-spot-text,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+2) .lattice-spot-image {
    float: left
}
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+1) .lattice-spot-text::before,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+2) .lattice-spot-text::before {
    border-bottom: 12px solid transparent;
    border-left: 12px solid #f5f5f5;
    border-top: 12px solid transparent;
    border-right: none;
    content: "";
    height: 0;
    position: absolute;
    right: -12px;
    top: 3em;
    width: 0
}
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+3) .lattice-spot-text,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+3) .lattice-spot-image,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+4) .lattice-spot-text,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+4) .lattice-spot-image {
    float: right
}
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+3) .lattice-spot-text::before,
#wrapper .lattice-spot .lattice-spot-item:nth-child(4n+4) .lattice-spot-text::before {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #f5f5f5;
    border-top: 12px solid transparent;
    border-left: none;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 3em;
    width: 0
}
#wrapper .lattice-spot .lattice-spot-clear {
    clear: both
}
#wrapper .lattice-spot ul {
    list-style: disc
}
@media only screen and (max-width: 750px) {
    #wrapper .lattice-spot .lattice-spot-item {
        max-width: 100%
    }
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+1) .lattice-spot-text,
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+1) .lattice-spot-image {
        float: left
    }
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+1) .lattice-spot-text::before {
        border-bottom: 12px solid transparent;
        border-left: 12px solid #f5f5f5;
        border-top: 12px solid transparent;
        border-right: none;
        content: "";
        height: 0;
        position: absolute;
        right: -12px;
        left: unset;
        top: 3em;
        width: 0
    }
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+2) .lattice-spot-text,
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+2) .lattice-spot-image {
        float: right
    }
    #wrapper .lattice-spot .lattice-spot-item:nth-child(2n+2) .lattice-spot-text::before {
        border-bottom: 12px solid transparent;
        border-right: 12px solid #f5f5f5;
        border-top: 12px solid transparent;
        border-left: none;
        content: "";
        height: 0;
        left: -12px;
        right: unset;
        position: absolute;
        top: 3em;
        width: 0
    }
}
@media only screen and (max-width: 480px) {
    #wrapper .lattice-spot .lattice-spot-item {
        height: auto!important
    }
    #wrapper .lattice-spot .lattice-spot-item .lattice-spot-image {
        display: none
    }
    #wrapper .lattice-spot .lattice-spot-item .lattice-spot-text {
        max-width: 100%
    }
}
#wrapper .news-archive-spot {
    padding-top: 2rem;
    padding-bottom: 2rem
}
#wrapper .news-archive-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .news-archive-spot .component-content ul {
    padding: 0
}
#wrapper .news-archive-spot .component-content ul li {
    background-color: #f5f5f5;
    padding: 2em 0 2em 2.4em;
    margin-bottom: 1rem;
    border-left: .6em solid #64a0c8
}
#wrapper .news-archive-spot .component-content ul li div {
    margin-right: 1em;
    line-height: 1.5
}
#wrapper .news-archive-spot .component-content ul li h3,
#wrapper .news-archive-spot .component-content ul li .news-header {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.11rem;
    line-height: 1;
    border-bottom: 4px solid #9ec3de;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: left;
    padding: 0 0 .33333rem;
    margin: 0;
    margin: 0 1em 1em 0
}
@media only screen and (min-width: 768px) {
    #wrapper .news-archive-spot .component-content ul li h3,
    #wrapper .news-archive-spot .component-content ul li .news-header {
        font-size: 1.44rem;
        line-height: 1.3
    }
}
#wrapper .news-archive-spot .component-content ul li .news-location,
#wrapper .news-archive-spot .component-content ul li .news-date,
#wrapper .news-archive-spot .component-content ul li .news-text {
    margin-bottom: .5em
}
#wrapper .news-archive-spot .component-content ul li .news-link {
    margin-top: 1.5em
}
#wrapper .news-list-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .option-spot {
    padding-top: 2rem;
    padding-bottom: 2rem
}
#wrapper .option-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden
}
#wrapper .option-spot .optionspotelement>* {
    max-width: 90%
}
#wrapper .option-spot ul {
    padding: 0;
    text-align: justify
}
#wrapper .option-spot ul li {
    width: 15em;
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: top
}
#wrapper .option-spot ul li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    box-shadow: -1px 0 0 0 #e4e4e4;
    width: 1px
}
#wrapper .option-spot ul::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    line-height: 0;
    font-size: 0
}
#wrapper .option-spot .option-spot-element-header {
    font-weight: normal;
    font-style: normal
}
#wrapper .option-spot:not(.unordered) .option-spot-element-header {
    position: relative
}
#wrapper .option-spot:not(.unordered) .option-spot-element-header:after {
    position: absolute;
    top: 1.1em;
    left: 0;
    overflow: hidden;
    height: 1px;
    content: '';
    background-color: #2d2d2d;
    text-align: right;
    max-width: 100%;
    width: 100%
}
#wrapper .option-spot:not(.unordered) .option-spot-element-text {
    line-height: 1.2em;
    margin-bottom: 1rem
}
#wrapper .option-spot:not(.unordered) .option-spot-element-link a {
    display: block
}
#wrapper .option-spot:not(.unordered) .option-spot-element-icon {
    display: none
}
#wrapper .option-spot:not(.unordered) .option-spot-element-header,
#wrapper .option-spot:not(.unordered) .option-spot-element-text,
#wrapper .option-spot:not(.unordered) .option-spot-element-link {
    margin-left: auto;
    margin-right: auto
}
#wrapper .option-spot.unordered {
    color: #404040
}
#wrapper .option-spot.unordered .option-spot-element-header {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.12rem;
    color: #061922;
    text-align: left;
    padding: 0;
    margin: 0 0 .55556rem;
    position: relative;
    margin: 0 9% .5em 9%;
    text-align: center
}
#wrapper .option-spot.unordered .option-spot-element-text {
    margin: 0 9% 2em 9%;
    text-align: center
}
#wrapper .option-spot.unordered .option-spot-element-link {
    display: none
}
#wrapper .option-spot.unordered .option-spot-element-icon {
    max-width: none
}
#wrapper .option-spot.unordered .option-spot-element-icon a {
    font-size: 1.8em;
    width: 1em;
    height: 1em;
    line-height: 1;
    border: 3px solid #404040;
    display: inline-block;
    overflow: hidden;
    color: #404040;
    padding: .4em;
    border-radius: 50%;
    position: relative;
    margin: .7em auto;
    margin: 0 auto;
    display: block
}
#wrapper .option-spot.unordered .option-spot-element-icon a:hover {
    background-color: #404040;
    color: #fff
}
#wrapper .option-spot.unordered .option-spot-element-icon a span {
    font-family: "Oticon-icon-www";
    color: #404040;
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: -.052em;
    bottom: 0;
    right: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: auto;
    -webkit-animation: cta-right .4s;
    animation: cta-right .4s;
    left: .2rem
}
#wrapper .option-spot.unordered .option-spot-element-icon a:hover span {
    color: #fff;
    -webkit-animation: cta-right-hover .4s;
    animation: cta-right-hover .4s
}
@media only screen and (min-width: 801px) {
    #wrapper .option-spot .component-content ul li {
        width: 24%
    }
    #wrapper .option-spot .component-content ul li:first-child::after {
        box-shadow: none
    }
}
@media only screen and (min-width: 601px)and (max-width: 800px) {
    #wrapper .option-spot .component-content ul li {
        width: 49%;
        margin-bottom: 3rem
    }
    #wrapper .option-spot .component-content ul li:nth-child(odd)::after {
        box-shadow: none!important
    }
    #wrapper .option-spot .component-content ul li:nth-child(3):nth-last-child(1) {
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .option-spot .component-content ul li {
        width: 100%;
        margin-bottom: 3rem
    }
    #wrapper .option-spot .component-content ul li .option-spot-element-header,
    #wrapper .option-spot .component-content ul li .option-spot-element-text {
        height: auto!important
    }
    #wrapper .option-spot .component-content ul li:nth-child(odd)::after {
        box-shadow: none!important
    }
    #wrapper .option-spot .component-content ul li:nth-child(even)::after {
        box-shadow: none!important
    }
}
#wrapper .product-tool-conntainer {}#wrapper .product-tool-conntainer .model-selector div,
#wrapper .product-tool-conntainer .model-selector span,
#wrapper .product-tool-conntainer .model-selector h1,
#wrapper .product-tool-conntainer .model-selector h2,
#wrapper .product-tool-conntainer .model-selector h3,
#wrapper .product-tool-conntainer .model-selector h4,
#wrapper .product-tool-conntainer .model-selector h5,
#wrapper .product-tool-conntainer .model-selector h6,
#wrapper .product-tool-conntainer .model-selector p,
#wrapper .product-tool-conntainer .model-selector sub,
#wrapper .product-tool-conntainer .model-selector sup,
#wrapper .product-tool-conntainer .model-selector b,
#wrapper .product-tool-conntainer .model-selector u,
#wrapper .product-tool-conntainer .model-selector i {
    margin: 0;
    padding: 0;
    border: 0;
    letter-spacing: 0
}
#wrapper .product-tool-conntainer .model-selector {
    margin: 0;
    padding: 0;
    line-height: 1
}
#wrapper .product-tool-conntainer .model-selector a {
    text-decoration: none
}
#wrapper .product-tool-conntainer .model-selector p {
    line-height: 16px
}
#wrapper .product-tool-conntainer .model-selector * {
    outline: none
}
#wrapper .product-tool-conntainer .model-selector h1,
#wrapper .product-tool-conntainer .model-selector h2 {
    letter-spacing: 1px
}
#wrapper .product-tool-conntainer .model-selector,
#wrapper .product-tool-conntainer .ProductToolSpinningHead {
    width: 506px;
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif
}
#wrapper .product-tool-conntainer .model-selector .drag_text {
    width: 92%;
    position: absolute;
    background-position: center top;
    height: 50px;
    top: 467px;
    text-align: center
}
#wrapper .product-tool-conntainer .model-selector .drag_text .head_slider {
    margin-top: -10px;
    width: 460px;
    height: 5px;
    margin-left: 20px;
    border: none!important;
    background: #ececec
}
#wrapper .product-tool-conntainer .model-selector .drag_text .head_slider a {
    top: -25px;
    width: 33px!important;
    height: 34px!important;
    border: none;
    background-color: transparent;
    z-index: 2;
    position: absolute
}
#wrapper .product-tool-conntainer .model-selector .drag_text p {
    font-size: 10px;
    left: 43px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -4rem;
    z-index: 4;
    font-size: 12px
}
#wrapper .product-tool-conntainer .model-selector .drag_text img {
    margin-top: 10px
}
#wrapper .product-tool-conntainer .model-selector .heads {
    position: absolute;
    top: 68px;
    cursor: pointer;
    width: 249px;
    z-index: 1;
    background-color: #f5f5f5;
    margin-left: -20px;
    border: 1px solid #ececec;
    box-sizing: border-box
}
#wrapper .product-tool-conntainer .model-selector .head_nav .heads_arrow_up_bg {
    display: inherit;
    margin-left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ececec;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 204px
}
#wrapper .product-tool-conntainer .model-selector .head_nav .heads_arrow_up {
    display: inherit;
    margin-left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    border-top: none;
    position: absolute;
    top: -9px;
    left: 204px
}
#wrapper .product-tool-conntainer .model-selector .head_nav .nav_head_container .header_btn_border {
    height: 40px;
    width: 182px
}
#wrapper .product-tool-conntainer .model-selector .head_nav .nav_head_container .nav_head_container_right {
    position: relative
}
#wrapper .product-tool-conntainer .model-selector .head_nav .nav_head_container .nav_head_container_right::after {
    font-family: "Oticon-icon-www";
content: '';    font-size: 1em;
    color: #7f7f7f;
    transition: all .2s;
    position: absolute;
    right: -35px;
    top: 20px
}
#wrapper .product-tool-conntainer .model-selector .nav_head_container {
    font-size: 14px;
    margin: 0;
    width: 210px
}
#wrapper .product-tool-conntainer .model-selector .nav_head_container img {
    height: 33px;
    float: left;
    margin-top: 7px;
    margin-left: -5px
}
#wrapper .product-tool-conntainer .model-selector .nav_head_container span {
    float: left;
    margin-left: 5px;
    font-size: 15px;
    margin-top: 22px
}
#wrapper .product-tool-conntainer .model-selector .heads .head_thumb {
    margin-top: 6px;
    margin-left: 6px;
    margin-bottom: 0;
    float: left;
    background-color: #fff
}
#wrapper .product-tool-conntainer .model-selector .heads div:last-child {
    margin-bottom: 7px
}
#wrapper .product-tool-conntainer .model-selector .head_nav {
    display: table;
    cursor: pointer;
    line-height: 42px;
    height: 40px;
    text-align: center;
    border-radius: 12px;
    background: #ececec;
    margin-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #7f7f7f;
    min-width: 100px
}
#wrapper .product-tool-conntainer .model-selector .head_nav {
    line-height: 0;
    margin-left: 20px
}
#wrapper .product-tool-conntainer .model-selector .column-left {
    position: relative
}
#wrapper .product-tool-conntainer .model-selector .head_nav .heads img:first-child {
    height: 84px;
    width: 115px;
    margin: 0;
    border: 1px solid #ececec;
    box-sizing: border-box
}
#wrapper .product-tool-conntainer .model-selector .head_images {
    height: auto;
    position: relative;
    margin-top: 0
}
#wrapper .product-tool-conntainer .model-selector .head_images div:not(:only-of-type) {
    margin-bottom: 4rem
}
#wrapper .product-tool-conntainer .model-selector .head_image {
    width: 100%;
    height: 100%;
    top: 0;
    position: relative;
    display: none;
    background-size: contain;
    background-repeat: no-repeat;
    height: 403px;
    box-sizing: border-box
}
#wrapper .product-tool-conntainer .colour-selector div,
#wrapper .product-tool-conntainer .colour-selector span,
#wrapper .product-tool-conntainer .colour-selector h1,
#wrapper .product-tool-conntainer .colour-selector h2,
#wrapper .product-tool-conntainer .colour-selector h3,
#wrapper .product-tool-conntainer .colour-selector h4,
#wrapper .product-tool-conntainer .colour-selector h5,
#wrapper .product-tool-conntainer .colour-selector h6,
#wrapper .product-tool-conntainer .colour-selector p,
#wrapper .product-tool-conntainer .colour-selector sub,
#wrapper .product-tool-conntainer .colour-selector sup,
#wrapper .product-tool-conntainer .colour-selector b,
#wrapper .product-tool-conntainer .colour-selector u,
#wrapper .product-tool-conntainer .colour-selector i {
    margin: 0;
    padding: 0;
    border: 0;
    letter-spacing: 0
}
#wrapper .product-tool-conntainer .colour-selector li {
    list-style-type: none
}
#wrapper .product-tool-conntainer .colour-selector {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    position: relative
}
#wrapper .product-tool-conntainer .colour-selector a {
    text-decoration: none
}
#wrapper .product-tool-conntainer .colour-selector p {
    line-height: 16px
}
#wrapper .product-tool-conntainer .colour-selector * {
    outline: none
}
#wrapper .product-tool-conntainer .colour-selector h1,
#wrapper .product-tool-conntainer .colour-selector h2 {
    letter-spacing: 1px
}
#wrapper .product-tool-conntainer .colour-selector {}#wrapper .product-tool-conntainer .colour-selector .colour_header {
    line-height: 50px
}
#wrapper .product-tool-conntainer .colour-selector .colour_header p {
    line-height: 20px;
    margin-bottom: 20px
}
#wrapper .product-tool-conntainer .colour-selector .colour_header {
    line-height: 50px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.12rem;
    color: #061922;
    text-align: left;
    padding: 0;
    margin: 0 0 .55556rem;
    position: relative;
    margin: 1rem 0 1.2rem 0
}
#wrapper .product-tool-conntainer .colour-selector .color-buttons {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0
}
#wrapper .product-tool-conntainer .colour-selector .popup .color-buttons {
    display: block
}
#wrapper .product-tool-conntainer .colour-selector .generic_ui_button {
    height: 30px;
    width: 30px;
    margin-top: 5px;
    margin-right: 13px;
    border: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px
}
#wrapper .product-tool-conntainer .colour-selector .internal_full_popup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMUlEQVQIW2M0MjLazIAEGBkZjRmRBUEC////PwsXhAmANIEFkQXAgsbGxs9AWpDNBQAYLxapFZ9EfgAAAABJRU5ErkJggg==") repeat scroll 0 0 transparent;
    z-index: 15
}
#wrapper .product-tool-conntainer .colour-selector .internal_full_popup_content {
    width: 845px;
    height: 625px;
    position: fixed;
    background-color: #fff;
    top: 50%;
    margin-top: -312px;
    left: 50%;
    margin-left: -423px;
    overflow: hidden
}
#wrapper .product-tool-conntainer .colour-selector .selector .color-buttons li {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 25px;
    padding: 3px;
    border-width: 0;
    border-style: solid;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px
}
#wrapper .product-tool-conntainer .color-buttons div>div {
    width: 26px;
    height: 26px;
    top: 0;
    border-radius: 25px;
    border-width: 0;
    border-color: #878787;
    z-index: 1
}
#wrapper .product-tool-conntainer .color-buttons .color1mask {
    height: 26px;
    width: 13px;
    top: 2px;
    left: 2px;
    overflow: hidden;
    position: absolute
}
#wrapper .product-tool-conntainer .color-buttons .color1 {
    left: 0;
    position: relative;
    top: 0
}
#wrapper .product-tool-conntainer .color-buttons .color2mask {
    width: 13px;
    height: 26px;
    top: 2px;
    left: 15px;
    overflow: hidden;
    position: absolute
}
#wrapper .product-tool-conntainer .color-buttons .color2 {
    left: -13px;
    position: relative
}
#wrapper .product-tool-conntainer .color-buttons .brightness:not(.selected) div>div {
    width: 24px;
    height: 24px;
    top: 0;
    border-radius: 25px;
    border-width: 0;
    border-color: #878787;
    z-index: 1
}
#wrapper .product-tool-conntainer .color-buttons .brightness:not(.selected) .color1mask {
    height: 26px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 14px
}
#wrapper .product-tool-conntainer .color-buttons .brightness:not(.selected) .color1 {
    left: 1px;
    position: relative;
    top: 2px
}
#wrapper .product-tool-conntainer .color-buttons .brightness:not(.selected) .color2mask {
    height: 26px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 13px
}
#wrapper .product-tool-conntainer .color-buttons .brightness:not(.selected) .color2 {
    left: -12px;
    top: 2px;
    position: relative
}
#wrapper .product-tool-conntainer .color-buttons .color_background {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 25px;
    background-color: transparent;
    z-index: 0
}
#wrapper .product-tool-conntainer .colour-selector .selector .color-buttons .selected {
    border-width: 1px!important;
    padding: 2px!important;
    margin-left: 3px!important;
    margin-right: 3px!important
}
#wrapper .product-tool-conntainer .colour-selector .color-buttons .selected .color_background {
    background-color: transparent
}
#wrapper .product-tool-conntainer .colour-selector .column_right_colours {
    width: 300px;
    margin-left: 30px
}
#wrapper .product-tool-conntainer .colour-selector .preview_box {
    width: 148px;
    height: 100%;
    margin-top: 2px
}
#wrapper .product-tool-conntainer .colour-selector .zoom_in {
    width: 30px;
    position: absolute
}
#wrapper .product-tool-conntainer .colour-selector .generic_ui_button,
#wrapper .product-tool-conntainer .colour-selector .internal_full_popup .internal_full_popup_content_video .close_btn {
    height: 30px;
    width: 30px;
    margin-top: 5px;
    margin-right: 13px;
    border: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px
}
#wrapper .product-tool-conntainer .colour-selector .preview_box .zoom_in {
    left: 15px;
    top: 135px!important;
    z-index: 3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    background-size: contain
}
#wrapper .product-tool-conntainer .colour-selector .image_color {
    width: 150px;
    text-align: center
}
#wrapper .product-tool-conntainer .colour-selector .variation_preview,
#wrapper .product-tool-conntainer .colour-selector .variation_preview2 {
    width: 148px;
    height: 148px;
    position: absolute;
    z-index: 1
}
#wrapper .product-tool-conntainer .colour-selector .variation_preview2 {
    z-index: 2
}
#wrapper .product-tool-conntainer .colour-selector .column_left_preview {
    height: 175px;
    width: 148px
}
#wrapper .product-tool-conntainer .column_left_preview img {
    margin-top: 17px!important
}
#wrapper .product-tool-conntainer .colour-selector .column_right_colours,
#wrapper .product-tool-conntainer .colour-selector .column_left_preview {
    float: left
}
#wrapper .product-tool-conntainer .colour-selector .imageBox .close_btn,
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .close_btn,
#wrapper .product-tool-conntainer .colour-selector .techBox_infoBox .close_btn,
#wrapper .product-tool-conntainer .internal_full_popup_content_portfolio .close_btn {
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 30px;
    width: 30px;
    margin-top: 10px;
    margin-right: 10px;
    border: hidden;
    background-color: transparent;
    background-repeat: no-repeat
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .close_btn,
#wrapper .product-tool-conntainer .internal_full_popup_content_portfolio .close_btn {
    position: absolute;
    margin-right: 0;
    margin-top: 0;
    top: 15px;
    right: 18px;
    background-size: contain
}
#wrapper .product-tool-conntainer .arrow_nav_container {
    height: 50px;
    width: 173px;
    background-color: #f5f5f5
}
#wrapper .product-tool-conntainer .arrow_nav_container.bottom {
    bottom: 0;
    position: absolute;
    z-index: 10
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .arrow_nav {
    position: absolute;
    height: 20px;
    width: 38px;
    margin-top: 0;
    margin-right: 0;
    left: 67px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .arrow_nav_bottom {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAUCAYAAADhj08IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCRURDREExNTIyMjA2ODExODA4M0U3NzgzNTEyQUQ0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RkREODdCNjg0NDQxMUU0OUIyMUUxRTBEODU3NjA1MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RkREODdCNTg0NDQxMUU0OUIyMUUxRTBEODU3NjA1MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzg0NzkyZTItMmNhZi1jNzQ3LTg0MjUtNjBlNGQxNzA5NjkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFRENEQTE1MjIyMDY4MTE4MDgzRTc3ODM1MTJBRDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aVF2OgAAAblJREFUeNrElTtLA0EURsd1VYxCKhuxtBM7wUIUsYmFWFlroyCJjRCCFpIFC20sDEgqxUJRUQQfYFQS0tr56EQQ0cYfoIUY9bvwLYQlm2Rf7oWTnWQms2fn3pltSKfTr0qpBDhVIYRhGNbv47hsaPhIgn0wokIOSI3icgDmNTZmwEmYcpCSex+CabSPdP6+C1rAGeVuQpCShZlFW1yUXta/RblLEPsvOYgMcUESppRVTCILmsEVGAT3AXv1c9MlIbVd3qFXGLwOWkGeaX0IUEqyswiprLVTt/nTKmgCBTAAHn2W6mNWlipJVROTWAZtlBsGTz5J9YILsAIydoP0GpMsgEZQ5Mq9+CAlD7rGrCi3YhIp0M6ak5V7cynVQ6lMLSkJrY4Jf0EcXHPlOl1IdbPQN1kiyg8xU26OZ5vcoMOhlDzQDktD+SkmUQKTPNsKdcqZUntOpJyKmXJT4Bmcg2iVsV0gx1M95TT3mot6+QYT4J1nUdRGqsi6jLMUAheT+KLcB1++kQpSebdSXsRMuTHww7RGWHc5bhLXUl7FJD4pJ1LH3BR33CQlLxN7FTPlYqy1Wz+kJP4EGAA7/G7bPBLxpgAAAABJRU5ErkJggg==")!important;
    bottom: 12px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .arrow_nav_top {
    top: 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAUCAYAAADhj08IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCRURDREExNTIyMjA2ODExODA4M0U3NzgzNTEyQUQ0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OTIyQ0ZDQTg0NDQxMUU0OEJCOUVBOTRDMjM0N0MxNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OTIyQ0ZDOTg0NDQxMUU0OEJCOUVBOTRDMjM0N0MxNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzg0NzkyZTItMmNhZi1jNzQ3LTg0MjUtNjBlNGQxNzA5NjkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFRENEQTE1MjIyMDY4MTE4MDgzRTc3ODM1MTJBRDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Z/FjKgAAAZxJREFUeNrElb9Lw0AUx6+tOOgf4Cw4q5urKFUHf4AoVeogOnWpgwjtIIk6KFIQUUTQQZ0dHXQpIjgUnCwukkUILp0K6ib4ffANBKk26V3SBx84muT6uffe3SUsy1IGIgUuQB+YAPWgH9q23fD3pCGpKzBIoTvQpTtp0pDUABgBs+AL3OjK6YglwAkYYvlqlJrkvCLXGbeYJzUKhoHreyZyM6AbXLcql9SQSjeQ8kJ6bQz0UK4jDrF9MMXyuf+8V2dZe8El+zEysT2wyEw5Ad6vcVP0c5OkohATqaUQUn65cW6SY7aCMbFNsMo/cFoo/zsXlGZ/NpUL0pQFkGdJXjSOF5e7+BF8gA0dMZFap1TVwC3xxszdg2/OH1pMslTkKk1IeeFwoZK5T7ATpsdyYJtn0ZMyH6+Uy+MSLwQVE6ldNnpFRRdVVqMIubVmYsugBKYjlvLimVXZglzuL7EsOOKp/qBiCghVWJ0Sxiu/xUTqlJdvWcUclJOEHGKc9cTmwDmYb4eUT67MxJxhnBGxA5ABt6rNQbkFKeuPAAMAYH9hE6BM7t0AAAAASUVORK5CYII=")!important
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .color-buttons span.selected {
    border-width: 1px!important;
    padding: 2px!important;
    margin-left: 3px!important;
    margin-right: 3px!important
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-left,
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-right {
    position: absolute;
    float: left
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-left {
    height: 625px;
    width: 173px;
    background-color: #fff;
    border-left: 5px solid #f5f5f5;
    border-right: 5px solid #f5f5f5;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour {
    color: #404040
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-right {
    min-height: 625px;
    width: 665px;
    left: 180px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-right .style {
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    font-size: 30px;
    bottom: 50px;
    position: absolute;
    right: 50px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item.selected .bg,
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item.selected .bg_arrow {
    visibility: visible
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item .bg_arrow {
    visibility: hidden
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .bg {
    position: absolute;
    background-color: #64a0c8;
    height: 100%;
    width: 5px;
    right: 12px;
    visibility: hidden
}
#wrapper .product-tool-conntainer .color-buttons .nav {
    height: 35px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item.selected .rightContainer .arrow_box {
    border-right: solid 5px #64a0c8;
    position: absolute;
    width: 10px;
    height: 64px;
    left: 166px;
    top: -2px;
    z-index: 5;
    box-sizing: border-box;
    margin-left: 5px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item.selected .rightContainer .arrow_box:after {
    content: "";
    position: absolute;
    margin-left: 10px;
    margin-top: 22px;
    border-left: 10px solid #64a0c8;
    border-right: none;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item:hover .columns {
    background-color: #f5f5f5
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-right img {
    width: 665px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .color-buttons-container {
    height: 525px;
    width: 178px;
    background-color: #f5f5f5
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .column-left ul {
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    font-size: 12px;
    overflow: hidden;
    height: 525px;
    width: 195px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item {
    position: relative;
    overflow: hidden;
    width: 190px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item .arrow_box {
    background-color: red;
    width: 10px;
    height: 100%;
    display: block
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .colour_nav_item:last-child {
    padding-bottom: 1px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .id {
    margin-top: 3px;
    color: #aaa
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .rightContainer {
    width: 100%!important;
    height: auto!important
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .columns {
    overflow: hidden;
    display: inline-block;
    float: left;
    background-color: #fff;
    padding: 14px 0 5px 0;
    border-top: 1px solid #ececec;
    width: 173px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .left_column_zoom {
    width: 35px;
    overflow: hidden;
    height: 32px;
    float: left;
    margin-left: 8px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .right_column_zoom {
    overflow: hidden;
    width: 129px;
    float: left
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .image_colour_large_bg {
    height: 100%;
    left: 0;
    position: absolute
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .image_colour_large,
#wrapper .product-tool-conntainer .image_colour_large2 {
    position: absolute
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .selected .arrow {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #c6168d;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    position: absolute;
    right: 4px;
    top: 20px
}
#wrapper .product-tool-conntainer .internal_full_popup_content_colourselector .columns span {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 25px;
    padding: 3px;
    border-width: 0;
    border-style: solid;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead {
    float: left
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .model-selector .heads {
    top: 54px
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .model-selector .head_nav {
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #bfbfbf
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead span.ui-slider-handle.ui-state-default.ui-corner-all {
    background-size: contain!important
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-state-default,
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-widget-content .ui-state-default,
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-widget-header .ui-state-default {
    border: 0
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-slider-horizontal .ui-slider-handle {
    top: -.7rem
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-slider .ui-slider-handle {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative
}
#wrapper .product-tool-conntainer .colour-selector .popup {
    position: absolute;
    top: 0;
    z-index: 5
}
#wrapper .product-tool-conntainer .animate {
    opacity: 1!important
}
#wrapper .product-tool-conntainer .ProductToolColorSpotPopUp {
    position: absolute;
    top: 0
}
#wrapper .product-tool-conntainer .colour-selector .internal_full_popup {
    display: none;
    left: 0
}
@media only screen and (max-width: 950px) {
    #wrapper .product-tool-conntainer .ProductToolDescription,
    #wrapper .product-tool-conntainer .ProductToolColorSpot {
        float: left;
        position: inherit;
        margin-left: 2rem;
        margin-top: 0
    }
    #wrapper .product-tool-conntainer .ProductToolDescription ul,
    #wrapper .product-tool-conntainer .ProductToolColorSpot ul {
        height: auto!important
    }
    #wrapper .product-tool-conntainer .head_slider {
        width: 100%;
        margin-top: -40px
    }
    #wrapper .product-tool-conntainer .model-selector {
        width: 170%
    }
}
#wrapper .handOn {
    cursor: pointer
}
#wrapper .product-tool-conntainer .ProductToolMenu {
    margin-top: 6rem;
    margin-bottom: 4rem
}
#wrapper .product-tool-conntainer .ProductToolMenu ul {
    transition: all, .8s;
    margin: auto;
    width: 100%;
    margin: 0;
    text-align: center
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li {
    cursor: pointer;
    display: inline-block;
    padding: 1rem 0;
    opacity: .3
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li *:not(.hide) {
    display: block
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li:first-child {
    padding-left: 0
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li:last-child {
    padding-right: 0
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li img {
    transition: all, .3s;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li.active,
#wrapper .product-tool-conntainer .ProductToolMenu ul li:hover {
    opacity: 1
}
#wrapper .product-tool-conntainer .ProductToolMenu ul li.active img,
#wrapper .product-tool-conntainer .ProductToolMenu ul li:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
#wrapper .product-tool-conntainer .ProductToolMenu .product {
    background-color: #ececec;
    position: relative
}
#wrapper .product-tool-conntainer .ProductToolMenu .product .innerWrapTing {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    min-height: 22px
}
#wrapper .product-tool-conntainer .ProductToolMenu .product .innerWrapTing ul {
    list-style: disc outside;
    position: relative;
    left: 1rem
}
#wrapper .product-tool-conntainer .ProductToolMenu .product .innerWrapTing ul li {
    padding-bottom: 1rem;
    left: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
#wrapper .product-tool-conntainer .ProductToolMenu .product .innerWrapTing ul li img {
    margin: 0 auto
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li {
    opacity: 1
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li.active span {
    color: #fff!important;
    background-color: #404040;
    text-shadow: none
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li span:first-of-type {
    margin-right: .2em
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li span:last-of-type {
    margin-left: .2em
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li span {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #64a0c8;
    text-decoration: none;
    display: inline-block;
    color: #64a0c8;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center;
    width: auto!important;
    white-space: nowrap;
    display: block
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li span:hover {
    background-color: #64a0c8;
    color: #fff
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li span:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .product-tool-conntainer .ProductToolMenu .grouping ul li img {
    display: none
}
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-left,
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-right {
    clear: both;
    width: 40px;
    opacity: .6;
    position: absolute;
    z-index: 2;
    height: 100%;
    cursor: pointer
}
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-left::before,
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-right::before {
    font-family: "Oticon-icon-www";
content: '';    font-size: 40px;
    margin: 0;
    position: absolute;
    height: 0;
    top: calc(50% - 20px)
}
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-left:hover,
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-right:hover {
    opacity: .8
}
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-right {
    right: 0;
    top: 0
}
#wrapper .product-tool-conntainer .ProductToolMenu .scroll-right::before {
content: '';}
#wrapper .product-tool-conntainer .ProductToolMenu .component-content {
    margin: 0 auto
}
#wrapper .product-tool-conntainer .ProductToolDescription,
#wrapper .product-tool-conntainer .ProductToolColorSpot {
    display: block
}
#wrapper .product-tool-conntainer .ProductToolDescription .component-content #product_title,
#wrapper .product-tool-conntainer .ProductToolColorSpot .component-content #product_title {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: left;
    padding: 0 0 .5rem 0;
    margin: 0 0 .27778rem;
    display: block
}
@media only screen and (min-width: 768px) {
    #wrapper .product-tool-conntainer .ProductToolDescription .component-content #product_title,
    #wrapper .product-tool-conntainer .ProductToolColorSpot .component-content #product_title {
        font-size: 3.5rem;
        line-height: 1.3;
        margin: 0 0 .55556rem
    }
}
#wrapper .product-tool-conntainer .ProductToolDescription .colour-selector .column-right.selector,
#wrapper .product-tool-conntainer .ProductToolColorSpot .colour-selector .column-right.selector {
    float: left
}
#wrapper .product-tool-conntainer .ProductToolDescription {
    margin-bottom: 2rem;
    line-height: 1.5
}
#wrapper .product-tool-conntainer .hide {
    display: none!important
}
#wrapper .product-tool-conntainer .productInfoDiv {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    transition: all, .2s;
    height: 500px
}
#wrapper .colour-selector .preview_box .zoom_in {
    cursor: pointer
}
#wrapper .product-tool-conntainer .ProductToolSpinningHead .ui-slider .ui-slider-handle {
    display: block;
    position: relative
}
@media only screen and (max-width: 950px) {
    #wrapper .product-tool-conntainer .ProductToolDescription,
    #wrapper .product-tool-conntainer .ProductToolColorSpot {
        float: left;
        position: inherit;
        margin-left: 2rem;
        margin-top: 0;
        width: 100%!important
    }
    #wrapper .product-tool-conntainer .ProductToolDescription ul,
    #wrapper .product-tool-conntainer .ProductToolColorSpot ul {
        height: auto!important;
        margin-left: 0!important
    }
}
@media only screen and (max-width: 845px) {
    #wrapper .product-tool-conntainer .colour-selector .preview_box .zoom_in,
    #wrapper .product-tool-conntainer .colour-selector .popup {
        display: none
    }
}
@media only screen and (max-width: 668px) {
    .ProductToolSpinningHead {
        display: none
    }
}
#wrapper .component.product-tool-conntainer.slim .component-content {
    width: auto;
    max-width: none;
    margin: 0
}
#wrapper .component.product-tool-conntainer.slim>.component-content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
body a[data-relocate-fake-link] {
    cursor: pointer
}
#wrapper .rich-content-spot .component-content {
    max-width: none;
    width: 100%!important;
    padding: 2rem 0 2rem
}
#wrapper .rich-content-spot .component-content .content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .rich-content-spot.slim .component-content .content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .rich-content-container {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .richtext-submenu {
    pointer-events: none;
    position: absolute;
    top: 8em;
    left: 0;
    z-index: 900;
    width: 100%;
    padding: 1em 0;
    transition: background .2s;
    background-color: transparent;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}
#wrapper .richtext-submenu:before {
    content: '';
    clear: both;
    display: table
}
#wrapper .richtext-submenu .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: visible .5s, opacity .5s, background .2s, -webkit-transform .5s;
    transition: visible .5s, opacity .5s, transform .5s, background .2s;
    transition: visible .5s, opacity .5s, transform .5s, background .2s, -webkit-transform .5s;
    transition-delay: .5s
}
#wrapper .richtext-submenu .component-content:before {
    content: '';
    clear: both;
    display: table
}
#wrapper .richtext-submenu .component-content .title-link,
#wrapper .richtext-submenu .component-content .submenu-expander,
#wrapper .richtext-submenu .component-content .submenu-link {
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    position: relative;
    display: block;
    pointer-events: fill;
    color: rgba(0, 0, 0, .5)
}
#wrapper .richtext-submenu .component-content .title-link:hover,
#wrapper .richtext-submenu .component-content .submenu-expander:hover,
#wrapper .richtext-submenu .component-content .submenu-link:hover {
    color: rgba(0, 0, 0, .9)
}
#wrapper .richtext-submenu .component-content .submenu-expander {
    float: right;
    padding: .6em 2em
}
#wrapper .richtext-submenu .component-content .submenu-expander:after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
content: '';    font-size: 1em;
    margin: 0;
    padding: 0 1em;
    color: rgba(0, 0, 0, .5);
    transition: all .2s
}
#wrapper .richtext-submenu .component-content .submenu-expander:hover::after {
    color: rgba(0, 0, 0, .9)
}
#wrapper .richtext-submenu .component-content .title-link {
    display: none;
    float: left;
    padding: 1.5em 0;
    margin: -1em 0 -1.7em 0;
    height: 1.4em;
    font-size: 1.333333em
}
#wrapper .richtext-submenu .component-content .title-link:hover:after {
    opacity: 1;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em)
}
#wrapper .richtext-submenu .component-content .title-link:after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
content: '';    font-size: .75em;
    margin: 0;
    padding: 0 1em;
    color: #7f7f7f;
    -webkit-transform: translateY(3em);
    -ms-transform: translateY(3em);
    transform: translateY(3em);
    opacity: 0;
    transition: all .2s;
    position: absolute;
    top: 0
}
#wrapper .richtext-submenu .component-content .submenu-link {
    float: right
}
#wrapper .richtext-submenu .component-content .submenu-link a {
    right: 0;
    font-size: 1em;
    padding: .55em 1.3em .75em 1.3em;
    border-width: 2px
}
#wrapper .richtext-submenu .component-content .submenu-link a:hover {
    text-shadow: none;
    color: rgba(0, 0, 0, .9);
    background-color: #fff
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns {
    pointer-events: fill;
    display: none;
    text-align: justify
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns .richtext-submenu-column {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: rgba(255, 255, 255, .5)
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns .richtext-submenu-column a {
    color: #fff
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(2) {
    width: 90%
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(3),
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(3)~div {
    width: 45%
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(4),
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(4)~div {
    width: 30%
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(5),
#wrapper .richtext-submenu .component-content .richtext-submenu-columns>div:first-child:nth-last-child(5)~div {
    width: 22%
}
#wrapper .richtext-submenu .component-content .richtext-submenu-columns .stretch {
    width: 100%;
    font-size: 0;
    line-height: 0;
    display: inline-block
}
#wrapper .richtext-submenu .component-content::before,
#wrapper .richtext-submenu .component-content::after {
    content: '';
    clear: both;
    display: table
}
#wrapper .richtext-submenu.scrolled {
    position: fixed;
    top: 0;
    transition: background .2s;
    background-color: rgba(255, 255, 255, .9)
}
#wrapper .richtext-submenu.scrolled .title-link {
    display: block;
    pointer-events: fill
}
#wrapper .richtext-submenu.expanded {
    background-color: #404040;
    z-index: 1100
}
#wrapper .richtext-submenu.expanded .component-content .title-link,
#wrapper .richtext-submenu.expanded .component-content .submenu-expander,
#wrapper .richtext-submenu.expanded .component-content .submenu-link {
    color: #fff
}
#wrapper .richtext-submenu.expanded .component-content .title-link::after,
#wrapper .richtext-submenu.expanded .component-content .submenu-expander::after,
#wrapper .richtext-submenu.expanded .component-content .submenu-link::after {
    color: #fff
}
#wrapper .richtext-submenu.expanded .component-content .title-link:hover,
#wrapper .richtext-submenu.expanded .component-content .submenu-expander:hover,
#wrapper .richtext-submenu.expanded .component-content .submenu-link:hover {
    color: rgba(255, 255, 255, .5)
}
#wrapper .richtext-submenu.expanded .component-content .title-link:hover::after,
#wrapper .richtext-submenu.expanded .component-content .submenu-expander:hover::after,
#wrapper .richtext-submenu.expanded .component-content .submenu-link:hover::after {
    color: rgba(255, 255, 255, .5)
}
#wrapper .richtext-submenu.expanded .component-content .submenu-expander::after {
content: '';}
#wrapper .richtext-submenu.expanded .component-content .submenu-link a {
    color: #fff;
    border-color: #fff
}
#wrapper .richtext-submenu.expanded .component-content .submenu-link a:hover {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .5);
    background-color: transparent
}
@media only screen and (max-width: 1020px) {
    #wrapper .richtext-submenu {
        position: fixed;
        top: 5.2rem;
        transition: background .2s;
        background-color: rgba(255, 255, 255, .9)
    }
    #wrapper .richtext-submenu .title-link {
        display: block;
        pointer-events: fill
    }
    #wrapper .richtext-submenu.scrolled {
        top: 5.2rem
    }
}
@media only screen and (max-width: 900px) {
    #wrapper .richtext-submenu .richtext-submenu-column {
        width: 100%!important
    }
    #wrapper .richtext-submenu .richtext-submenu-column h3 {
        cursor: pointer
    }
    #wrapper .richtext-submenu .richtext-submenu-column h3::after {
        font-family: "Oticon-icon-www";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
content: '';        font-size: .75em;
        margin: 0;
        padding: 0 1em;
        color: rgba(255, 255, 255, .5)
    }
    #wrapper .richtext-submenu .richtext-submenu-column h3.open::after {
content: '';    }
    #wrapper .richtext-submenu .richtext-submenu-column h3.hide {
        display: none
    }
    #wrapper .richtext-submenu .richtext-submenu-column>*:not(h3) {
        display: none
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .richtext-submenu .component-content .title-link,
    #wrapper .richtext-submenu .component-content .submenu-link {
        display: none
    }
    #wrapper .richtext-submenu .component-content .submenu-expander {
        padding-right: 0
    }
    #wrapper .richtext-submenu .component-content .submenu-expander::after {
        padding-right: 0
    }
}
#wrapper .component.screening-test-spot>.component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .social-media-item-wrapper {
    text-align: center;
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .social-media-item-wrapper .social-media-item-group ul li {
    display: inline-block;
    margin: 0 1rem 1rem 0
}
#wrapper .social-media-item-wrapper .icomoon:before {
    font-family: "Oticon-icon-www";
    padding-right: 1em;
    color: #404040
}
#wrapper .social-media-item-wrapper .icomoon.facebook:before {
content: '';}
#wrapper .social-media-item-wrapper .icomoon.linked-in:before {
content: '';}
#wrapper .social-media-item-wrapper .icomoon.twitter:before {
content: '';}
#wrapper .social-media-item-wrapper .button:hover:before {
    transition: all, .1s;
    color: #fff
}
.social-media-share ul {
    overflow: hidden
}
.social-media-share li {
    float: left;
    margin: 0 10px 10px 0
}
.AddThis .addthis_counter.addthis_pill_style {
    height: auto
}
.AddThis a.atc_s.addthis_button_compact {
    width: 20px;
    height: 20px;
    background-image: none;
    position: relative
}
.AddThis a.atc_s.addthis_button_compact:after {
    content: "+";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    font-size: 22px;
    text-align: center
}
.AddThis a.atc_s.addthis_button_compact:hover {
    background-color: #95bcf2
}
.atm .atm-i {
    border: none;
    box-shadow: none
}
.atm .atm-i>div {
    margin-left: -10px!important
}
#wrapper .spot-control-spot {
    background-color: rgba(45, 45, 45, .9);
    padding: 2rem 0 2rem;
    color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 10;
    margin-top: 0!important
}
#wrapper .spot-control-spot>h3 {
    margin: 1rem;
    font-size: 1rem;
    cursor: pointer
}
#wrapper .spot-control-spot>h3::after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
content: '';    font-size: 1rem;
    margin: 0;
    padding: 0 1rem;
    transition: all .2s;
    position: relative;
    top: .2rem
}
#wrapper .spot-control-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    width: 100%
}
#wrapper .spot-control-spot .component-content .spot-controls {
    display: none
}
#wrapper .spot-control-spot .component-content .spot-controls h4 {
    display: block;
    margin: 0 0 .2rem
}
#wrapper .spot-control-spot .component-content .spot-controls .spot-control {
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: 1.3rem;
    width: 10%
}
#wrapper .spot-control-spot .component-content .spot-controls .spot-control .spot-control-label {
    display: inline-block
}
#wrapper .spot-control-spot .component-content .spot-controls .spot-control input {
    width: auto;
    margin-bottom: 0;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox
}
#wrapper .spot-control-spot .component-content .spot-controls .stretch {}#wrapper .spot-control-spot .component-content .spot-controls.transport {
    margin-top: 1rem
}
#wrapper .spot-control-spot .component-content .spot-controls.transport .reset {
    margin: 0;
    position: absolute;
    bottom: 1rem;
    left: 20%
}
#wrapper .spot-control-spot .component-content .spot-controls.transport .reset a {
    color: rgba(204, 17, 34, .6)
}
#wrapper .spot-control-spot .component-content .spot-controls.transport .reset a:hover {
    color: #c12
}
#wrapper .spot-control-spot.expanded {
    left: 0;
    right: 0
}
#wrapper .spot-control-spot.expanded>h3 {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    margin: 1rem auto;
    cursor: pointer;
    width: 100%;
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 5%
}
#wrapper .spot-control-spot.expanded>h3::after {
content: '';    top: .2rem
}
#wrapper .spot-control-spot.expanded h4 {
    font-size: .8rem
}
#wrapper .spot-control-spot.expanded .spot-control input {
    margin-top: .1rem
}
#wrapper .spot-control-spot.expanded .spot-control .spot-control-label {
    font-size: .8rem
}
#wrapper .spot-control-spot.expanded .spot-controls {
    margin-top: 2rem;
    margin-bottom: 3rem
}
#wrapper .spot-control-spot.expanded .transport {
    position: relative
}
#wrapper .spot-control-spot.scrolled {
    position: fixed;
    margin-top: 0;
    top: 0;
    z-index: 4
}
#wrapper .submenu-spot {
    pointer-events: none;
    position: absolute;
    top: 8em;
    left: 0;
    z-index: 5;
    width: 100%;
    padding: 1em 0;
    transition: background .2s;
    background-color: transparent;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}
#wrapper .submenu-spot:before {
    content: '';
    clear: both;
    display: table
}
#wrapper .submenu-spot>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: visible .5s, opacity .5s, background .2s, -webkit-transform .5s;
    transition: visible .5s, opacity .5s, transform .5s, background .2s;
    transition: visible .5s, opacity .5s, transform .5s, background .2s, -webkit-transform .5s;
    transition-delay: .5s
}
#wrapper .submenu-spot>div:before {
    content: '';
    clear: both;
    display: table
}
#wrapper .submenu-spot>div .title-link,
#wrapper .submenu-spot>div .submenu-expander,
#wrapper .submenu-spot>div .submenu-link {
    cursor: pointer;
    font-family: "Soho Gothic W01 Regular", "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    position: relative;
    display: block;
    pointer-events: fill
}
#wrapper .submenu-spot>div .submenu-expander {
    float: right;
    font-family: "Soho Gothic W01 Light", "Arial", sans-serif;
    padding: .6em 2em;
    color: #7f7f7f
}
#wrapper .submenu-spot>div .submenu-expander:hover {
    color: #061922
}
#wrapper .submenu-spot>div .submenu-expander:hover:after {
    color: #061922
}
#wrapper .submenu-spot>div .submenu-expander:after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
content: '';    font-size: 1em;
    margin: 0;
    padding: 0 1em;
    color: #7f7f7f;
    transition: all .2s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
#wrapper .submenu-spot>div .title-link {
    pointer-events: none;
    display: none;
    float: left;
    padding: 1.5em 0;
    margin: -1em 0 -1.7em 0;
    height: 1.4em;
    font-size: 1.333333em
}
#wrapper .submenu-spot>div .title-link:hover {
    color: #061922
}
#wrapper .submenu-spot>div .title-link:hover:after {
    opacity: 1;
    -webkit-transform: translateY(1.5em);
    -ms-transform: translateY(1.5em);
    transform: translateY(1.5em)
}
#wrapper .submenu-spot>div .title-link:after {
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    content: '';
    font-size: 1em;
    margin: 0;
    padding: 0 1em;
    color: #7f7f7f;
    -webkit-transform: translateY(2.5em);
    -ms-transform: translateY(2.5em);
    transform: translateY(2.5em);
    opacity: 0;
    transition: all .2s;
    position: absolute;
    top: 0
}
#wrapper .submenu-spot .submenu-link {
    float: right
}
#wrapper .submenu-spot .submenu-link a {
    right: 0;
    font-size: 1em;
    padding: .55em 1.3em .75em 1.3em;
    border-width: 2px;
    color: #7f7f7f;
    border-color: #7f7f7f
}
#wrapper .submenu-spot .submenu-link a:hover {
    color: #fff;
    background-color: #7f7f7f;
    text-shadow: none
}
#wrapper .submenu-spot .component-content:before,
#wrapper .submenu-spot .component-content:after {
    content: '';
    clear: both;
    display: table
}
#wrapper .submenu-spot .component-content>div,
#wrapper .submenu-spot .component-content>ul {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    pointer-events: fill
}
#wrapper .submenu-spot .component-content>ul {
    display: none;
    margin-top: 5em
}
#wrapper .submenu-spot .component-content>ul>li {
    text-align: center;
    float: left;
    width: 25%;
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .1);
    position: relative;
    padding-bottom: 1.2em;
    margin-bottom: 1em
}
#wrapper .submenu-spot .component-content>ul>li:last-child {
    box-shadow: none
}
#wrapper .submenu-spot .component-content>ul>li img {
    max-width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0
}
#wrapper .submenu-spot .component-content>ul>li a {
    color: #fff;
    opacity: .5;
    transition: opacity .2s;
    position: relative;
    padding-top: 41%;
    display: block;
    margin-left: 9%;
    margin-right: 9%;
    text-decoration: none
}
#wrapper .submenu-spot .component-content>ul>li a:hover {
    opacity: 1
}
#wrapper .submenu-spot.scrolled {
    position: fixed;
    top: 0
}
#wrapper .submenu-spot.scrolled .title-link {
    display: block;
    pointer-events: fill
}
#wrapper .submenu-spot.expanded {
    background-color: #404040;
    color: #fff
}
#wrapper .submenu-spot.expanded .title-link {
    display: block;
    pointer-events: fill
}
#wrapper .submenu-spot.expanded .title-link:hover {
    color: #fff
}
#wrapper .submenu-spot.expanded .submenu-expander {
    color: #fff
}
#wrapper .submenu-spot.expanded .submenu-expander:after {
    color: #fff;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}
#wrapper .submenu-spot.expanded .submenu-expander:hover {
    color: #fff
}
#wrapper .submenu-spot.expanded .submenu-expander:hover:after {
    color: #fff
}
#wrapper .submenu-spot.expanded .component-content .submenu-link a {
    background-color: #404040;
    color: #fff;
    border-color: #fff
}
#wrapper .submenu-spot.expanded .component-content .submenu-link a:hover {
    color: #404040;
    background-color: #fff;
    border-color: #fff
}
#wrapper .submenu-spot.expanded ul>li>a>img {
    opacity: 1
}
#wrapper .submenu-spot.hide-expander .submenu-expander {
    display: none
}
#wrapper .submenu-spot.no-images .component-content>ul>li a {
    padding-top: 0
}
#wrapper .submenu-spot.no-images .component-content>ul>li a img {
    display: none
}
@media only screen and (max-width: 1020px) {
    #wrapper .submenu-spot {
        position: static;
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    #wrapper .submenu-spot>div .submenu-expander {
        display: none
    }
    #wrapper .submenu-spot.expanded {
        background-color: inherit;
        color: inherit
    }
    #wrapper .submenu-spot.expanded .title-link {
        display: inherit;
        pointer-events: inherit
    }
    #wrapper .submenu-spot.expanded .title-link:hover {
        color: inherit
    }
    #wrapper .submenu-spot.expanded .submenu-expander {
        color: inherit
    }
    #wrapper .submenu-spot.expanded .submenu-expander:after {
        color: inherit;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    #wrapper .submenu-spot.expanded .submenu-expander:hover {
        color: inherit
    }
    #wrapper .submenu-spot.expanded .submenu-expander:hover:after {
        color: inherit
    }
    #wrapper .submenu-spot.expanded .component-content .submenu-link a {
        background-color: inherit;
        color: inherit;
        border-color: inherit
    }
    #wrapper .submenu-spot.expanded .component-content .submenu-link a:hover {
        color: inherit;
        background-color: inherit;
        border-color: inherit
    }
    #wrapper .submenu-spot.expanded ul>li>a>img {
        opacity: inherit
    }
    #wrapper .submenu-spot.scrolled {
        top: 2rem;
        background-color: rgba(255, 255, 255, .9)
    }
}
#wrapper .submenu-point-spot .component-content a {
    position: relative;
    top: -3rem
}
.on-page-editor #wrapper>#content .component.text-image-spot {
    min-height: 100px
}
#wrapper>#content .component.text-image-spot .text-image-spot-image-container a {
    display: block;
    text-decoration: none
}
#wrapper>#content .component.text-image-spot .text-image-spot-image-container a::before,
#wrapper>#content .component.text-image-spot .text-image-spot-image-container a::after {
    content: ' ';
    display: none
}
#wrapper>#content .component.text-image-spot:not(.version2) {
    position: relative;
    overflow: hidden
}
#wrapper>#content .component.text-image-spot:not(.version2) * {
    box-sizing: border-box
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-image-container {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2rem;
    bottom: 2rem
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-image-container .text-image-spot-image {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container {
    position: absolute;
    width: 68.75rem;
    max-width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2rem;
    bottom: 2rem;
    pointer-events: none
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 50%;
    padding-right: 2rem;
    padding-left: 0;
    right: 50%;
    pointer-events: all;
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text>*:first-child {
    margin-top: 0;
    padding-top: 0
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark {
    background-color: #404040;
    color: #aaa
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-light {
    background-color: #fff;
    color: #aaa
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate {
    background-color: #64a0c8;
    color: #fff
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-white,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate {
    width: 10em;
    height: 10em;
    padding: .5em;
    margin: 2em 1em 1em 0
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark h3,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark .bigger,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-white h3,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-white .bigger,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate h3,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate .bigger {
    padding: 1em .3em;
    margin: 0;
    font-size: 1em;
    line-height: 1.333em
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark hr,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-white hr,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate hr {
    padding: 0;
    margin: 0
}
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-dark .bigger,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-white .bigger,
#wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text .generic-spot-fact-corporate .bigger {
    font-size: 2.25em!important
}
#wrapper>#content .component.text-image-spot:not(.version2).iright .text-image-spot-image {
    padding-left: 0;
    padding-right: 0;
    left: 50%
}
#wrapper>#content .component.text-image-spot:not(.version2).iright .text-image-spot-text {
    left: 0;
    padding-right: 2rem;
    padding-left: 0
}
#wrapper>#content .component.text-image-spot:not(.version2).ialignborder .text-image-spot-image>img {
    float: left
}
#wrapper>#content .component.text-image-spot:not(.version2).ialignborder.iright .text-image-spot-image>img {
    float: right
}
#wrapper>#content .component.text-image-spot:not(.version2):not(.ialignborder) .text-image-spot-image>img {
    float: right
}
#wrapper>#content .component.text-image-spot:not(.version2):not(.ialignborder).iright .text-image-spot-image>img {
    float: left
}
#wrapper>#content .component.text-image-spot:not(.version2).inormal .text-image-spot-image-container {
    width: 68.75rem;
    max-width: 90%
}
#wrapper>#content .component.text-image-spot:not(.version2).islim .text-image-spot-image-container {
    width: 60rem;
    max-width: 90%
}
#wrapper>#content .component.text-image-spot:not(.version2).iw60 .text-image-spot-image {
    width: 60%
}
#wrapper>#content .component.text-image-spot:not(.version2).iw60.iright .text-image-spot-image {
    left: 40%
}
#wrapper>#content .component.text-image-spot:not(.version2).iw40 .text-image-spot-image {
    width: 40%
}
#wrapper>#content .component.text-image-spot:not(.version2).iw40.iright .text-image-spot-image {
    left: 60%
}
#wrapper>#content .component.text-image-spot:not(.version2).iposmiddle .text-image-spot-image {
    bottom: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
#wrapper>#content .component.text-image-spot:not(.version2).iposbottom .text-image-spot-image {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
#wrapper>#content .component.text-image-spot:not(.version2).tforceheight .text-image-spot-image-container {
    overflow: hidden
}
#wrapper>#content .component.text-image-spot:not(.version2).tforceheight.small-image .text-image-spot-image {
    height: 100%
}
#wrapper>#content .component.text-image-spot:not(.version2).tforceheight.small-image .text-image-spot-image img {
    height: 100%;
    width: auto;
    max-width: none
}
#wrapper>#content .component.text-image-spot:not(.version2).inoborder .text-image-spot-image-container {
    top: 0;
    bottom: 0
}
#wrapper>#content .component.text-image-spot:not(.version2).inoborder:not(.tforceheight) .text-image-spot-text-container {
    top: 0;
    bottom: 0
}
#wrapper>#content .component.text-image-spot:not(.version2).tslim .text-image-spot-text-container {
    width: 60rem;
    max-width: 90%
}
#wrapper>#content .component.text-image-spot:not(.version2).tw60 .text-image-spot-text {
    width: 60%;
    left: 40%
}
#wrapper>#content .component.text-image-spot:not(.version2).tw60.iright .text-image-spot-text {
    left: 0
}
#wrapper>#content .component.text-image-spot:not(.version2).tw40 .text-image-spot-text {
    width: 40%;
    left: 60%
}
#wrapper>#content .component.text-image-spot:not(.version2).tw40.iright .text-image-spot-text {
    left: 0%
}
#wrapper>#content .component.text-image-spot:not(.version2).tposmiddle .text-image-spot-text {
    bottom: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
#wrapper>#content .component.text-image-spot:not(.version2).tposbottom .text-image-spot-text {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
@media only screen and (max-width: 800px) {
    #wrapper>#content .component.text-image-spot:not(.version2) {
        min-height: 0!important
    }
    #wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-image-container {
        position: static;
        max-width: 90%;
        width: 100%;
        margin: auto;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        overflow: visible;
        margin-top: 0
    }
    #wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-image-container .text-image-spot-image {
        position: static;
        width: auto;
        padding: 0 0 1rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left
    }
    #wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-image-container .text-image-spot-image img {
        float: none!important
    }
    #wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container {
        position: static;
        width: 100%;
        max-width: 90%;
        margin: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    #wrapper>#content .component.text-image-spot:not(.version2) .text-image-spot-text-container .text-image-spot-text {
        position: static;
        width: auto;
        padding: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    #wrapper>#content .component.text-image-spot:not(.version2).no-mobile-image .text-image-spot-image-container {
        display: none
    }
}
#wrapper>#content .component.text-image-spot.version2 .text-image-spot-image-container {
    background-size: 0
}
#wrapper>#content .component.text-image-spot.version2 .text-image-spot-text-container {
    padding: 1rem
}
@media only screen and (min-width: 768px) {
    #wrapper>#content .component.text-image-spot.version2 {
        display: table;
        width: 100%;
        padding: 2rem 0;
        table-layout: fixed
    }
    #wrapper>#content .component.text-image-spot.version2 .component-content {
        display: table-row;
        width: 100%
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-image-container,
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-text-container {
        display: table-cell;
        width: 50%
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-text {
        position: relative
    }
    #wrapper>#content .component.text-image-spot.version2:not(.iright) .text-image-spot-text {
        float: left;
        padding: 0 0 0 2rem
    }
    #wrapper>#content .component.text-image-spot.version2.iright {
        direction: rtl
    }
    #wrapper>#content .component.text-image-spot.version2.iright .text-image-spot-image-container {
        direction: ltr
    }
    #wrapper>#content .component.text-image-spot.version2.iright .text-image-spot-text-container {
        direction: ltr
    }
    #wrapper>#content .component.text-image-spot.version2.iright .text-image-spot-text {
        float: right;
        padding: 0 2rem 0 0
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-text {
        box-sizing: border-box;
        width: 34.375rem;
        max-width: 90%
    }
    #wrapper>#content .component.text-image-spot.version2.tslim .text-image-spot-text {
        width: 30rem
    }
    #wrapper>#content .component.text-image-spot.version2.tw40 .text-image-spot-text {
        position: relative;
        width: 27.5rem;
        max-width: 72%;
        left: 6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.tw40.iright .text-image-spot-text {
        left: -6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.tw40.tslim .text-image-spot-text {
        width: 24rem;
        left: 6rem
    }
    #wrapper>#content .component.text-image-spot.version2.tw60 .text-image-spot-text {
        position: relative;
        width: 41.25rem;
        max-width: 108%;
        left: -6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.tw60.tslim .text-image-spot-text {
        width: 36rem;
        left: -6rem
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-text-container {
        vertical-align: top
    }
    #wrapper>#content .component.text-image-spot.version2.tposmiddle .text-image-spot-text-container {
        vertical-align: middle
    }
    #wrapper>#content .component.text-image-spot.version2.tposbottom .text-image-spot-text-container {
        vertical-align: bottom
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-image {
        box-sizing: border-box;
        width: 100%;
        float: left
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-image img {
        float: right
    }
    #wrapper>#content .component.text-image-spot.version2.inormal .text-image-spot-image img {
        width: 34.375rem;
        max-width: 90%
    }
    #wrapper>#content .component.text-image-spot.version2.islim .text-image-spot-image img {
        width: 30rem;
        max-width: 90%
    }
    #wrapper>#content .component.text-image-spot.version2.iright .text-image-spot-image {
        float: right
    }
    #wrapper>#content .component.text-image-spot.version2.iright .text-image-spot-image img {
        float: left
    }
    #wrapper>#content .component.text-image-spot.version2.ialignborder .text-image-spot-image img {
        float: left
    }
    #wrapper>#content .component.text-image-spot.version2.ialignborder.iright .text-image-spot-image img {
        float: right
    }
    #wrapper>#content .component.text-image-spot.version2.iw40 .text-image-spot-image {
        width: 80%
    }
    #wrapper>#content .component.text-image-spot.version2.iw40.iright .text-image-spot-image {
        margin-left: 20%
    }
    #wrapper>#content .component.text-image-spot.version2.iw40.inormal .text-image-spot-image {
        width: 27.5rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw40.inormal.iright .text-image-spot-image {
        margin-left: 6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw40.islim .text-image-spot-image {
        width: 24rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw40.islim.iright .text-image-spot-image {
        margin-left: 6rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw60 .text-image-spot-image {
        width: 120%
    }
    #wrapper>#content .component.text-image-spot.version2.iw60.iright .text-image-spot-image {
        margin-left: -20%
    }
    #wrapper>#content .component.text-image-spot.version2.iw60.inormal .text-image-spot-image {
        width: 41.25rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw60.inormal.iright .text-image-spot-image {
        margin-left: -6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw60.islim .text-image-spot-image {
        width: 36rem
    }
    #wrapper>#content .component.text-image-spot.version2.iw60.islim.iright .text-image-spot-image {
        margin-left: -6rem
    }
    #wrapper>#content .component.text-image-spot.version2 .text-image-spot-image-container {
        vertical-align: top
    }
    #wrapper>#content .component.text-image-spot.version2.iposmiddle .text-image-spot-image-container {
        vertical-align: middle
    }
    #wrapper>#content .component.text-image-spot.version2.iposbottom .text-image-spot-image-container {
        vertical-align: bottom
    }
    #wrapper>#content .component.text-image-spot.version2.inoborder {
        padding: 0
    }
    #wrapper>#content .component.text-image-spot.version2.inoborder .text-image-spot-text-container {
        padding: 2rem 0
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight .text-image-spot-image-container {
        background-size: cover;
        background-position: center
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight .text-image-spot-image img {
        display: none
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).inormal .text-image-spot-image {
        left: auto;
        right: 0
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).inormal.iw60 .text-image-spot-image {
        right: -6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).inormal.iw40 .text-image-spot-image {
        right: 6.875rem
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).islim .text-image-spot-image {
        left: auto;
        right: 0
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).islim.iw60 .text-image-spot-image {
        right: -6rem
    }
    #wrapper>#content .component.text-image-spot.version2.tforceheight:not(.iright).islim.iw40 .text-image-spot-image {
        right: 6rem
    }
}
#wrapper .two-column-spot {
    text-align: center
}
#wrapper .two-column-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow: hidden;
    text-align: left;
}
#wrapper .two-column-spot .component-content .spot-text-right {
    float: left;
    width: 48%;
    text-align: right;
}
#wrapper .two-column-spot .component-content .spot-text-right>*:first-child {
    margin-top: 0;
    padding-top: 0
}
#wrapper .two-column-spot .component-content .spot-text-left {
    float: right;
    width: 48%;
    text-align: right;
}
#wrapper .two-column-spot .component-content .spot-text-left>*:first-child {
    margin-top: 0;
    padding-top: 0
}
#wrapper .two-column-spot .component-content .spot-text-header {
    width: 100%
}
#wrapper .two-column-spot ul {
    list-style: disc
}
@media only screen and (max-width: 800px) {
    #wrapper .w10.two-column-spot>.component-content,
    #wrapper .w20.two-column-spot>.component-content,
    #wrapper .w30.two-column-spot>.component-content,
    #wrapper .w40.two-column-spot>.component-content,
    #wrapper .w50.two-column-spot>.component-content,
    #wrapper .w60.two-column-spot>.component-content,
    #wrapper .w70.two-column-spot>.component-content,
    #wrapper .w80.two-column-spot>.component-content,
    #wrapper .w90.two-column-spot>.component-content {
        max-width: 90%!important
    }
}
@media only screen and (max-width: 600px) {
    #wrapper .two-column-spot .component-content .spot-text-right {
        float: none;
        width: 100%;
        padding-bottom: 1rem
    }
    #wrapper .two-column-spot .component-content .spot-text-left {
        float: none;
        width: 100%
    }
    #wrapper .two-column-spot .component-content * {
        text-align: left!important
    }
    #wrapper .w10.two-column-spot>.component-content,
    #wrapper .w20.two-column-spot>.component-content,
    #wrapper .w30.two-column-spot>.component-content,
    #wrapper .w40.two-column-spot>.component-content,
    #wrapper .w50.two-column-spot>.component-content,
    #wrapper .w60.two-column-spot>.component-content,
    #wrapper .w70.two-column-spot>.component-content,
    #wrapper .w80.two-column-spot>.component-content,
    #wrapper .w90.two-column-spot>.component-content {
        max-width: 90%!important
    }
}
#wrapper .vertical-line-spot {
    position: relative
}
#wrapper .vertical-line-spot .vertical-line-header,
#wrapper .vertical-line-spot .vertical-line-cta {
    display: none;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    text-align: center
}
#wrapper .vertical-line-spot .vertical-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #061922;
    width: 2px;
    margin-left: -1px;
    z-index: 1
}
#wrapper .vertical-line-spot ul {
    padding: 0 0 7rem 0
}
#wrapper .vertical-line-spot li {
    padding-top: 7rem
}
#wrapper .vertical-line-spot li .vertical-line-item-image {
    position: relative
}
#wrapper .vertical-line-spot li:nth-child(odd) .vertical-line-item-text {
    float: left;
    text-align: right
}
#wrapper .vertical-line-spot li:nth-child(odd) .vertical-line-item-text p {
    float: right;
    clear: both
}
#wrapper .vertical-line-spot li:nth-child(odd) hr {
    float: left
}
#wrapper .vertical-line-spot li:nth-child(odd) .vertical-line-item-image {
    float: right
}
#wrapper .vertical-line-spot li:nth-child(odd) .vertical-line-item-image::before {
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-right: none;
    content: "";
    height: 0;
    position: absolute;
    left: -1px;
    top: 13px;
    width: 0;
    z-index: 3
}
#wrapper .vertical-line-spot li:nth-child(even) .vertical-line-item-text {
    float: right
}
#wrapper .vertical-line-spot li:nth-child(even) .vertical-line-item-image {
    float: left
}
#wrapper .vertical-line-spot li:nth-child(even) .vertical-line-item-image::before {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    border-left: none;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 13px;
    width: 0;
    z-index: 3
}
#wrapper .vertical-line-spot li .vertical-line-item-text {
    padding: 0 4rem;
    clear: both
}
#wrapper .vertical-line-spot li .vertical-line-item-text p {
    max-width: 70%
}
#wrapper .vertical-line-spot li .vertical-line-item-text,
#wrapper .vertical-line-spot li .vertical-line-item-image {
    box-sizing: border-box;
    max-width: 50%;
    width: 100%
}
#wrapper .vertical-line-spot li .vertical-line-item-text img,
#wrapper .vertical-line-spot li .vertical-line-item-image img {
    width: 100%;
    height: auto
}
#wrapper .vertical-line-spot li .vertical-line-cta {
    clear: both
}
#wrapper .vertical-line-spot li .vertical-line-item-end {
    clear: both
}
#wrapper .vertical-line-spot.vertical-line-testimonial .vertical-line-header,
#wrapper .vertical-line-spot.vertical-line-teaser .vertical-line-header {
    padding-bottom: 1px
}
#wrapper .vertical-line-spot.vertical-line-testimonial .vertical-line-header,
#wrapper .vertical-line-spot.vertical-line-testimonial .vertical-line-cta,
#wrapper .vertical-line-spot.vertical-line-teaser .vertical-line-header,
#wrapper .vertical-line-spot.vertical-line-teaser .vertical-line-cta {
    display: block;
    position: relative;
    background-color: #fff;
    z-index: 3
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul,
#wrapper .vertical-line-spot.vertical-line-teaser ul {
    padding: 4em 0 0 0
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li,
#wrapper .vertical-line-spot.vertical-line-teaser ul li {
    padding-top: 0;
    min-height: 9.5em
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-subheader p.bigger,
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-subheader p.bigger {
    margin-bottom: 0
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-text p,
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-text p {
    max-width: 50%
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-image {
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    border: 2px solid #061922;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    z-index: 3
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-image img {
    border-radius: 50%;
    height: 100%
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-image:before {
    display: none
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li:nth-child(odd) .vertical-line-item-image {
    float: left;
    margin-left: -2rem
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li:nth-child(even) .vertical-line-item-image {
    float: right;
    margin-right: -2rem
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-header {
    display: none
}
#wrapper .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-subheader {
    color: #64a0c8
}
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-header h2 {
    margin-bottom: 0
}
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-body,
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-image {
    display: none
}
#wrapper .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-text {
    padding: 0 2rem
}
#wrapper .vertical-line-spot.vertical-line-teaser ul li:last-child p.bigger {
    margin-bottom: 3.5em
}
@media only screen and (max-width: 900px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 3.6em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 75%
    }
}
@media only screen and (max-width: 850px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 3.3em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 80%
    }
}
@media only screen and (max-width: 800px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 3em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 85%
    }
}
@media only screen and (max-width: 750px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 2.6em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 90%
    }
}
@media only screen and (max-width: 700px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 2.3em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 95%
    }
}
@media only screen and (max-width: 650px) {
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text {
        padding: 0 2em
    }
    #wrapper>#content .vertical-line-spot li .vertical-line-item-text p {
        max-width: 100%
    }
}
@media only screen and (max-width: 600px) {
    #wrapper>#content .vertical-line-spot .vertical-line {
        left: 5%;
        display: none
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd),
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) {
        float: none
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-text,
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-image,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-text,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-image {
        float: none;
        max-width: 90%;
        margin-left: 5%;
        text-align: left
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-text,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-text {
        padding: 0
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-text p,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-text p {
        float: none;
        max-width: 100%
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-image,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-image {
        float: left
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-image:before,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-image:before {
        display: none
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-header,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-header {
        display: block
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-header h2,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-header h2 {
        margin-bottom: 0
    }
    #wrapper>#content .vertical-line-spot ul li:nth-child(odd) .vertical-line-item-subheader p,
    #wrapper>#content .vertical-line-spot ul li:nth-child(even) .vertical-line-item-subheader p {
        margin-bottom: 1em
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial .vertical-line,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser .vertical-line {
        left: 2rem;
        top: 0;
        bottom: 0
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul {
        padding-top: 2rem
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:nth-child(odd),
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:nth-child(even),
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:nth-child(odd),
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:nth-child(even) {
        position: relative;
        margin-bottom: 4rem;
        min-height: 0
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:nth-child(odd) .vertical-line-item-image,
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:nth-child(even) .vertical-line-item-image,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:nth-child(odd) .vertical-line-item-image,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:nth-child(even) .vertical-line-item-image {
        float: none;
        margin: 0 auto
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-header>h2,
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-subheader>p,
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li .vertical-line-item-body>p,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-header>h2,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-subheader>p,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li .vertical-line-item-body>p {
        text-align: center
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:not(:last-child),
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:not(:last-child) {
        margin-bottom: 0
    }
    #wrapper>#content .vertical-line-spot.vertical-line-testimonial ul li:not(:last-child)::after,
    #wrapper>#content .vertical-line-spot.vertical-line-teaser ul li:not(:last-child)::after {
        content: '';
        width: 200px;
        border-bottom: 1px solid #061922;
        display: block;
        margin: 2em auto
    }
}
#wrapper .video-spot.no-data-source {
    display: none!important
}
#wrapper .video-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video {
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video:not(:last-child) {
    margin-bottom: 1rem
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video .embed-code {
    display: none
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video .video-spot-image {
    cursor: pointer
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video .video-spot-image img {
    display: block
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video .video-spot-play-btn {
    cursor: pointer;
    background-color: #64a0c8;
    width: 7em;
    height: 7em;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
#wrapper .video-spot .component-content .video-spot-container .video-spot-video .video-spot-play-btn::after {
    font-family: "Oticon-icon-www";
content: '';    font-size: 4.5em;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#wrapper .video-spot .component-content .video-spot-container .inline-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#wrapper .video-spot.play-inline .component-content .video-spot-container .video-spot-video {
    visibility: hidden
}
#wrapper .video-spot.full-width-image .component-content .video-spot-container .video-spot-video {
    width: 100%
}
#wrapper .video-spot.full-width-image .component-content .video-spot-container .video-spot-video .video-spot-image img {
    width: 100%;
    height: auto
}
#wrapper .video-spot-overlay {
    display: none;
    background-color: rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}
#wrapper .video-spot-overlay .video-spot-overlay-close {
    width: 3em;
    height: 3em;
    position: fixed;
    top: 3em;
    right: 3em;
    cursor: pointer
}
#wrapper .video-spot-overlay .video-spot-overlay-close::after {
content: '';    position: absolute;
    top: 0;
    left: 0;
    font-family: "Oticon-icon-www";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 3em;
    color: rgba(255, 255, 255, .5)
}
#wrapper .video-spot-overlay .video-spot-overlay-close:hover::after {
    color: #fff
}
#wrapper .video-spot-overlay .video-spot-overlay-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#wrapper .component.rich-text {
    overflow: hidden
}
#wrapper .component.rich-text ul {
    list-style: inherit;
    line-height: 1;
    list-style-position: outside;
    margin-left: 1rem
}
#wrapper .component.rich-text ul li {
    margin-bottom: 1rem
}
#wrapper .component.rich-text.contain-inside {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .component.rich-text.text-size-1 .component-content {
    width: 20rem
}
#wrapper .component.rich-text.text-size-2 .component-content {
    width: 30rem
}
#wrapper .component.rich-text.text-size-3 .component-content {
    width: 40rem
}
#wrapper .component.rich-text.text-size-4 .component-content {
    width: 50rem
}
#wrapper .component.rich-text.text-size-5 .component-content {
    width: 60rem
}
ul.ui-autocomplete {
    background: #fff;
    border: 1px solid #747678;
    border-top: none;
    z-index: 9
}
ul.ui-autocomplete li {
    padding: .1rem;
    cursor: pointer;
    transition: background .2s;
    box-sizing: border-box
}
ul.ui-autocomplete li:hover {
    background: #64a0c8
}
#wrapper #content .component.search-result-spot {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper #content .component.search-result-spot .component-content {
    width: 100%;
    max-width: none
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.search-result-spot .search-field {
        overflow: hidden;
        margin-bottom: 2rem
    }
}
#wrapper #content .component.search-result-spot .search-field input {
    width: 100%;
    border: 1px solid #747678;
    padding: .5rem .2rem;
    box-sizing: border-box
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.search-result-spot .search-field input {
        width: 20rem;
        float: left
    }
}
#wrapper #content .component.search-result-spot .search-field .search-result-count {
    position: relative;
    text-align: center;
    color: #747678;
    margin-top: .2rem
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.search-result-spot .search-field .search-result-count {
        margin-left: 1rem;
        float: left;
        margin-top: .5rem
    }
}
#wrapper #content .component.search-result-spot .search-field .search-result-count::before {
    font-family: 'Oticon-icon-www';
content: '';    font-size: 1.3rem;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    cursor: pointer;
    opacity: .6;
    position: absolute;
    top: 50%;
    right: .2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #747678;
    margin-top: -1.7rem
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.search-result-spot .search-field .search-result-count::before {
        left: -2.5rem;
        text-align: left;
        margin-top: auto
    }
}
#wrapper #content .component.search-result-spot .search-result ul>li>h3 {
    text-align: left;
    padding-top: 2.5rem;
    line-height: 1
}
#wrapper #content .component.search-result-spot .search-result ul>li>h3>a {
    color: #061922
}
#wrapper #content .component.search-result-spot .search-result ul>li>a {
    display: block;
    margin-bottom: .4rem;
    word-break: break-all;
    overflow: hidden;
    max-width: 70ch;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.2rem
}
@media only screen and (max-width: 1024px) {
    .cookie-warning {
        top: auto;
        bottom: 0
    }
    .cookie-warning.initialized {
        display: block;
        -webkit-animation: myAniBottom 2s;
        animation: myAniBottom 2s
    }
}
#wrapper .component.distributor-locator .map-nav-container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: #e4e4e4
}
#wrapper .component.distributor-locator .map-nav-container .zoom.control {
    position: absolute;
    z-index: 5;
    right: .4rem;
    top: 5.8rem
}
#wrapper .component.distributor-locator .map-nav-container .zoom.control .zoom-in,
#wrapper .component.distributor-locator .map-nav-container .zoom.control .zoom-out {
    width: 1.7rem;
    height: 1.7rem;
    cursor: pointer
}
#wrapper .component.distributor-locator .map-nav-container .map-nav-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto
}
#wrapper .component.distributor-locator .map-nav-container .map-nav-content .search {
    text-align: center
}
#wrapper .component.distributor-locator .map-nav-container .map-nav-content .search input {
    padding: 1.5px 5px;
    width: 13rem;
    background: #fff;
    height: 1.78rem;
    display: inline-block;
    border: none
}
#wrapper .component.distributor-locator .map-nav-container .map-nav-content .search .btn--inverted {
    background: #64a0c8;
    border: none;
    line-height: 1.78;
    padding: 1.5px 27px 2px 20px
}
#wrapper .component.distributor-locator .map-nav-container .map-nav-content .search .btn--inverted:hover {
    background: #fff
}
@media only screen and (max-width: 1024px) {
    #wrapper .component.distributor-locator .map-nav-container .map-nav-content .search input,
    #wrapper .component.distributor-locator .map-nav-container .map-nav-content .search button {
        box-sizing: border-box;
        width: 100%;
        margin-top: 1rem
    }
}
#wrapper .component.distributor-locator #map-canvas {
    margin-left: 0;
    height: 460px
}
@media only screen and (max-width: 1024px) {
    #wrapper .component.distributor-locator #map-canvas {
        margin-top: 0;
        display: block;
        height: 20rem
    }
}
#wrapper .component.distributor-locator #map-canvas .single-center .card-inside {
    padding-bottom: 1rem
}
#wrapper .component.distributor-locator #map-canvas .single-center::before {
    content: " ";
    display: inline-block;
    width: 2px;
    height: 4rem;
    background: #64a0c8;
    float: left;
    margin-right: 1rem
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-name {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.12rem;
    color: #061922;
    text-align: left;
    padding: 0;
    margin: 0 0 .55556rem;
    position: relative;
    padding-right: 1rem
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-email {
    line-height: 1.5
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-email a {
    margin-left: .2rem
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-fax {
    line-height: 1.5
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-fax a {
    margin-left: .2rem
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-phone {
    line-height: 1.5
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-phone a {
    margin-left: .2rem
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-mobilephone {
    line-height: 1.5
}
#wrapper .component.distributor-locator #map-canvas .single-center .center-mobilephone a {
    margin-left: .2rem
}
#wrapper .component.distributor-locator #map-canvas .gm-close-btn {
    width: 1.2rem;
    height: 1rem;
    display: block;
    position: absolute;
    top: 0;
    right: -.4rem;
    z-index: 99999;
    cursor: pointer
}
#wrapper .component.form .scfSingleLineGeneralPanel,
#wrapper .component.form .scfTelephoneGeneralPanel,
#wrapper .component.form .scfEmailGeneralPanel,
#wrapper .component.form .scfNumberGeneralPanel {
    width: 69%
}
#wrapper .component.form .scfSingleLineGeneralPanel .scfValidator,
#wrapper .component.form .scfTelephoneGeneralPanel .scfValidator,
#wrapper .component.form .scfEmailGeneralPanel .scfValidator,
#wrapper .component.form .scfNumberGeneralPanel .scfValidator {
    margin-left: .2rem
}
#wrapper .component.form .scfSectionContent>div {
    margin: 0;
    padding-bottom: 0
}
#wrapper .component.form input {
    border: 1px solid #747678;
    width: 100%;
    height: 1rem;
    padding: .1rem 0;
    box-sizing: content-box
}
#wrapper .component.form input.scfNumberTextBox {
    width: 75%
}
#wrapper .component.form input[type="submit"],
#wrapper .component.form input.scfSubmitButton {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #64a0c8;
    text-decoration: none;
    display: inline-block;
    color: #64a0c8;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center;
    background: #64a0c8;
    color: #fff;
    margin: .5rem;
    height: auto
}
#wrapper .component.form input[type="submit"]:hover,
#wrapper .component.form input.scfSubmitButton:hover {
    background-color: #64a0c8;
    color: #fff
}
#wrapper .component.form input[type="submit"]:focus,
#wrapper .component.form input.scfSubmitButton:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
#wrapper .component.form .scfCheckBoxListGeneralPanel {
    width: 100%
}
#wrapper .component.form .scfSingleLineTextBorder .scfRequired,
#wrapper .component.form .scfSingleLineTextBorder .scfValidatorRequired,
#wrapper .component.form .scfNumberBorder .scfRequired,
#wrapper .component.form .scfNumberBorder .scfValidatorRequired,
#wrapper .component.form .scfEmailBorder .scfRequired,
#wrapper .component.form .scfEmailBorder .scfValidatorRequired {
    position: absolute;
    margin-left: -69%
}
#wrapper .component.form input[type="checkbox"] {
    display: block;
    width: auto;
    float: left;
    margin-right: 1rem
}
#wrapper .component.form input[type="checkbox"]+label {
    margin-left: 0
}
#wrapper .component.form .scfCaptchaGeneralPanel {
    width: 100%;
    height: 3rem;
    margin-top: 2rem
}
@media only screen and (min-width: 768px) {
    #wrapper .component.form .scfCaptchaGeneralPanel {
        margin-top: 0
    }
}
#wrapper .component.form .scfCaptchaGeneralPanel label {
    float: left;
    width: auto
}
#wrapper .component.form .scfCaptchaGeneralPanel table {
    margin-top: 0
}
#wrapper .component.form .scfCaptchaGeneralPanel table td {
    padding: 0
}
#wrapper .component.form .scfCaptchaGeneralPanel table td:first-of-type>div {
    border: 1px solid #747678
}
#wrapper .component.form .scfCaptchaGeneralPanel table td:last-of-type>input[type="image"]:first-of-type {
    margin-bottom: -.3rem
}
#wrapper .component.form .scfCaptchaGeneralPanel table td:last-of-type>input[type="image"]:last-of-type {
    display: none
}
#wrapper .component.form .scfCaptchaGeneralPanel table td:last-of-type br {
    display: none
}
#wrapper .component.form .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfRequired,
#wrapper .component.form .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfValidatorRequired {
    float: left
}
#wrapper .component.form .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfCaptchStrongTextPanel {
    width: 184px
}
@media only screen and (min-width: 1025px) {
    #wrapper .component.form .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfCaptchStrongTextPanel {
        position: absolute;
        bottom: .5rem
    }
}
#wrapper .component.form .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfCaptchStrongTextPanel span.scfValidator {
    display: none
}
#wrapper .component.form .scfValidationSummary {
    margin-left: .5rem
}
#wrapper .component.form .scfHiddenFieldBorder {
    display: none
}
@media screen and (max-width: 768px) {
    #wrapper .component.form .scfSingleLineGeneralPanel,
    #wrapper .component.form .scfNumberGeneralPanel,
    #wrapper .component.form .scfTelephoneGeneralPanel,
    #wrapper .component.form .scfEmailGeneralPanel {
        width: 50%
    }
    #wrapper .component.form .scfSingleLineTextBorder .scfRequired,
    #wrapper .component.form .scfSingleLineTextBorder .scfValidatorRequired,
    #wrapper .component.form .scfNumberBorder .scfRequired,
    #wrapper .component.form .scfNumberBorder .scfValidatorRequired,
    #wrapper .component.form .scfEmailBorder .scfRequired,
    #wrapper .component.form .scfEmailBorder .scfValidatorRequired {
        margin-left: -50%
    }
    #wrapper .component.form .scfSingleLineTextLabel,
    #wrapper .component.form .scfNumberLabel,
    #wrapper .component.form .scfTelephoneLabel,
    #wrapper .component.form .scfEmailLabel {
        width: 40%
    }
    #wrapper .component.form .scfCaptchaLimitGeneralPanel {
        position: relative
    }
    #wrapper .component.form .scfCaptchStrongTextPanel {
        position: relative
    }
}
@media only screen and (max-width: 767px) {
    #wrapper #content .component.image-spot .image-spot-element {
        width: 100%;
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        padding: 0
    }
}
#wrapper #content .component.image-spot.all-equal-image .image-spot-elements .image-spot-element .image-spot-element-image img {
    width: auto
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot .image-spot-elements {
        display: table;
        width: 100%;
        height: 100%
    }
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot .image-spot-elements .image-spot-element {
        display: table-cell;
        height: 100%
    }
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-image {
    padding-bottom: 0
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-image {
        padding: 0 0 1.3em 0
    }
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-header {
    height: auto!important;
    margin-top: .5em;
    margin-bottom: 1em;
    max-width: none
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-header {
        height: auto;
        margin-top: 1em;
        margin-bottom: .5em
    }
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-link {
    text-align: left;
    margin-bottom: 10px;
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-link a {
    color: #64a0c8;
    margin-left: 1rem;
    transition: margin .2s;
    position: relative;
    margin-right: .5rem;
    display: inline
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-link a:hover {
    margin-left: 1.5rem;
    margin-right: 0;
    text-decoration: none
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-link a::before {
    content: ' ';
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-1rem, 25%);
    -ms-transform: translate(-1rem, 25%);
    transform: translate(-1rem, 25%);
    margin-left: 0;
    transition: margin .2s;
    /* background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat; */
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-link a:hover::before {
    margin-left: -.5rem
}
#wrapper #content .component.image-spot .image-spot-elements .image-spot-element .image-spot-element-text {
    height: auto!important;
    max-width: none
}
#wrapper #content .component.image-spot.blue-arrow-icon li.image-spot-element::after {
    content: ' ';
    background: url(../../design/build/GSI/assets/arrow_right.svg) no-repeat;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    bottom: 1rem;
    right: 1rem;
    display: block
}
#wrapper #content .component.image-spot.blue-arrow-icon li.image-spot-element .image-spot-element-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1
}
#wrapper #content .component.image-spot.black-chevron-icon li.image-spot-element {
    padding-bottom: 2rem
}
#wrapper #content .component.image-spot.black-chevron-icon li.image-spot-element::after {
    content: " ";
    background: url(../../design/build/GSI/assets/button-3-empty.svg) no-repeat center;
    background-size: 45%;
    width: 1.5rem;
    height: 1.5rem;
    padding: .5rem;
    border: 2px solid #061922;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transition: background .2s, background-color .2s;
}
#wrapper #content .component.image-spot.black-chevron-icon li.image-spot-element:hover::after {
    background: url(../../design/build/GSI/assets/button-3-black.svg) no-repeat center;
    background-color: #061922;
    background-size: 75%
}
#wrapper #content .component.image-spot.black-chevron-icon li.image-spot-element .image-spot-element-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.image-spot.inline-image-title .image-spot-element-image {
        float: left;
        margin-right: 1rem
    }
    #wrapper #content .component.image-spot.inline-image-title .image-spot-element-text {
        clear: both;
        max-width: none
    }
    #wrapper #content .component.image-spot.inline-image-title .image-spot-element-header {
        margin-right: 0
    }
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li {
    position: relative
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li>a>.image-spot-element-image {
    padding-top: 3rem
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li:last-child {
    border-right: none
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li>.image-spot-element-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li>.image-spot-element-header h2 {
    font-size: 1.6rem;
    padding-bottom: 0
}
#wrapper #content .component.image-spot.title-above>.component-content>ul>li>.image-spot-element-text {
    margin-bottom: 0
}
#wrapper #content .component.image-spot.border-s-blue .component-content,
#wrapper #content .component.image-spot.border-s-gray .component-content,
#wrapper #content .component.image-spot.border-s-black .component-content,
#wrapper #content .component.image-spot.border-d-blue .component-content,
#wrapper #content .component.image-spot.border-d-gray .component-content,
#wrapper #content .component.image-spot.border-d-black .component-content {
    border-style: inherit;
    border-color: inherit;
    overflow: visible
}
#wrapper #content .component.image-spot.border-s-blue .component-content ul,
#wrapper #content .component.image-spot.border-s-gray .component-content ul,
#wrapper #content .component.image-spot.border-s-black .component-content ul,
#wrapper #content .component.image-spot.border-d-blue .component-content ul,
#wrapper #content .component.image-spot.border-d-gray .component-content ul,
#wrapper #content .component.image-spot.border-d-black .component-content ul {
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.image-spot.border-s-blue .component-content ul li.image-spot-element,
#wrapper #content .component.image-spot.border-s-gray .component-content ul li.image-spot-element,
#wrapper #content .component.image-spot.border-s-black .component-content ul li.image-spot-element,
#wrapper #content .component.image-spot.border-d-blue .component-content ul li.image-spot-element,
#wrapper #content .component.image-spot.border-d-gray .component-content ul li.image-spot-element,
#wrapper #content .component.image-spot.border-d-black .component-content ul li.image-spot-element {
    padding-bottom: 1rem;
    border-bottom-width: 1px;
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.image-spot.border-s-blue .component-content ul li.image-spot-element:last-of-type,
#wrapper #content .component.image-spot.border-s-gray .component-content ul li.image-spot-element:last-of-type,
#wrapper #content .component.image-spot.border-s-black .component-content ul li.image-spot-element:last-of-type,
#wrapper #content .component.image-spot.border-d-blue .component-content ul li.image-spot-element:last-of-type,
#wrapper #content .component.image-spot.border-d-gray .component-content ul li.image-spot-element:last-of-type,
#wrapper #content .component.image-spot.border-d-black .component-content ul li.image-spot-element:last-of-type {
    border: none;
    border-bottom-width: 0;
    padding-bottom: 0
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot.border-s-blue .component-content ul li.image-spot-element,
    #wrapper #content .component.image-spot.border-s-gray .component-content ul li.image-spot-element,
    #wrapper #content .component.image-spot.border-s-black .component-content ul li.image-spot-element,
    #wrapper #content .component.image-spot.border-d-blue .component-content ul li.image-spot-element,
    #wrapper #content .component.image-spot.border-d-gray .component-content ul li.image-spot-element,
    #wrapper #content .component.image-spot.border-d-black .component-content ul li.image-spot-element {
        padding-right: 1rem;
        padding-left: 1rem;
        padding-bottom: 0;
        border-left-width: 1px;
        border-bottom-width: 0;
        border-style: inherit;
        border-color: inherit;
    }
    #wrapper #content .component.image-spot.border-s-blue .component-content ul li.image-spot-element:last-of-type,
    #wrapper #content .component.image-spot.border-s-gray .component-content ul li.image-spot-element:last-of-type,
    #wrapper #content .component.image-spot.border-s-black .component-content ul li.image-spot-element:last-of-type,
    #wrapper #content .component.image-spot.border-d-blue .component-content ul li.image-spot-element:last-of-type,
    #wrapper #content .component.image-spot.border-d-gray .component-content ul li.image-spot-element:last-of-type,
    #wrapper #content .component.image-spot.border-d-black .component-content ul li.image-spot-element:last-of-type {
        border-right-width: 0;
        padding-left: 0;
    }
    #wrapper #content .component.image-spot.border-s-blue .component-content ul li.image-spot-element:first-of-type,
    #wrapper #content .component.image-spot.border-s-gray .component-content ul li.image-spot-element:first-of-type,
    #wrapper #content .component.image-spot.border-s-black .component-content ul li.image-spot-element:first-of-type,
    #wrapper #content .component.image-spot.border-d-blue .component-content ul li.image-spot-element:first-of-type,
    #wrapper #content .component.image-spot.border-d-gray .component-content ul li.image-spot-element:first-of-type,
    #wrapper #content .component.image-spot.border-d-black .component-content ul li.image-spot-element:first-of-type {
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.image-spot.border-s-blue.title-above .component-content li.image-spot-element:first-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-s-gray.title-above .component-content li.image-spot-element:first-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-s-black.title-above .component-content li.image-spot-element:first-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-blue.title-above .component-content li.image-spot-element:first-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-gray.title-above .component-content li.image-spot-element:first-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-black.title-above .component-content li.image-spot-element:first-child .image-spot-element-header {
        margin-right: 1rem
    }
    #wrapper #content .component.image-spot.border-s-blue.title-above .component-content li.image-spot-element:last-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-s-gray.title-above .component-content li.image-spot-element:last-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-s-black.title-above .component-content li.image-spot-element:last-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-blue.title-above .component-content li.image-spot-element:last-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-gray.title-above .component-content li.image-spot-element:last-child .image-spot-element-header,
    #wrapper #content .component.image-spot.border-d-black.title-above .component-content li.image-spot-element:last-child .image-spot-element-header {
        margin-left: 1rem
    }
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel {
    margin-bottom: -1px;
    padding-top: 0
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #64a0c8;
    text-decoration: none;
    display: inline-block;
    color: #64a0c8;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button:hover {
    background-color: #64a0c8;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-black,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-black,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-black {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #061922;
    text-decoration: none;
    display: inline-block;
    color: #061922;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-black:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-black:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-black:hover {
    background-color: #061922;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-black:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-black:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-black:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #747678;
    text-decoration: none;
    display: inline-block;
    color: #747678;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray:hover {
    background-color: #747678;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-light,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-light,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-light {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #b2b4b3;
    text-decoration: none;
    display: inline-block;
    color: #b2b4b3;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-light:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-light:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-light:hover {
    background-color: #b2b4b3;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-light:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-light:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-light:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-lighter,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-lighter,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-lighter {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #e0e1dd;
    text-decoration: none;
    display: inline-block;
    color: #e0e1dd;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-lighter:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-lighter:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-lighter:hover {
    background-color: #e0e1dd;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-gray-lighter:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-gray-lighter:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-gray-lighter:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-white,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-white,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-white {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.44444;
    letter-spacing: -.02rem;
    padding: 2px 27px 2px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    white-space: nowrap;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: transparent;
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    width: 13rem;
    text-align: center
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-white:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-white:hover,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-white:hover {
    background-color: #fff;
    color: #fff
}
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .btn-white:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .button-white:focus,
body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-button-white:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
@media only screen and (max-width: 767px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .component-content {
        max-width: 100%
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .component-content .image-spot-element-header {
        padding-left: 1rem;
        padding-right: 1rem
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .component-content .image-spot-element-text {
        padding-left: 1rem;
        padding-right: 1rem
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .component-content .image-spot-element-link a::before {
        content: none;
        display: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a:not(.btn):not(.button):not(.like-button),
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-a:not(.btn):not(.button):not(.like-button) {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel p,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel ul,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel li,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h5,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h5 {
        color: #061922
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .like-h5>span.highlight {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.btn-gray-lighter,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.button-gray-lighter,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.like-button-gray-lighter {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.btn-gray-lighter:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.button-gray-lighter:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.like-button-gray-lighter:hover {
        background-color: #64a0c8;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.btn-gray-lighter:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.button-gray-lighter:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel a.like-button-gray-lighter:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-a {
        color: #e0e1dd
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .like-h5>span.highlight {
        color: #b2b4b3
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .text-button-arrow-blue::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .text-button-play-blue::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .text-button-chevron-right-blue::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate .text-button-chevron-down-blue::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.btn,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.button,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.like-button {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.btn:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.button:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.like-button:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.btn:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.button:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-corporate a.like-button:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-a {
        color: #e0e1dd
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black p,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black ul,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black li,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h5,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h5 {
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .like-h5>span.highlight {
        color: #b2b4b3
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .text-button-arrow-empty::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .text-button-play-empty::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .text-button-chevron-right-empty::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black .text-button-chevron-down-empty::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.btn-black,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.button-black,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.like-button-black {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.btn-black:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.button-black:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.like-button-black:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.btn-black:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.button-black:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-black a.like-button-black:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-a {
        color: #e0e1dd
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray p,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray ul,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray li,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h5,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h5 {
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .like-h5>span.highlight {
        color: #b2b4b3
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .text-button-arrow-gray::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .text-button-play-gray::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .text-button-chevron-right-gray::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray .text-button-chevron-down-gray::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.btn-gray,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.button-gray,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.like-button-gray {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.btn-gray:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.button-gray:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.like-button-gray:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.btn-gray:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.button-gray:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray a.like-button-gray:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-a {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light p,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light ul,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light li,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h5,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h5 {
        color: #061922
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .like-h5>span.highlight {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .text-button-arrow-gray-light::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .text-button-play-gray-light::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .text-button-chevron-right-gray-light::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light .text-button-chevron-down-gray-light::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.btn-gray-light,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.button-gray-light,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.like-button-gray-light {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.btn-gray-light:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.button-gray-light:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.like-button-gray-light:hover {
        background-color: #64a0c8;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.btn-gray-light:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.button-gray-light:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-light a.like-button-gray-light:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-a {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter p,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter ul,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter li,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h5,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h1,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h2,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h3,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h4,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h5 {
        color: #061922
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter p>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter span>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter ul>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter li>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h5>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h1>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h2>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h3>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h4>span,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h5>span {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter p>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter span>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter ul>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter li>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter h5>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h1>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h2>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h3>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h4>span.highlight,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .like-h5>span.highlight {
        color: #64a0c8
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter span.bigger {
        color: inherit!important
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.btn-gray-lighter,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.button-gray-lighter,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.like-button-gray-lighter {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.btn-gray-lighter:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.button-gray-lighter:hover,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.like-button-gray-lighter:hover {
        background-color: #64a0c8;
        color: #fff
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.btn-gray-lighter:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.button-gray-lighter:focus,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.bg-gray-lighter a.like-button-gray-lighter:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}
@media only screen and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel {
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: border-box;
        max-width: none;
        width: 100%;
        margin: auto
    }
}
@media only screen and (min-width: 768px)and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.text-size-1 .carousel-content .carousel-absolute {
        width: 21rem!important
    }
}
@media only screen and (min-width: 768px)and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.text-size-2 .carousel-content .carousel-absolute {
        width: 31rem!important
    }
}
@media only screen and (min-width: 768px)and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.text-size-3 .carousel-content .carousel-absolute {
        width: 41rem!important
    }
}
@media only screen and (min-width: 768px)and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.text-size-4 .carousel-content .carousel-absolute {
        width: 51rem!important
    }
}
@media only screen and (min-width: 768px)and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel.text-size-5 .carousel-content .carousel-absolute {
        width: 61rem!important
    }
}
@media only screen and (min-width: 768px) {
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content {
        opacity: 0;
        transition: opacity .2s;
        width: 100%;
        height: 100%;
        max-width: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements {
        transition: margin 1s;
        position: static;
        box-sizing: content-box
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element {
        padding: 0;
        overflow: hidden;
        display: block;
        position: static;
        float: left;
        box-sizing: content-box
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .carousel-content {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .carousel-content .carousel-absolute {
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 1rem
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .carousel-content .carousel-absolute>div {
        max-width: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element>a,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element>.image-spot-element-image {
        width: 100%;
        position: absolute;
        overflow: hidden;
        display: block;
        left: unset;
        right: unset;
        border: none;
        padding-top: unset
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element>a img,
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element>.image-spot-element-image img {
        width: 100%;
        height: 100%;
        display: inline-block
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element>div {
        position: relative;
        z-index: 3
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .image-spot-element-header h2 {
        font-size: 3.5rem
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .image-spot-element-link {
        position: absolute;
        bottom: 1rem;
        left: 50%;
        z-index: 5
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .image-spot-element-link>a {
        background: #fff;
        display: inline-block;
        width: .5rem;
        height: .5rem;
        border: 1px solid #b2b4b3;
        margin-bottom: auto;
        margin-left: 0;
        left: 0
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .image-spot-element-link>a:hover {
        margin-left: 0;
        left: 0
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element .image-spot-element-link>a::before {
        content: none;
        display: none;
        transition: none
    }
    body:not(.on-page-editor) #wrapper #content .component.img-spot-carousel>.component-content>ul.image-spot-elements>li.image-spot-element.activeSlide .image-spot-element-link>a {
        background: #64a0c8;
        cursor: default
    }
}
body.on-page-editor #wrapper #content .component.image-spot li.image-spot-element .image-spot-element-link a {
    position: relative;
    width: auto;
    height: auto;
    opacity: 1
}
#wrapper .component.intro-banner .component-content .intro-banner-content {
    position: relative
}
@media only screen and (min-width: 1025px) {
    #wrapper .component.intro-banner .component-content .intro-banner-content {
        position: absolute
    }
}
#wrapper .component.intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 1rem;
    width: auto
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner .component-content .outer-pos-wrapper>.inner-pos-wrapper {
        position: absolute;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-top: 0
    }
}
#wrapper .component.intro-banner ul,
#wrapper .component.intro-banner ol {
    padding: 0 0 3em
}
#wrapper .component.intro-banner ul li,
#wrapper .component.intro-banner ol li {
    margin-bottom: .6em
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner.text-size-1 .intro-banner-content .inner-pos-wrapper {
        width: 21rem!important
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner.text-size-2 .intro-banner-content .inner-pos-wrapper {
        width: 31rem!important
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner.text-size-3 .intro-banner-content .inner-pos-wrapper {
        width: 41rem!important
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner.text-size-4 .intro-banner-content .inner-pos-wrapper {
        width: 51rem!important
    }
}
@media only screen and (min-width: 768px) {
    #wrapper .component.intro-banner.text-size-5 .intro-banner-content .inner-pos-wrapper {
        width: 61rem!important
    }
}
@media only screen and (max-width: 1024px) {
    #wrapper .component.intro-banner .intro-banner-text>* {
        margin-left: 1rem;
        margin-right: 1rem
    }
    #wrapper .component.intro-banner a:not(.btn):not(.button):not(.like-button),
    #wrapper .component.intro-banner .like-a:not(.btn):not(.button):not(.like-button) {
        color: #64a0c8
    }
    #wrapper .component.intro-banner p,
    #wrapper .component.intro-banner span,
    #wrapper .component.intro-banner ul,
    #wrapper .component.intro-banner li,
    #wrapper .component.intro-banner h1,
    #wrapper .component.intro-banner h2,
    #wrapper .component.intro-banner h3,
    #wrapper .component.intro-banner h4,
    #wrapper .component.intro-banner h5,
    #wrapper .component.intro-banner .like-h1,
    #wrapper .component.intro-banner .like-h2,
    #wrapper .component.intro-banner .like-h3,
    #wrapper .component.intro-banner .like-h4,
    #wrapper .component.intro-banner .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner p>span,
    #wrapper .component.intro-banner span>span,
    #wrapper .component.intro-banner ul>span,
    #wrapper .component.intro-banner li>span,
    #wrapper .component.intro-banner h1>span,
    #wrapper .component.intro-banner h2>span,
    #wrapper .component.intro-banner h3>span,
    #wrapper .component.intro-banner h4>span,
    #wrapper .component.intro-banner h5>span,
    #wrapper .component.intro-banner .like-h1>span,
    #wrapper .component.intro-banner .like-h2>span,
    #wrapper .component.intro-banner .like-h3>span,
    #wrapper .component.intro-banner .like-h4>span,
    #wrapper .component.intro-banner .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner p>span.highlight,
    #wrapper .component.intro-banner span>span.highlight,
    #wrapper .component.intro-banner ul>span.highlight,
    #wrapper .component.intro-banner li>span.highlight,
    #wrapper .component.intro-banner h1>span.highlight,
    #wrapper .component.intro-banner h2>span.highlight,
    #wrapper .component.intro-banner h3>span.highlight,
    #wrapper .component.intro-banner h4>span.highlight,
    #wrapper .component.intro-banner h5>span.highlight,
    #wrapper .component.intro-banner .like-h1>span.highlight,
    #wrapper .component.intro-banner .like-h2>span.highlight,
    #wrapper .component.intro-banner .like-h3>span.highlight,
    #wrapper .component.intro-banner .like-h4>span.highlight,
    #wrapper .component.intro-banner .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner a.btn-white,
    #wrapper .component.intro-banner a.button-white,
    #wrapper .component.intro-banner a.like-button-white {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner a.btn-white:hover,
    #wrapper .component.intro-banner a.button-white:hover,
    #wrapper .component.intro-banner a.like-button-white:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner a.btn-white:focus,
    #wrapper .component.intro-banner a.button-white:focus,
    #wrapper .component.intro-banner a.like-button-white:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-corporate a,
    #wrapper .component.intro-banner.bg-corporate .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-corporate p,
    #wrapper .component.intro-banner.bg-corporate span,
    #wrapper .component.intro-banner.bg-corporate ul,
    #wrapper .component.intro-banner.bg-corporate li,
    #wrapper .component.intro-banner.bg-corporate h1,
    #wrapper .component.intro-banner.bg-corporate h2,
    #wrapper .component.intro-banner.bg-corporate h3,
    #wrapper .component.intro-banner.bg-corporate h4,
    #wrapper .component.intro-banner.bg-corporate h5,
    #wrapper .component.intro-banner.bg-corporate .like-h1,
    #wrapper .component.intro-banner.bg-corporate .like-h2,
    #wrapper .component.intro-banner.bg-corporate .like-h3,
    #wrapper .component.intro-banner.bg-corporate .like-h4,
    #wrapper .component.intro-banner.bg-corporate .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-corporate p>span,
    #wrapper .component.intro-banner.bg-corporate span>span,
    #wrapper .component.intro-banner.bg-corporate ul>span,
    #wrapper .component.intro-banner.bg-corporate li>span,
    #wrapper .component.intro-banner.bg-corporate h1>span,
    #wrapper .component.intro-banner.bg-corporate h2>span,
    #wrapper .component.intro-banner.bg-corporate h3>span,
    #wrapper .component.intro-banner.bg-corporate h4>span,
    #wrapper .component.intro-banner.bg-corporate h5>span,
    #wrapper .component.intro-banner.bg-corporate .like-h1>span,
    #wrapper .component.intro-banner.bg-corporate .like-h2>span,
    #wrapper .component.intro-banner.bg-corporate .like-h3>span,
    #wrapper .component.intro-banner.bg-corporate .like-h4>span,
    #wrapper .component.intro-banner.bg-corporate .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-corporate p>span.highlight,
    #wrapper .component.intro-banner.bg-corporate span>span.highlight,
    #wrapper .component.intro-banner.bg-corporate ul>span.highlight,
    #wrapper .component.intro-banner.bg-corporate li>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h1>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h2>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h3>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h4>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h5>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-corporate span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-arrow-blue::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-play-blue::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-chevron-right-blue::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-chevron-down-blue::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate a.btn,
    #wrapper .component.intro-banner.bg-corporate a.button,
    #wrapper .component.intro-banner.bg-corporate a.like-button {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-corporate a.btn:hover,
    #wrapper .component.intro-banner.bg-corporate a.button:hover,
    #wrapper .component.intro-banner.bg-corporate a.like-button:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-corporate a.btn:focus,
    #wrapper .component.intro-banner.bg-corporate a.button:focus,
    #wrapper .component.intro-banner.bg-corporate a.like-button:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-black a,
    #wrapper .component.intro-banner.bg-black .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-black p,
    #wrapper .component.intro-banner.bg-black span,
    #wrapper .component.intro-banner.bg-black ul,
    #wrapper .component.intro-banner.bg-black li,
    #wrapper .component.intro-banner.bg-black h1,
    #wrapper .component.intro-banner.bg-black h2,
    #wrapper .component.intro-banner.bg-black h3,
    #wrapper .component.intro-banner.bg-black h4,
    #wrapper .component.intro-banner.bg-black h5,
    #wrapper .component.intro-banner.bg-black .like-h1,
    #wrapper .component.intro-banner.bg-black .like-h2,
    #wrapper .component.intro-banner.bg-black .like-h3,
    #wrapper .component.intro-banner.bg-black .like-h4,
    #wrapper .component.intro-banner.bg-black .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-black p>span,
    #wrapper .component.intro-banner.bg-black span>span,
    #wrapper .component.intro-banner.bg-black ul>span,
    #wrapper .component.intro-banner.bg-black li>span,
    #wrapper .component.intro-banner.bg-black h1>span,
    #wrapper .component.intro-banner.bg-black h2>span,
    #wrapper .component.intro-banner.bg-black h3>span,
    #wrapper .component.intro-banner.bg-black h4>span,
    #wrapper .component.intro-banner.bg-black h5>span,
    #wrapper .component.intro-banner.bg-black .like-h1>span,
    #wrapper .component.intro-banner.bg-black .like-h2>span,
    #wrapper .component.intro-banner.bg-black .like-h3>span,
    #wrapper .component.intro-banner.bg-black .like-h4>span,
    #wrapper .component.intro-banner.bg-black .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-black p>span.highlight,
    #wrapper .component.intro-banner.bg-black span>span.highlight,
    #wrapper .component.intro-banner.bg-black ul>span.highlight,
    #wrapper .component.intro-banner.bg-black li>span.highlight,
    #wrapper .component.intro-banner.bg-black h1>span.highlight,
    #wrapper .component.intro-banner.bg-black h2>span.highlight,
    #wrapper .component.intro-banner.bg-black h3>span.highlight,
    #wrapper .component.intro-banner.bg-black h4>span.highlight,
    #wrapper .component.intro-banner.bg-black h5>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-black span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-black .text-button-arrow-empty::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-play-empty::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-chevron-right-empty::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-chevron-down-empty::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black a.btn-black,
    #wrapper .component.intro-banner.bg-black a.button-black,
    #wrapper .component.intro-banner.bg-black a.like-button-black {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-black a.btn-black:hover,
    #wrapper .component.intro-banner.bg-black a.button-black:hover,
    #wrapper .component.intro-banner.bg-black a.like-button-black:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-black a.btn-black:focus,
    #wrapper .component.intro-banner.bg-black a.button-black:focus,
    #wrapper .component.intro-banner.bg-black a.like-button-black:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray a,
    #wrapper .component.intro-banner.bg-gray .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-gray p,
    #wrapper .component.intro-banner.bg-gray span,
    #wrapper .component.intro-banner.bg-gray ul,
    #wrapper .component.intro-banner.bg-gray li,
    #wrapper .component.intro-banner.bg-gray h1,
    #wrapper .component.intro-banner.bg-gray h2,
    #wrapper .component.intro-banner.bg-gray h3,
    #wrapper .component.intro-banner.bg-gray h4,
    #wrapper .component.intro-banner.bg-gray h5,
    #wrapper .component.intro-banner.bg-gray .like-h1,
    #wrapper .component.intro-banner.bg-gray .like-h2,
    #wrapper .component.intro-banner.bg-gray .like-h3,
    #wrapper .component.intro-banner.bg-gray .like-h4,
    #wrapper .component.intro-banner.bg-gray .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray p>span,
    #wrapper .component.intro-banner.bg-gray span>span,
    #wrapper .component.intro-banner.bg-gray ul>span,
    #wrapper .component.intro-banner.bg-gray li>span,
    #wrapper .component.intro-banner.bg-gray h1>span,
    #wrapper .component.intro-banner.bg-gray h2>span,
    #wrapper .component.intro-banner.bg-gray h3>span,
    #wrapper .component.intro-banner.bg-gray h4>span,
    #wrapper .component.intro-banner.bg-gray h5>span,
    #wrapper .component.intro-banner.bg-gray .like-h1>span,
    #wrapper .component.intro-banner.bg-gray .like-h2>span,
    #wrapper .component.intro-banner.bg-gray .like-h3>span,
    #wrapper .component.intro-banner.bg-gray .like-h4>span,
    #wrapper .component.intro-banner.bg-gray .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray p>span.highlight,
    #wrapper .component.intro-banner.bg-gray span>span.highlight,
    #wrapper .component.intro-banner.bg-gray ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray li>span.highlight,
    #wrapper .component.intro-banner.bg-gray h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-gray span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray .text-button-arrow-gray::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-play-gray::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-chevron-right-gray::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-chevron-down-gray::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray,
    #wrapper .component.intro-banner.bg-gray a.button-gray,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray:hover,
    #wrapper .component.intro-banner.bg-gray a.button-gray:hover,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray:focus,
    #wrapper .component.intro-banner.bg-gray a.button-gray:focus,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray-light a,
    #wrapper .component.intro-banner.bg-gray-light .like-a {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-light p,
    #wrapper .component.intro-banner.bg-gray-light span,
    #wrapper .component.intro-banner.bg-gray-light ul,
    #wrapper .component.intro-banner.bg-gray-light li,
    #wrapper .component.intro-banner.bg-gray-light h1,
    #wrapper .component.intro-banner.bg-gray-light h2,
    #wrapper .component.intro-banner.bg-gray-light h3,
    #wrapper .component.intro-banner.bg-gray-light h4,
    #wrapper .component.intro-banner.bg-gray-light h5,
    #wrapper .component.intro-banner.bg-gray-light .like-h1,
    #wrapper .component.intro-banner.bg-gray-light .like-h2,
    #wrapper .component.intro-banner.bg-gray-light .like-h3,
    #wrapper .component.intro-banner.bg-gray-light .like-h4,
    #wrapper .component.intro-banner.bg-gray-light .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner.bg-gray-light p>span,
    #wrapper .component.intro-banner.bg-gray-light span>span,
    #wrapper .component.intro-banner.bg-gray-light ul>span,
    #wrapper .component.intro-banner.bg-gray-light li>span,
    #wrapper .component.intro-banner.bg-gray-light h1>span,
    #wrapper .component.intro-banner.bg-gray-light h2>span,
    #wrapper .component.intro-banner.bg-gray-light h3>span,
    #wrapper .component.intro-banner.bg-gray-light h4>span,
    #wrapper .component.intro-banner.bg-gray-light h5>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h1>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h2>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h3>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h4>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-light p>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light span>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light li>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-light span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-arrow-gray-light::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-play-gray-light::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-chevron-right-gray-light::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-chevron-down-gray-light::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light:hover,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light:hover,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light:focus,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light:focus,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray-lighter a,
    #wrapper .component.intro-banner.bg-gray-lighter .like-a {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-lighter p,
    #wrapper .component.intro-banner.bg-gray-lighter span,
    #wrapper .component.intro-banner.bg-gray-lighter ul,
    #wrapper .component.intro-banner.bg-gray-lighter li,
    #wrapper .component.intro-banner.bg-gray-lighter h1,
    #wrapper .component.intro-banner.bg-gray-lighter h2,
    #wrapper .component.intro-banner.bg-gray-lighter h3,
    #wrapper .component.intro-banner.bg-gray-lighter h4,
    #wrapper .component.intro-banner.bg-gray-lighter h5,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner.bg-gray-lighter p>span,
    #wrapper .component.intro-banner.bg-gray-lighter span>span,
    #wrapper .component.intro-banner.bg-gray-lighter ul>span,
    #wrapper .component.intro-banner.bg-gray-lighter li>span,
    #wrapper .component.intro-banner.bg-gray-lighter h1>span,
    #wrapper .component.intro-banner.bg-gray-lighter h2>span,
    #wrapper .component.intro-banner.bg-gray-lighter h3>span,
    #wrapper .component.intro-banner.bg-gray-lighter h4>span,
    #wrapper .component.intro-banner.bg-gray-lighter h5>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-lighter p>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter span>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter li>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-lighter span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter:hover,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter:hover,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter:focus,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter:focus,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}
@media screen and (max-width: 766px) {
    #wrapper .component.intro-banner .intro-banner-text>* {
        margin-left: 0
    }
    #wrapper .component.intro-banner a:not(.btn):not(.button):not(.like-button),
    #wrapper .component.intro-banner .like-a:not(.btn):not(.button):not(.like-button) {
        color: #64a0c8
    }
    #wrapper .component.intro-banner p,
    #wrapper .component.intro-banner span,
    #wrapper .component.intro-banner ul,
    #wrapper .component.intro-banner li,
    #wrapper .component.intro-banner h1,
    #wrapper .component.intro-banner h2,
    #wrapper .component.intro-banner h3,
    #wrapper .component.intro-banner h4,
    #wrapper .component.intro-banner h5,
    #wrapper .component.intro-banner .like-h1,
    #wrapper .component.intro-banner .like-h2,
    #wrapper .component.intro-banner .like-h3,
    #wrapper .component.intro-banner .like-h4,
    #wrapper .component.intro-banner .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner p>span,
    #wrapper .component.intro-banner span>span,
    #wrapper .component.intro-banner ul>span,
    #wrapper .component.intro-banner li>span,
    #wrapper .component.intro-banner h1>span,
    #wrapper .component.intro-banner h2>span,
    #wrapper .component.intro-banner h3>span,
    #wrapper .component.intro-banner h4>span,
    #wrapper .component.intro-banner h5>span,
    #wrapper .component.intro-banner .like-h1>span,
    #wrapper .component.intro-banner .like-h2>span,
    #wrapper .component.intro-banner .like-h3>span,
    #wrapper .component.intro-banner .like-h4>span,
    #wrapper .component.intro-banner .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner p>span.highlight,
    #wrapper .component.intro-banner span>span.highlight,
    #wrapper .component.intro-banner ul>span.highlight,
    #wrapper .component.intro-banner li>span.highlight,
    #wrapper .component.intro-banner h1>span.highlight,
    #wrapper .component.intro-banner h2>span.highlight,
    #wrapper .component.intro-banner h3>span.highlight,
    #wrapper .component.intro-banner h4>span.highlight,
    #wrapper .component.intro-banner h5>span.highlight,
    #wrapper .component.intro-banner .like-h1>span.highlight,
    #wrapper .component.intro-banner .like-h2>span.highlight,
    #wrapper .component.intro-banner .like-h3>span.highlight,
    #wrapper .component.intro-banner .like-h4>span.highlight,
    #wrapper .component.intro-banner .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner a.btn-white,
    #wrapper .component.intro-banner a.button-white,
    #wrapper .component.intro-banner a.like-button-white {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner a.btn-white:hover,
    #wrapper .component.intro-banner a.button-white:hover,
    #wrapper .component.intro-banner a.like-button-white:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner a.btn-white:focus,
    #wrapper .component.intro-banner a.button-white:focus,
    #wrapper .component.intro-banner a.like-button-white:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-corporate a,
    #wrapper .component.intro-banner.bg-corporate .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-corporate p,
    #wrapper .component.intro-banner.bg-corporate span,
    #wrapper .component.intro-banner.bg-corporate ul,
    #wrapper .component.intro-banner.bg-corporate li,
    #wrapper .component.intro-banner.bg-corporate h1,
    #wrapper .component.intro-banner.bg-corporate h2,
    #wrapper .component.intro-banner.bg-corporate h3,
    #wrapper .component.intro-banner.bg-corporate h4,
    #wrapper .component.intro-banner.bg-corporate h5,
    #wrapper .component.intro-banner.bg-corporate .like-h1,
    #wrapper .component.intro-banner.bg-corporate .like-h2,
    #wrapper .component.intro-banner.bg-corporate .like-h3,
    #wrapper .component.intro-banner.bg-corporate .like-h4,
    #wrapper .component.intro-banner.bg-corporate .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-corporate p>span,
    #wrapper .component.intro-banner.bg-corporate span>span,
    #wrapper .component.intro-banner.bg-corporate ul>span,
    #wrapper .component.intro-banner.bg-corporate li>span,
    #wrapper .component.intro-banner.bg-corporate h1>span,
    #wrapper .component.intro-banner.bg-corporate h2>span,
    #wrapper .component.intro-banner.bg-corporate h3>span,
    #wrapper .component.intro-banner.bg-corporate h4>span,
    #wrapper .component.intro-banner.bg-corporate h5>span,
    #wrapper .component.intro-banner.bg-corporate .like-h1>span,
    #wrapper .component.intro-banner.bg-corporate .like-h2>span,
    #wrapper .component.intro-banner.bg-corporate .like-h3>span,
    #wrapper .component.intro-banner.bg-corporate .like-h4>span,
    #wrapper .component.intro-banner.bg-corporate .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-corporate p>span.highlight,
    #wrapper .component.intro-banner.bg-corporate span>span.highlight,
    #wrapper .component.intro-banner.bg-corporate ul>span.highlight,
    #wrapper .component.intro-banner.bg-corporate li>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h1>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h2>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h3>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h4>span.highlight,
    #wrapper .component.intro-banner.bg-corporate h5>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-corporate .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-corporate span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-arrow-blue::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-play-blue::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-chevron-right-blue::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate .text-button-chevron-down-blue::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-corporate a.btn,
    #wrapper .component.intro-banner.bg-corporate a.button,
    #wrapper .component.intro-banner.bg-corporate a.like-button {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-corporate a.btn:hover,
    #wrapper .component.intro-banner.bg-corporate a.button:hover,
    #wrapper .component.intro-banner.bg-corporate a.like-button:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-corporate a.btn:focus,
    #wrapper .component.intro-banner.bg-corporate a.button:focus,
    #wrapper .component.intro-banner.bg-corporate a.like-button:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-black a,
    #wrapper .component.intro-banner.bg-black .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-black p,
    #wrapper .component.intro-banner.bg-black span,
    #wrapper .component.intro-banner.bg-black ul,
    #wrapper .component.intro-banner.bg-black li,
    #wrapper .component.intro-banner.bg-black h1,
    #wrapper .component.intro-banner.bg-black h2,
    #wrapper .component.intro-banner.bg-black h3,
    #wrapper .component.intro-banner.bg-black h4,
    #wrapper .component.intro-banner.bg-black h5,
    #wrapper .component.intro-banner.bg-black .like-h1,
    #wrapper .component.intro-banner.bg-black .like-h2,
    #wrapper .component.intro-banner.bg-black .like-h3,
    #wrapper .component.intro-banner.bg-black .like-h4,
    #wrapper .component.intro-banner.bg-black .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-black p>span,
    #wrapper .component.intro-banner.bg-black span>span,
    #wrapper .component.intro-banner.bg-black ul>span,
    #wrapper .component.intro-banner.bg-black li>span,
    #wrapper .component.intro-banner.bg-black h1>span,
    #wrapper .component.intro-banner.bg-black h2>span,
    #wrapper .component.intro-banner.bg-black h3>span,
    #wrapper .component.intro-banner.bg-black h4>span,
    #wrapper .component.intro-banner.bg-black h5>span,
    #wrapper .component.intro-banner.bg-black .like-h1>span,
    #wrapper .component.intro-banner.bg-black .like-h2>span,
    #wrapper .component.intro-banner.bg-black .like-h3>span,
    #wrapper .component.intro-banner.bg-black .like-h4>span,
    #wrapper .component.intro-banner.bg-black .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-black p>span.highlight,
    #wrapper .component.intro-banner.bg-black span>span.highlight,
    #wrapper .component.intro-banner.bg-black ul>span.highlight,
    #wrapper .component.intro-banner.bg-black li>span.highlight,
    #wrapper .component.intro-banner.bg-black h1>span.highlight,
    #wrapper .component.intro-banner.bg-black h2>span.highlight,
    #wrapper .component.intro-banner.bg-black h3>span.highlight,
    #wrapper .component.intro-banner.bg-black h4>span.highlight,
    #wrapper .component.intro-banner.bg-black h5>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-black .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-black span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-black .text-button-arrow-empty::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-play-empty::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-chevron-right-empty::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black .text-button-chevron-down-empty::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-black a.btn-black,
    #wrapper .component.intro-banner.bg-black a.button-black,
    #wrapper .component.intro-banner.bg-black a.like-button-black {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-black a.btn-black:hover,
    #wrapper .component.intro-banner.bg-black a.button-black:hover,
    #wrapper .component.intro-banner.bg-black a.like-button-black:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-black a.btn-black:focus,
    #wrapper .component.intro-banner.bg-black a.button-black:focus,
    #wrapper .component.intro-banner.bg-black a.like-button-black:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray a,
    #wrapper .component.intro-banner.bg-gray .like-a {
        color: #e0e1dd
    }
    #wrapper .component.intro-banner.bg-gray p,
    #wrapper .component.intro-banner.bg-gray span,
    #wrapper .component.intro-banner.bg-gray ul,
    #wrapper .component.intro-banner.bg-gray li,
    #wrapper .component.intro-banner.bg-gray h1,
    #wrapper .component.intro-banner.bg-gray h2,
    #wrapper .component.intro-banner.bg-gray h3,
    #wrapper .component.intro-banner.bg-gray h4,
    #wrapper .component.intro-banner.bg-gray h5,
    #wrapper .component.intro-banner.bg-gray .like-h1,
    #wrapper .component.intro-banner.bg-gray .like-h2,
    #wrapper .component.intro-banner.bg-gray .like-h3,
    #wrapper .component.intro-banner.bg-gray .like-h4,
    #wrapper .component.intro-banner.bg-gray .like-h5 {
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray p>span,
    #wrapper .component.intro-banner.bg-gray span>span,
    #wrapper .component.intro-banner.bg-gray ul>span,
    #wrapper .component.intro-banner.bg-gray li>span,
    #wrapper .component.intro-banner.bg-gray h1>span,
    #wrapper .component.intro-banner.bg-gray h2>span,
    #wrapper .component.intro-banner.bg-gray h3>span,
    #wrapper .component.intro-banner.bg-gray h4>span,
    #wrapper .component.intro-banner.bg-gray h5>span,
    #wrapper .component.intro-banner.bg-gray .like-h1>span,
    #wrapper .component.intro-banner.bg-gray .like-h2>span,
    #wrapper .component.intro-banner.bg-gray .like-h3>span,
    #wrapper .component.intro-banner.bg-gray .like-h4>span,
    #wrapper .component.intro-banner.bg-gray .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray p>span.highlight,
    #wrapper .component.intro-banner.bg-gray span>span.highlight,
    #wrapper .component.intro-banner.bg-gray ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray li>span.highlight,
    #wrapper .component.intro-banner.bg-gray h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray .like-h5>span.highlight {
        color: #b2b4b3
    }
    #wrapper .component.intro-banner.bg-gray span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray .text-button-arrow-gray::before {
        background: url(../../design/build/GSI/assets/button-1-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-play-gray::before {
        background: url(../../design/build/GSI/assets/button-2-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-chevron-right-gray::before {
        background: url(../../design/build/GSI/assets/button-3-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray .text-button-chevron-down-gray::before {
        background: url(../../design/build/GSI/assets/button-4-gray-lighter.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray,
    #wrapper .component.intro-banner.bg-gray a.button-gray,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #e0e1dd;
        text-decoration: none;
        display: inline-block;
        color: #e0e1dd;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray:hover,
    #wrapper .component.intro-banner.bg-gray a.button-gray:hover,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray:hover {
        background-color: #e0e1dd;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray a.btn-gray:focus,
    #wrapper .component.intro-banner.bg-gray a.button-gray:focus,
    #wrapper .component.intro-banner.bg-gray a.like-button-gray:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray-light a,
    #wrapper .component.intro-banner.bg-gray-light .like-a {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-light p,
    #wrapper .component.intro-banner.bg-gray-light span,
    #wrapper .component.intro-banner.bg-gray-light ul,
    #wrapper .component.intro-banner.bg-gray-light li,
    #wrapper .component.intro-banner.bg-gray-light h1,
    #wrapper .component.intro-banner.bg-gray-light h2,
    #wrapper .component.intro-banner.bg-gray-light h3,
    #wrapper .component.intro-banner.bg-gray-light h4,
    #wrapper .component.intro-banner.bg-gray-light h5,
    #wrapper .component.intro-banner.bg-gray-light .like-h1,
    #wrapper .component.intro-banner.bg-gray-light .like-h2,
    #wrapper .component.intro-banner.bg-gray-light .like-h3,
    #wrapper .component.intro-banner.bg-gray-light .like-h4,
    #wrapper .component.intro-banner.bg-gray-light .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner.bg-gray-light p>span,
    #wrapper .component.intro-banner.bg-gray-light span>span,
    #wrapper .component.intro-banner.bg-gray-light ul>span,
    #wrapper .component.intro-banner.bg-gray-light li>span,
    #wrapper .component.intro-banner.bg-gray-light h1>span,
    #wrapper .component.intro-banner.bg-gray-light h2>span,
    #wrapper .component.intro-banner.bg-gray-light h3>span,
    #wrapper .component.intro-banner.bg-gray-light h4>span,
    #wrapper .component.intro-banner.bg-gray-light h5>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h1>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h2>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h3>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h4>span,
    #wrapper .component.intro-banner.bg-gray-light .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-light p>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light span>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light li>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-light .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-light span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-arrow-gray-light::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-play-gray-light::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-chevron-right-gray-light::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light .text-button-chevron-down-gray-light::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light:hover,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light:hover,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray-light a.btn-gray-light:focus,
    #wrapper .component.intro-banner.bg-gray-light a.button-gray-light:focus,
    #wrapper .component.intro-banner.bg-gray-light a.like-button-gray-light:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    #wrapper .component.intro-banner.bg-gray-lighter a,
    #wrapper .component.intro-banner.bg-gray-lighter .like-a {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-lighter p,
    #wrapper .component.intro-banner.bg-gray-lighter span,
    #wrapper .component.intro-banner.bg-gray-lighter ul,
    #wrapper .component.intro-banner.bg-gray-lighter li,
    #wrapper .component.intro-banner.bg-gray-lighter h1,
    #wrapper .component.intro-banner.bg-gray-lighter h2,
    #wrapper .component.intro-banner.bg-gray-lighter h3,
    #wrapper .component.intro-banner.bg-gray-lighter h4,
    #wrapper .component.intro-banner.bg-gray-lighter h5,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5 {
        color: #061922
    }
    #wrapper .component.intro-banner.bg-gray-lighter p>span,
    #wrapper .component.intro-banner.bg-gray-lighter span>span,
    #wrapper .component.intro-banner.bg-gray-lighter ul>span,
    #wrapper .component.intro-banner.bg-gray-lighter li>span,
    #wrapper .component.intro-banner.bg-gray-lighter h1>span,
    #wrapper .component.intro-banner.bg-gray-lighter h2>span,
    #wrapper .component.intro-banner.bg-gray-lighter h3>span,
    #wrapper .component.intro-banner.bg-gray-lighter h4>span,
    #wrapper .component.intro-banner.bg-gray-lighter h5>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4>span,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5>span {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-lighter p>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter span>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter ul>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter li>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter h5>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h1>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h2>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h3>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h4>span.highlight,
    #wrapper .component.intro-banner.bg-gray-lighter .like-h5>span.highlight {
        color: #64a0c8
    }
    #wrapper .component.intro-banner.bg-gray-lighter span.bigger {
        color: inherit!important
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-arrow-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-1-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-play-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-2-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-chevron-right-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-3-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter .text-button-chevron-down-gray-lighter::before {
        background: url(../../design/build/GSI/assets/button-4-blue.svg) no-repeat
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.44444;
        letter-spacing: -.02rem;
        padding: 2px 27px 2px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        white-space: nowrap;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background: transparent;
        border: 3px solid #64a0c8;
        text-decoration: none;
        display: inline-block;
        color: #64a0c8;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        outline: none;
        box-sizing: border-box;
        width: 13rem;
        text-align: center
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter:hover,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter:hover,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter:hover {
        background-color: #64a0c8;
        color: #fff
    }
    #wrapper .component.intro-banner.bg-gray-lighter a.btn-gray-lighter:focus,
    #wrapper .component.intro-banner.bg-gray-lighter a.button-gray-lighter:focus,
    #wrapper .component.intro-banner.bg-gray-lighter a.like-button-gray-lighter:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}
#wrapper #content .component.option-spot h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: .1rem;
    line-height: 1;
    letter-spacing: -.015rem;
    color: #061922;
    text-align: center;
    padding: 0 0 .5rem 0;
    margin: 0 0 .27778rem;
    margin-bottom: 3rem;
    padding: 0
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.option-spot h2 {
        font-size: 1.6rem;
        line-height: 1.3;
        margin: 0 0 .55556rem
    }
}
#wrapper #content .component.option-spot li.optionspotelement::after {
    content: "";
    display: none
}
#wrapper #content .component.option-spot.border-s-blue .component-content,
#wrapper #content .component.option-spot.border-s-gray .component-content,
#wrapper #content .component.option-spot.border-s-black .component-content,
#wrapper #content .component.option-spot.border-d-blue .component-content,
#wrapper #content .component.option-spot.border-d-gray .component-content,
#wrapper #content .component.option-spot.border-d-black .component-content {
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.option-spot.border-s-blue .component-content ul.optionspotelements,
#wrapper #content .component.option-spot.border-s-gray .component-content ul.optionspotelements,
#wrapper #content .component.option-spot.border-s-black .component-content ul.optionspotelements,
#wrapper #content .component.option-spot.border-d-blue .component-content ul.optionspotelements,
#wrapper #content .component.option-spot.border-d-gray .component-content ul.optionspotelements,
#wrapper #content .component.option-spot.border-d-black .component-content ul.optionspotelements {
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.option-spot.border-s-blue .component-content ul.optionspotelements li.optionspotelement,
#wrapper #content .component.option-spot.border-s-gray .component-content ul.optionspotelements li.optionspotelement,
#wrapper #content .component.option-spot.border-s-black .component-content ul.optionspotelements li.optionspotelement,
#wrapper #content .component.option-spot.border-d-blue .component-content ul.optionspotelements li.optionspotelement,
#wrapper #content .component.option-spot.border-d-gray .component-content ul.optionspotelements li.optionspotelement,
#wrapper #content .component.option-spot.border-d-black .component-content ul.optionspotelements li.optionspotelement {
    border-style: inherit;
    border-color: inherit
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.option-spot.border-s-blue .component-content ul.optionspotelements li.optionspotelement,
    #wrapper #content .component.option-spot.border-s-gray .component-content ul.optionspotelements li.optionspotelement,
    #wrapper #content .component.option-spot.border-s-black .component-content ul.optionspotelements li.optionspotelement,
    #wrapper #content .component.option-spot.border-d-blue .component-content ul.optionspotelements li.optionspotelement,
    #wrapper #content .component.option-spot.border-d-gray .component-content ul.optionspotelements li.optionspotelement,
    #wrapper #content .component.option-spot.border-d-black .component-content ul.optionspotelements li.optionspotelement {
        border-left-width: 1px
    }
}
#wrapper #content .component.option-spot.border-s-blue .component-content ul.optionspotelements li.optionspotelement:first-child,
#wrapper #content .component.option-spot.border-s-gray .component-content ul.optionspotelements li.optionspotelement:first-child,
#wrapper #content .component.option-spot.border-s-black .component-content ul.optionspotelements li.optionspotelement:first-child,
#wrapper #content .component.option-spot.border-d-blue .component-content ul.optionspotelements li.optionspotelement:first-child,
#wrapper #content .component.option-spot.border-d-gray .component-content ul.optionspotelements li.optionspotelement:first-child,
#wrapper #content .component.option-spot.border-d-black .component-content ul.optionspotelements li.optionspotelement:first-child {
    border-left-width: 0
}
#wrapper #content .component.notification-overlay {
    position: fixed;
    background: #64a0c8;
    opacity: 0;
    transition: opacity .5s;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 0!important;
    margin: 0!important;
    z-index: 9999;
    overflow: hidden;
    font-size: 2rem
}
#wrapper #content .component.notification-overlay>* {
    position: relative;
    opacity: 1;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    display: inline-block;
    width: auto;
    padding: 2rem;
    font-size: 2rem
}
#wrapper #content .component.notification-overlay.shown {
    opacity: .9;
    height: 100%
}
#wrapper #content .component.spot-control-spot {
    background: #64a0c8
}
#wrapper #content .component.spot-control-spot.open-interface {
    background: #64a0c8;
    opacity: .8;
    height: 100%
}
#wrapper #content .component.spot-control-spot.open-interface h3 {
    z-index: 10
}
#wrapper #content .component.spot-control-spot.open-interface .component-content {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 2rem
}
#wrapper #content .component.spot-control-spot.open-interface .component-content .spot-controls:first-child {
    overflow-y: scroll;
    display: block;
    height: 80%;
    padding-top: 2rem;
    border-bottom: 1px solid #fff
}
#wrapper #content .component.spot-control-spot.open-interface .component-content .spot-controls:first-child h4 {
    font-size: 1.2rem
}
#wrapper #content .component.spot-control-spot.open-interface .component-content .reset {
    right: 0;
    text-align: right;
    bottom: 0
}
#wrapper #content .component.spot-control-spot.open-interface .component-content .reset a {
    color: #fff
}
#wrapper #content .component.text-image-spot .component-content {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    min-height: inherit
}
@media screen and (max-width: 768px) {
    #wrapper #content .component.text-image-spot.component-ready .component-content {
        margin-top: auto!important
    }
    #wrapper #content .component.text-image-spot.component-ready .component-content .text-image-spot-image-container {
        left: .5rem
    }
    #wrapper #content .component.text-image-spot.component-ready .component-content .text-image-spot-text-container {
        margin-right: .5rem
    }
    #wrapper #content .component.text-image-spot.component-ready .component-content .text-image-spot-text-container .btn,
    #wrapper #content .component.text-image-spot.component-ready .component-content .text-image-spot-text-container .button {
        max-width: 100%
    }
}
#wrapper #content .component.text-image-spot .text-image-spot-image {
    text-align: center
}
#wrapper #content .component.text-image-spot ul {
    list-style: disc
}
#wrapper #content .component.text-image-spot ol li {
    font-weight: 300;
    margin-bottom: 1rem;
    counter-increment: item
}
#wrapper #content .component.text-image-spot ol li span:first-of-type {
    display: block;
    clear: both;
    margin: .3rem 0
}
#wrapper #content .component.text-image-spot ol li::before {
    content: counter(item);
    border-radius: 50%;
    border: 1px solid #64a0c8;
    width: 1rem;
    height: 1rem;
    display: block;
    text-align: center;
    color: #64a0c8;
    font-weight: 700;
    float: left;
    margin-right: .3rem;
    margin-top: .25rem
}
#wrapper #content .component.text-image-spot.border-s-blue .component-content,
#wrapper #content .component.text-image-spot.border-s-gray .component-content,
#wrapper #content .component.text-image-spot.border-s-black .component-content,
#wrapper #content .component.text-image-spot.border-d-blue .component-content,
#wrapper #content .component.text-image-spot.border-d-gray .component-content,
#wrapper #content .component.text-image-spot.border-d-black .component-content {
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.text-image-spot.border-s-blue .component-content .text-image-spot-text-container,
#wrapper #content .component.text-image-spot.border-s-gray .component-content .text-image-spot-text-container,
#wrapper #content .component.text-image-spot.border-s-black .component-content .text-image-spot-text-container,
#wrapper #content .component.text-image-spot.border-d-blue .component-content .text-image-spot-text-container,
#wrapper #content .component.text-image-spot.border-d-gray .component-content .text-image-spot-text-container,
#wrapper #content .component.text-image-spot.border-d-black .component-content .text-image-spot-text-container {
    border-style: inherit;
    border-color: inherit
}
#wrapper #content .component.text-image-spot.border-s-blue .component-content .text-image-spot-text-container .text-image-spot-text,
#wrapper #content .component.text-image-spot.border-s-gray .component-content .text-image-spot-text-container .text-image-spot-text,
#wrapper #content .component.text-image-spot.border-s-black .component-content .text-image-spot-text-container .text-image-spot-text,
#wrapper #content .component.text-image-spot.border-d-blue .component-content .text-image-spot-text-container .text-image-spot-text,
#wrapper #content .component.text-image-spot.border-d-gray .component-content .text-image-spot-text-container .text-image-spot-text,
#wrapper #content .component.text-image-spot.border-d-black .component-content .text-image-spot-text-container .text-image-spot-text {
    border-left-width: 1px;
    padding-left: 1rem;
    border-style: inherit;
    border-color: inherit
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.border-s-blue .component-content .text-image-spot-text-container .text-image-spot-text,
    #wrapper #content .component.text-image-spot.border-s-gray .component-content .text-image-spot-text-container .text-image-spot-text,
    #wrapper #content .component.text-image-spot.border-s-black .component-content .text-image-spot-text-container .text-image-spot-text,
    #wrapper #content .component.text-image-spot.border-d-blue .component-content .text-image-spot-text-container .text-image-spot-text,
    #wrapper #content .component.text-image-spot.border-d-gray .component-content .text-image-spot-text-container .text-image-spot-text,
    #wrapper #content .component.text-image-spot.border-d-black .component-content .text-image-spot-text-container .text-image-spot-text {
        padding-right: 0;
        border-right-width: 0;
        border-left-width: 1px
    }
}
#wrapper #content .component.text-image-spot.category {
    margin-bottom: 1rem;
    border-bottom: 1px solid #747678
}
#wrapper #content .component.text-image-spot.category .text-image-spot-image {
    text-align: center
}
#wrapper #content .component.text-image-spot.category .text-image-spot-text strong {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    color: #64a0c8
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.category {
        margin-bottom: 0;
        border-bottom: none
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-text-container {
        border-bottom: 1px solid #747678;
        padding-left: 5rem;
        position: relative
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-text-container .text-image-spot-text {
        position: static;
        padding-right: 0;
        width: 40%
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-text-container .text-image-spot-text strong {
        position: absolute;
        bottom: 1rem;
        right: 0;
        color: #64a0c8
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-image-container {
        overflow: hidden;
        margin-bottom: -1rem
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-image-container .text-image-spot-image {
        left: 47%
    }
    #wrapper #content .component.text-image-spot.category .component-content .text-image-spot-image-container .text-image-spot-image img {
        float: left
    }
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.compact .component-content {
        min-height: inherit
    }
    #wrapper #content .component.text-image-spot.compact .component-content .text-image-spot-image-container {
        min-height: inherit
    }
    #wrapper #content .component.text-image-spot.compact .component-content .text-image-spot-image-container .text-image-spot-image {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #wrapper #content .component.text-image-spot.compact .component-content .text-image-spot-text-container {
        min-height: inherit
    }
}
#wrapper #content .component.text-image-spot.compact.sb2 .text-image-spot-image-container {
    margin-bottom: 2rem
}
#wrapper #content .component.text-image-spot.compact.sb2 .text-image-spot-text-container {
    margin-bottom: 2rem
}
#wrapper #content .component.text-image-spot.compact.st2 .text-image-spot-image-container {
    margin-top: 2rem
}
#wrapper #content .component.text-image-spot.compact.st2 .text-image-spot-text-container {
    margin-top: 2rem
}
#wrapper #content .component.text-image-spot.compact.sb4 .text-image-spot-image-container {
    margin-bottom: 4rem
}
#wrapper #content .component.text-image-spot.compact.sb4 .text-image-spot-text-container {
    margin-bottom: 4rem
}
#wrapper #content .component.text-image-spot.compact.st4 .text-image-spot-image-container {
    margin-top: 4rem
}
#wrapper #content .component.text-image-spot.compact.st4 .text-image-spot-text-container {
    margin-top: 4rem
}
#wrapper #content .component.text-image-spot.compact.sb6 .text-image-spot-image-container {
    margin-bottom: 6rem
}
#wrapper #content .component.text-image-spot.compact.sb6 .text-image-spot-text-container {
    margin-bottom: 6rem
}
#wrapper #content .component.text-image-spot.compact.st6 .text-image-spot-image-container {
    margin-top: 6rem
}
#wrapper #content .component.text-image-spot.compact.st6 .text-image-spot-text-container {
    margin-top: 6rem
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-image-container {
    position: relative;
    width: 68.75rem;
    max-width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 2rem;
    top: 0
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-image-container {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: auto
    }
    #wrapper #content .component.text-image-spot.compact .text-image-spot-image-container .text-image-spot-image {
        left: 0
    }
}
@media screen and (min-width: 800px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-image-container {
        left: 3rem
    }
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-image-container {
        left: 0;
        right: 0
    }
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-image-container .text-image-spot-image {
    width: 25%;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    position: absolute;
    float: right
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-image-container .text-image-spot-image {
        float: none;
        right: auto
    }
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-image-container .text-image-spot-image img {
    float: left
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-text-container {
    top: 0;
    bottom: 0;
    float: right;
    margin-right: 2rem
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-text-container .text-image-spot-text {
    width: 72%;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    float: right
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-text-container .text-image-spot-text {
        right: 0;
        left: auto;
        top: 50%
    }
}
@media screen and (min-width: 800px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-text-container .text-image-spot-text {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width: 1025px) {
    #wrapper #content .component.text-image-spot.compact .text-image-spot-text-container .text-image-spot-text {
        top: 50%;
        left: 26%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
#wrapper #content .component.text-image-spot.compact .text-image-spot-text-container .text-image-spot-text h3 {
    margin-bottom: 1rem
}
@media only screen and (min-width: 768px) {
    #wrapper #content .component.text-image-spot.above-right .text-image-spot-image-container {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        position: absolute
    }
    #wrapper #content .component.text-image-spot.above-right .text-image-spot-image-container .text-image-spot-image {
        width: 20rem;
        right: 0;
        left: auto
    }
    #wrapper #content .component.text-image-spot.above-right .text-image-spot-text {
        left: auto;
        right: 20rem
    }
    #wrapper #content .component.text-image-spot.above-right .text-image-spot-text>* {
        text-align: right
    }
    #wrapper #content .component.text-image-spot.above-left .text-image-spot-image-container {
        position: relative;
        width: 68.75rem;
        max-width: 90%;
        margin: 0 auto;
        position: absolute
    }
    #wrapper #content .component.text-image-spot.above-left .text-image-spot-image-container .text-image-spot-image {
        left: 0;
        width: 20rem
    }
    #wrapper #content .component.text-image-spot.above-left .text-image-spot-text {
        right: auto;
        left: 20rem
    }
    #wrapper #content .component.text-image-spot.above-left .text-image-spot-text>* {
        text-align: left
    }
}
#wrapper .two-column-spot.border-s-blue .component-content,
#wrapper .two-column-spot.border-s-black .component-content,
#wrapper .two-column-spot.border-s-gray .component-content,
#wrapper .two-column-spot.border-d-blue .component-content,
#wrapper .two-column-spot.border-d-gray .component-content,
#wrapper .two-column-spot.border-d-black .component-content {
    border-color: inherit;
    border-style: inherit
}
#wrapper .two-column-spot.border-s-blue .component-content div.spot-text-right,
#wrapper .two-column-spot.border-s-black .component-content div.spot-text-right,
#wrapper .two-column-spot.border-s-gray .component-content div.spot-text-right,
#wrapper .two-column-spot.border-d-blue .component-content div.spot-text-right,
#wrapper .two-column-spot.border-d-gray .component-content div.spot-text-right,
#wrapper .two-column-spot.border-d-black .component-content div.spot-text-right {
    border-color: inherit;
    border-style: inherit;
    border-right-width: 1px
}
#wrapper .component.vertical-line-spot .component-content .vertical-line {
    background-color: #64a0c8
}
#wrapper .component.vertical-line-spot .component-content>ul>li {
    padding-top: 0
}
#wrapper .component.vertical-line-spot .component-content>ul>li.timeline-inverted {
    background: #b2b4b3
}
#wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-text>.vertical-line-item-header {
    padding-top: 1rem
}
@media only screen and (min-width: 768px) {
    #wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-text>.vertical-line-item-header {
        padding-top: 0
    }
}
#wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-image {
    font-size: 0;
    background-color: #fff;
    margin-bottom: 1rem
}
@media only screen and (min-width: 768px) {
    #wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-image {
        margin-bottom: 0
    }
}
#wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-image img {
    display: block
}
#wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-image.timeline-inverted {
    background-color: #b2b4b3
}
#wrapper .component.vertical-line-spot .component-content>ul>li .vertical-line-item-image::before {
    height: 20px;
    width: 20px;
    z-index: 4;
    background-color: inherit;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -10px;
    top: 15px;
    left: auto;
    bottom: auto;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #64a0c8;
    border-left: 2px solid #64a0c8
}
@media only screen and (min-width: 768px) {
    #wrapper .component.vertical-line-spot .component-content>ul>li:nth-child(odd)>.vertical-line-item-text>.vertical-line-item-header h2 {
        text-align: right
    }
}
#wrapper .component.vertical-line-spot .component-content>ul>li:nth-child(odd)>.vertical-line-item-image::before {
    left: -10px;
    right: auto;
    border-right: 2px solid #64a0c8;
    border-top: 2px solid #64a0c8;
    border-bottom: none;
    border-left: none
}
#wrapper .video-spot-overlay {
    background-color: rgba(0, 0, 0, .7)
}
#wrapper .component.video-spot .video-spot-container {
    font-size: 0
}
#wrapper .component.video-spot .video-spot-container .video-spot-video {
    font-size: 1rem
}
@media only screen and (max-width: 767px) {
    #wrapper .component.video-spot .video-spot-container .video-spot-video .video-spot-play-btn {
        width: 3em;
        height: 3em
    }
    #wrapper .component.video-spot .video-spot-container .video-spot-video .video-spot-play-btn::after {
        font-size: 1.5em
    }
}
#wrapper .component.video-spot.contain-inside .video-spot-video {
    width: 100%
}
#wrapper .component.video-spot.contain-inside .video-spot-video img {
    margin: 0 auto!important
}
#wrapper .component.video-spot.border-s-blue .component-content,
#wrapper .component.video-spot.border-d-blue .component-content,
#wrapper .component.video-spot.border-s-black .component-content,
#wrapper .component.video-spot.border-d-black .component-content,
#wrapper .component.video-spot.border-s-gray .component-content,
#wrapper .component.video-spot.border-d-gray .component-content {
    border-style: inherit;
    border-color: inherit
}
#wrapper .component.video-spot.border-s-blue .component-content .video-spot-container,
#wrapper .component.video-spot.border-d-blue .component-content .video-spot-container,
#wrapper .component.video-spot.border-s-black .component-content .video-spot-container,
#wrapper .component.video-spot.border-d-black .component-content .video-spot-container,
#wrapper .component.video-spot.border-s-gray .component-content .video-spot-container,
#wrapper .component.video-spot.border-d-gray .component-content .video-spot-container {
    border-style: inherit;
    border-color: inherit;
    border-width: 3px;
    font-size: 0
}
#wrapper .component.video-spot.border-s-blue .component-content .video-spot-container .video-spot-play-btn,
#wrapper .component.video-spot.border-d-blue .component-content .video-spot-container .video-spot-play-btn,
#wrapper .component.video-spot.border-s-black .component-content .video-spot-container .video-spot-play-btn,
#wrapper .component.video-spot.border-d-black .component-content .video-spot-container .video-spot-play-btn,
#wrapper .component.video-spot.border-s-gray .component-content .video-spot-container .video-spot-play-btn,
#wrapper .component.video-spot.border-d-gray .component-content .video-spot-container .video-spot-play-btn {
    font-size: 1rem
}
.list-checkmark {
    line-height: 25px;
}