.cf:before, .grid:before, .row:before, .belt:before, .fm-data:before, .cta-topic:before, .list-icon li:before, .link-icon:before, .tg-head:before, .ttg-head:before, .tg-accord-lrg .tg-item:before, .alert:before, .product-browse .ca-block .chips:before, .teaser .img-wrap:before, .simple-promo-teaser .img-wrap:before, .results-nav:before, .pagination-nav:before, .cf:after, .grid:after, .row:after, .belt:after, .fm-data:after, .cta-topic:after, .list-icon li:after, .link-icon:after, .tg-head:after, .ttg-head:after, .tg-accord-lrg .tg-item:after, .alert:after, .product-browse .ca-block .chips:after, .teaser .img-wrap:after, .simple-promo-teaser .img-wrap:after, .results-nav:after, .pagination-nav:after {
    content: " ";
    display: table
}

.cf:after, .grid:after, .row:after, .belt:after, .fm-data:after, .cta-topic:after, .list-icon li:after, .link-icon:after, .tg-head:after, .ttg-head:after, .tg-accord-lrg .tg-item:after, .alert:after, .product-browse .ca-block .chips:after, .teaser .img-wrap:after, .simple-promo-teaser .img-wrap:after, .results-nav:after, .pagination-nav:after {
    clear: both
}

.lt-ie8 .cf, .lt-ie8 .grid, .lt-ie8 .row, .lt-ie8 .belt, .lt-ie8 .fm-data, .lt-ie8 .cta-topic, .lt-ie8 .list-icon li, .list-icon .lt-ie8 li, .lt-ie8 .link-icon, .lt-ie8 .tg-head, .lt-ie8 .ttg-head, .lt-ie8 .tg-accord-lrg .tg-item, .tg-accord-lrg .lt-ie8 .tg-item, .lt-ie8 .alert, .lt-ie8 .product-browse .ca-block .chips, .product-browse .ca-block .lt-ie8 .chips, .lt-ie8 .teaser .img-wrap, .teaser .lt-ie8 .img-wrap, .lt-ie8 .simple-promo-teaser .img-wrap, .simple-promo-teaser .lt-ie8 .img-wrap, .lt-ie8 .results-nav, .lt-ie8 .pagination-nav {
    zoom: 1
}

#media-layout {
    text-indent: 1px
}

@media only screen and (min-width: 768px) {
    #media-layout {
        text-indent: 2px
    }
}

@media only screen and (min-width: 600px) {
    #media-layout {
        display: none
    }
}

@media only screen and (max-width: 599px) {
    #media-layout {
        border-bottom: 0px solid #ffffff
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    #media-layout {
        border-bottom: 0px dotted #ffffff
    }
}

@media only screen and (min-width: 1025px) {
    #media-layout {
        border-bottom: 0px dashed #ffffff
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

ol, ul {
    list-style: none
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

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

a img {
    border: none
}

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

.js .disable-input label, .js .disable-input legend {
    color: #666
}

.js .disable-input .enable-option label {
    color: #333
}

@font-face {
    font-family: 'Vodafone';
    src: url("../fonts/VodafoneRg.woff") format("woff"), url("../fonts/VodafoneRg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Vodafone';
    src: url("../fonts/VodafoneLt.woff") format("woff"), url("../fonts/VodafoneLt.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

body .debug {
    border: 1px solid yellow !important
}

#content {
    min-height: 290px;
    margin-top: -20px
}

@media only screen and (min-width: 600px) {
    body .debug {
        border: 1px solid blue !important
    }
    #content {
        min-height: 600px
    }
    .grid {
        margin-left: -16px
    }
    .grid.grid-p20 {
        margin-left: -20px
    }
    .grid.icon-teaser.deep-link {
        padding-left: 15%;
        padding-right: 15%;
        margin-left: -15%;
        margin-right: -13%
    }
    .col {
        float: left;
        padding: 0 0 0 16px
    }
    .col.fr {
        float: right
    }
    .col img {
        max-width: 100%
    }
    .grid-p20 .col {
        padding: 0 0 0 20px
    }
    .w-5 {
        width: 5%
    }
    .w-10 {
        width: 10%
    }
    .w-15 {
        width: 15%
    }
    .w-20 {
        width: 20%
    }
    .w-25 {
        width: 25%
    }
    .w-30 {
        width: 30%
    }
    .w-35 {
        width: 35%
    }
    .w-40 {
        width: 40%
    }
    .w-45 {
        width: 45%
    }
    .w-50 {
        width: 50%
    }
    .w-55 {
        width: 55%
    }
    .w-60 {
        width: 60%
    }
    .w-65 {
        width: 65%
    }
    .w-70 {
        width: 70%
    }
    .w-75 {
        width: 75%
    }
    .w-80 {
        width: 80%
    }
    .w-85 {
        width: 85%
    }
    .w-90 {
        width: 90%
    }
    .w-95 {
        width: 95%
    }
    .w-100 {
        width: 100%
    }
    .w-8 {
        width: 8.3333333%
    }
    .w-16 {
        width: 16.6666666%
    }
    .w-33 {
        width: 33.3333333%
    }
    .w-66 {
        width: 66.6666666%
    }
}

@media only screen and (min-width: 1025px) {
    .grid {
        margin-left: -32px
    }
    .grid.icon-teaser.deep-link {
        margin-left: -23%;
        margin-right: -23%
    }
    .col {
        padding: 0 0 0 32px
    }
    body .debug {
        border: 1px solid red !important
    }
}

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

body {
    color: #333;
    font: 400 14px/1.3 "Vodafone", Arial, sans-serif;
    background: #fff
}

.spring {
    min-width: 320px;
    width: 100%;
    overflow: hidden
}

body.fixSpring .spring {
    overflow: visible
}

.dividerSmall {
    margin-bottom: 5px;
    display: block
}

.belt {
    margin: 0 auto;
    width: 100%;
    padding: 0 10px
}

.enterprise .belt {
    padding: 0;
    position: relative
}

.enterprise .content .belt {
    margin-top: -20px;
    z-index: 1;
    padding-top: 30px
}

.enterprise .content .belt.module-belt {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 40px
}

.enterprise .content .belt:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333;
    top: 0;
    z-index: -3;
    left: 0
}

.enterprise nav .belt {
    padding: 0 8px;
    z-index: 2
}

.debug .belt {
    background-color: rgba(0, 0, 0, 0.6)
}

.access {
    left: -9999em;
    position: absolute
}

.access.debug {
    position: relative;
    left: 0;
    background-color: #ff0
}

img {
    display: inline-block;
    vertical-align: middle
}

.no-js img[data-src] {
    display: none
}

.js img[data-src] {
    opacity: 0;
    -webkit-transition: opacity 200ms false;
    -moz-transition: opacity 200ms false false;
    -o-transition: opacity 200ms false false;
    transition: opacity 200ms
}

.js img[data-src].lazyloaded {
    opacity: 1
}

.lazyloader {
    background: url(../img/loader-lrg.gif) no-repeat 50% 50%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .blogposts .blogpost .date, h6, .h6 {
    color: inherit;
    margin-bottom: 10px
}

h1 sup, .h1 sup, h2 sup, .h2 sup, h3 sup, .h3 sup, h4 sup, .h4 sup, h5 sup, .h5 sup, .blogposts .blogpost .date sup, h6 sup, .h6 sup {
    vertical-align: super;
    font-size: 50%
}

h1 sub, .h1 sub, h2 sub, .h2 sub, h3 sub, .h3 sub, h4 sub, .h4 sub, h5 sub, .h5 sub, .blogposts .blogpost .date sub, h6 sub, .h6 sub {
    font-size: 50%;
    position: relative;
    top: 0.2em
}

.h1-test {
    color: #e60000;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 32px
}

h1.lhn {
    position: absolute;
    left: -9999em
}

h1, .h1 {
    color: #e60000;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 32px
}

h2, .h2 {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 25px
}

h3, .h3 {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px
}

h4, .h4 {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px
}

h5, .h5, .blogposts .blogpost .date, h6, .h6 {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}

p {
    line-height: 20px;
    margin-bottom: 15px
}

strong, b {
    font-weight: bold
}

em {
    font-style: italic
}

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

sup {
    vertical-align: super;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer
}

sup:hover {
    text-decoration: none
}

sub {
    font-size: 70%;
    position: relative;
    top: 0.2em
}

.hide-cta-underline {
    text-decoration: none
}

.hide-cta-underline:hover {
    text-decoration: none
}

.hide-cta-underline:focus {
    text-decoration: none
}

hr, .hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
    margin: 15px 0
}

.displaynone {
    display: none !important
}

.displayblock {
    display: block !important
}

.displayinlineblock {
    display: inline-block !important
}

.displayinvisible {
    opacity: 0
}

@media only screen and (min-width: 600px) {
    h1, .h1, h2, .h2, h3, .h3 {
        margin-bottom: 20px
    }
    h1, .h1 {
        font-family: "Vodafone", Arial, sans-serif;
        font-weight: normal;
        font-size: 40px;
        line-height: 44px
    }
    h2, .h2 {
        color: inherit;
        font-family: "Vodafone", Arial, sans-serif;
        font-weight: lighter;
        font-size: 26px;
        line-height: 30px
    }
    .wrapper.enterprise {
        background-color: #f4f4f4
    }
    .belt, .enterprise .belt {
        padding: 0 8px
    }
    .enterprise .content .belt {
        margin-top: -35px;
        padding-top: 70px
    }
    .enterprise .content .belt.module-belt {
        margin-top: 0
    }
    .enterprise .content .belt:after {
        width: calc(80% - 12.8px);
        left: calc(10% + 6.4px)
    }
    h1.lhn {
        position: static
    }
}

.lt-ie8 .only-lrg {
    display: none
}

@media only screen and (max-width: 599px) {
    .eq-height {
        min-height: inherit !important
    }
}

@media only screen and (min-width: 1025px) {
    h1 {
        margin-left: 0
    }
    .belt, .enterprise .belt {
        padding: 0 16px;
        max-width: 960px
    }
    .enterprise .content .belt {
        margin-top: -15px;
        padding-top: 110px
    }
    .enterprise .content .belt:after {
        width: calc(80% - 25.6px);
        left: calc(10% + 12.8px)
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .content .belt {
        margin-top: 20px
    }
}

@media only screen and (max-width: 599px) {
    .only-mdm, .only-lrg, .only-xlrg {
        display: none !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .only-sml, .only-xlrg {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .only-sml, .only-mdm {
        display: none !important
    }
}

.bold {
    font-weight: bold
}

.noBold {
    font-weight: normal
}

.regular {
    font-weight: 300
}

.pl-20 {
    padding-left: 20px
}

.pt-20 {
    padding-top: 20px
}

.pt-10 {
    padding-top: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-flex {
    margin-bottom: 10px !important
}

.flex-padding {
    padding: 10px !important
}

.fr {
    float: right !important
}

.fl {
    float: left !important
}

.red {
    color: #e60000 !important
}

.white {
    color: #fff !important
}

.tar {
    text-align: right !important
}

.tal {
    text-align: left !important
}

.tac {
    text-align: center !important
}

.displayNone {
    display: none !important
}

@media only screen and (min-width: 600px) {
    .fr-lrg {
        float: right !important
    }
    .fl-lrg {
        float: left !important
    }
    .tar-lrg {
        text-align: right !important
    }
    .tal-lrg {
        text-align: left !important
    }
    .tac-lrg {
        text-align: center !important
    }
    .mb-flex {
        margin-bottom: 20px !important
    }
    .flex-padding {
        padding: 20px !important
    }
}

@media only screen and (max-width: 600px) {
    .fr-sml {
        float: right !important
    }
    .fl-sml {
        float: left !important
    }
    .tar-sml {
        text-align: right !important
    }
    .tal-sml {
        text-align: left !important
    }
    .tac-sml {
        text-align: center !important
    }
}

span#build-info::after {
    opacity: 0
}

span#build-info:hover::after, span#build-info:focus::after {
    opacity: 1
}

span#build-info:after {
    content: "CoreJs: " attr(data-js-core-version) " CoreCss: 2353";
    padding-left: 10px;
    padding-righ: 10px
}

i, -i {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/icon-sb2400866fe.png)
}

.lt-ie8 i, .lt-ie8 .i {
    display: inline
}

.i-128px-circle-b-xlrg {
    height: 128px;
    width: 128px;
    background-position: 0 0
}

.i-128px-circle-w-xlrg {
    height: 128px;
    width: 128px;
    background-position: 0 -128px
}

.i-KDGhelp-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -256px
}

.i-KDGhelp-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -326px
}

.i-KDGhelp-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -374px
}

.i-KDGhelp-b-xlrg {
    height: 128px;
    width: 128px;
    background-position: 0 -406px
}

.i-KDGhelp-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -534px
}

.i-accessories-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -554px
}

.i-accessories-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -624px
}

.i-accessories-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -672px
}

.i-accessories-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -704px
}

.i-accessories-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -724px
}

.i-accessories-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -794px
}

.i-accessories-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -842px
}

.i-accessories-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -874px
}

.i-address-book-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -894px
}

.i-address-book-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -964px
}

.i-address-book-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1012px
}

.i-address-book-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1044px
}

.i-address-book-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -1064px
}

.i-address-book-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1134px
}

.i-address-book-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1182px
}

.i-address-book-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1214px
}

.i-alarm-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1234px
}

.i-alarm-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1282px
}

.i-alarm-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1314px
}

.i-apps-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -1334px
}

.i-apps-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1404px
}

.i-apps-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1452px
}

.i-apps-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1484px
}

.i-apps-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -1504px
}

.i-apps-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1574px
}

.i-apps-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1622px
}

.i-apps-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1654px
}

.i-arrow-block-r-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -1674px
}

.i-arrow-down-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -1704px
}

.i-arrow-down-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1774px
}

.i-arrow-down-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -1822px
}

.i-arrow-down-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -1854px
}

.i-arrow-down-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -1874px
}

.i-arrow-down-grey-xsml {
    height: 8px;
    width: 13px;
    background-position: 0 -1888px
}

.i-arrow-down-light-b-xsml {
    height: 9px;
    width: 15px;
    background-position: 0 -1896px
}

.i-arrow-down-light-g-xsml {
    height: 8px;
    width: 15px;
    background-position: 0 -1905px
}

.i-arrow-down-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -1913px
}

.i-arrow-down-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -1983px
}

.i-arrow-down-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2031px
}

.i-arrow-down-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -2063px
}

.i-arrow-down-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -2083px
}

.i-arrow-left-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -2097px
}

.i-arrow-left-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -2167px
}

.i-arrow-left-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2215px
}

.i-arrow-left-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -2247px
}

.i-arrow-left-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -2267px
}

.i-arrow-left-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -2281px
}

.i-arrow-left-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -2351px
}

.i-arrow-left-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2399px
}

.i-arrow-left-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -2431px
}

.i-arrow-left-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -2451px
}

.i-arrow-right-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -2465px
}

.i-arrow-right-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -2535px
}

.i-arrow-right-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2583px
}

.i-arrow-right-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -2615px
}

.i-arrow-right-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -2635px
}

.i-arrow-right-curve-b-mdm {
    height: 36px;
    width: 32px;
    background-position: 0 -2649px
}

.i-arrow-right-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -2685px
}

.i-arrow-right-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -2755px
}

.i-arrow-right-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2803px
}

.i-arrow-right-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -2835px
}

.i-arrow-right-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -2855px
}

.i-arrow-up-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -2869px
}

.i-arrow-up-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -2939px
}

.i-arrow-up-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -2987px
}

.i-arrow-up-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -3019px
}

.i-arrow-up-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -3039px
}

.i-arrow-up-g-xsml {
    height: 8px;
    width: 13px;
    background-position: 0 -3053px
}

.i-arrow-up-light-b-sml {
    height: 13px;
    width: 25px;
    background-position: 0 -3061px
}

.i-arrow-up-light-b-xsml {
    height: 9px;
    width: 15px;
    background-position: 0 -3074px
}

.i-arrow-up-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3083px
}

.i-arrow-up-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -3153px
}

.i-arrow-up-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -3201px
}

.i-arrow-up-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -3233px
}

.i-arrow-up-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -3253px
}

.i-bank-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3267px
}

.i-billing-all-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3337px
}

.i-billing-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3407px
}

.i-billing-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -3477px
}

.i-billing-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -3525px
}

.i-billing-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -3557px
}

.i-billing-part-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3577px
}

.i-billing-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3647px
}

.i-billing-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -3717px
}

.i-billing-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -3765px
}

.i-billing-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -3797px
}

.i-bookmark-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3817px
}

.i-bookmark-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -3887px
}

.i-bookmark-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -3935px
}

.i-bookmark-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -3967px
}

.i-bookmark-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -3987px
}

.i-bookmark-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4057px
}

.i-bookmark-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -4105px
}

.i-bookmark-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -4137px
}

.i-call-log-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4157px
}

.i-calls-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4227px
}

.i-calls-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4297px
}

.i-calls-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -4345px
}

.i-calls-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -4377px
}

.i-calls-contacts-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4397px
}

.i-calls-contacts-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4467px
}

.i-calls-contacts-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -4515px
}

.i-calls-contacts-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -4547px
}

.i-calls-contacts-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4567px
}

.i-calls-contacts-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4637px
}

.i-calls-contacts-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -4685px
}

.i-calls-contacts-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -4717px
}

.i-calls-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4737px
}

.i-calls-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4807px
}

.i-calls-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -4855px
}

.i-calls-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -4887px
}

.i-chat-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -4907px
}

.i-chat-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -4977px
}

.i-chat-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -5025px
}

.i-chat-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -5057px
}

.i-chat-incoming-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -5077px
}

.i-chat-incoming-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -5147px
}

.i-chat-incoming-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -5195px
}

.i-chat-incoming-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -5227px
}

.i-chat-incoming-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -5247px
}

.i-chat-incoming-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -5317px
}

.i-chat-incoming-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -5365px
}

.i-chat-incoming-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -5397px
}

.i-chat-queue-spinner-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -5417px
}

.i-chat-queue-spinner {
    height: 60px;
    width: 60px;
    background-position: 0 -5447px
}

.i-chat-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -5507px
}

.i-chat-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -5577px
}

.i-chat-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -5625px
}

.i-chat-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -5657px
}

.i-checked-b-xsml {
    height: 21px;
    width: 21px;
    background-position: 0 -5677px
}

.i-checked {
    height: 21px;
    width: 21px;
    background-position: 0 -5698px
}

.i-close-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -5719px
}

.i-close-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -5789px
}

.i-close-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -5837px
}

.i-close-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -5869px
}

.i-close-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -5889px
}

.i-close-dark-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -5903px
}

.i-close-dark-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -5973px
}

.i-close-dark-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6021px
}

.i-close-dark-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6053px
}

.i-close-dark-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -6073px
}

.i-close-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6087px
}

.i-close-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -6157px
}

.i-close-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6205px
}

.i-close-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6237px
}

.i-close-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -6257px
}

.i-cogs-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6271px
}

.i-cogs-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -6341px
}

.i-cogs-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6389px
}

.i-cogs-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6421px
}

.i-cogs-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6441px
}

.i-cogs-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -6511px
}

.i-cogs-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6559px
}

.i-cogs-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6591px
}

.i-contacts-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6611px
}

.i-contacts-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -6681px
}

.i-contacts-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6729px
}

.i-contacts-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6761px
}

.i-contacts-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6781px
}

.i-contacts-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -6851px
}

.i-contacts-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -6899px
}

.i-contacts-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -6931px
}

.i-contract-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -6951px
}

.i-contract-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -7021px
}

.i-contract-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -7069px
}

.i-contract-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -7101px
}

.i-contract-check-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7121px
}

.i-contract-extras-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7191px
}

.i-contract-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7261px
}

.i-contract-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -7331px
}

.i-contract-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -7379px
}

.i-contract-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -7411px
}

.i-device-change-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7431px
}

.i-device-change-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -7501px
}

.i-device-change-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -7549px
}

.i-device-change-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -7581px
}

.i-device-change-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7601px
}

.i-device-change-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -7671px
}

.i-device-change-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -7719px
}

.i-device-change-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -7751px
}

.i-device-network-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7771px
}

.i-device-network-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -7841px
}

.i-device-network-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -7889px
}

.i-device-network-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -7921px
}

.i-device-network-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -7941px
}

.i-device-network-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8011px
}

.i-device-network-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -8059px
}

.i-device-network-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -8091px
}

.i-dialog-close-b-xxsml {
    height: 13px;
    width: 12px;
    background-position: 0 -8111px
}

.i-disabled-checked-b-xxsml {
    height: 22px;
    width: 22px;
    background-position: 0 -8124px
}

.i-doc-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8146px
}

.i-doc-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8216px
}

.i-doc-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -8264px
}

.i-doc-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -8296px
}

.i-doc-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8316px
}

.i-doc-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8386px
}

.i-doc-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -8434px
}

.i-doc-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -8466px
}

.i-docs-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8486px
}

.i-download-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8556px
}

.i-download-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8626px
}

.i-download-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -8674px
}

.i-download-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -8706px
}

.i-download-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8726px
}

.i-download-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8796px
}

.i-download-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -8844px
}

.i-download-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -8876px
}

.i-email-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -8896px
}

.i-email-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -8966px
}

.i-email-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9014px
}

.i-email-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9046px
}

.i-email-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9066px
}

.i-email-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -9136px
}

.i-email-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9184px
}

.i-email-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9216px
}

.i-error-r-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9236px
}

.i-error-r-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -9306px
}

.i-error-r-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9354px
}

.i-error-r-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9386px
}

.i-euro-circle-g-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9406px
}

.i-faq-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9426px
}

.i-faq-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -9496px
}

.i-faq-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9544px
}

.i-faq-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9576px
}

.i-faq-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9596px
}

.i-faq-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -9666px
}

.i-faq-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9714px
}

.i-faq-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9746px
}

.i-fastaccesses-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9766px
}

.i-fastaccesses-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -9836px
}

.i-fastaccesses-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -9884px
}

.i-fastaccesses-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -9916px
}

.i-fastaccesses-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -9936px
}

.i-fastaccesses-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10006px
}

.i-fastaccesses-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10054px
}

.i-fastaccesses-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10086px
}

.i-finger-tap-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10106px
}

.i-finger-tap-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10176px
}

.i-finger-tap-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10224px
}

.i-finger-tap-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10256px
}

.i-finger-tap-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -10276px
}

.i-finger-tap-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10290px
}

.i-finger-tap-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10360px
}

.i-finger-tap-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10408px
}

.i-finger-tap-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10440px
}

.i-finger-tap-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -10460px
}

.i-first-steps-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10474px
}

.i-first-steps-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10544px
}

.i-first-steps-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10592px
}

.i-first-steps-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10624px
}

.i-first-steps-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10644px
}

.i-first-steps-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10714px
}

.i-first-steps-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10762px
}

.i-first-steps-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10794px
}

.i-firsthelp-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10814px
}

.i-firsthelp-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -10884px
}

.i-firsthelp-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -10932px
}

.i-firsthelp-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -10964px
}

.i-firsthelp-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -10984px
}

.i-firsthelp-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11054px
}

.i-firsthelp-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11102px
}

.i-firsthelp-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11134px
}

.i-follow-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -11154px
}

.i-follow-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11224px
}

.i-follow-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11272px
}

.i-follow-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11304px
}

.i-follow-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -11324px
}

.i-follow-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11394px
}

.i-follow-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11442px
}

.i-follow-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11474px
}

.i-font-change-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -11494px
}

.i-font-change-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11564px
}

.i-font-change-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11612px
}

.i-font-change-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11644px
}

.i-font-change-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -11664px
}

.i-font-change-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11734px
}

.i-font-change-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11782px
}

.i-font-change-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11814px
}

.i-font-larger-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -11834px
}

.i-font-larger-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -11904px
}

.i-font-larger-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -11952px
}

.i-font-larger-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -11984px
}

.i-font-larger-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12004px
}

.i-font-larger-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -12074px
}

.i-font-larger-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -12122px
}

.i-font-larger-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12154px
}

.i-imported-layers {
    height: 5px;
    width: 9px;
    background-position: 0 -12206px
}

.i-infodoc-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12211px
}

.i-infodoc-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -12281px
}

.i-infodoc-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -12329px
}

.i-infodoc-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12361px
}

.i-infodoc-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12381px
}

.i-infodoc-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -12451px
}

.i-infodoc-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -12499px
}

.i-infodoc-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12531px
}

.i-installation-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12551px
}

.i-installation-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -12621px
}

.i-installation-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -12669px
}

.i-installation-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12701px
}

.i-installation-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12721px
}

.i-installation-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -12791px
}

.i-installation-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -12839px
}

.i-installation-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12871px
}

.i-link-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -12891px
}

.i-link-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -12911px
}

.i-linkarrow-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -12925px
}

.i-list-tick-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -12939px
}

.i-list-tick-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13009px
}

.i-list-tick-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -13057px
}

.i-list-tick-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13089px
}

.i-list-tick-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -13109px
}

.i-list-tick-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13179px
}

.i-list-tick-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -13227px
}

.i-list-tick-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13259px
}

.i-ltedsl-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -13279px
}

.i-ltedsl-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13349px
}

.i-ltedsl-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -13397px
}

.i-ltedsl-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13429px
}

.i-ltedsl-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -13449px
}

.i-ltedsl-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13519px
}

.i-ltedsl-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -13567px
}

.i-ltedsl-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13599px
}

.i-menu-b-sml {
    height: 17px;
    width: 24px;
    background-position: 0 -13619px
}

.i-menu-w-sml {
    height: 17px;
    width: 24px;
    background-position: 0 -13636px
}

.i-messaging-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -13653px
}

.i-messaging-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13723px
}

.i-messaging-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -13771px
}

.i-messaging-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13803px
}

.i-meta-basket-b-lrg {
    height: 30px;
    width: 30px;
    background-position: 0 -13823px
}

.i-meta-basket-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -13853px
}

.i-meta-basket-b-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -13901px
}

.i-meta-basket-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13931px
}

.i-meta-contact-us-b-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -13951px
}

.i-meta-contact-us-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -13981px
}

.i-meta-notification-b-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -14001px
}

.i-meta-notification-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14031px
}

.i-meta-search-b-sml {
    height: 30px;
    width: 30px;
    background-position: 0 -14051px
}

.i-meta-search-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14081px
}

.i-meta-shopfinder-b-sml {
    height: 30px;
    width: 24px;
    background-position: 0 -14101px
}

.i-meta-shopfinder-b-xsml {
    height: 15px;
    width: 12px;
    background-position: 0 -14131px
}

.i-micro-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -14146px
}

.i-micro-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14216px
}

.i-micro-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -14264px
}

.i-micro-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14296px
}

.i-micro-sim-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -14316px
}

.i-micro-sim-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14386px
}

.i-micro-sim-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -14434px
}

.i-micro-sim-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14466px
}

.i-mini-micro-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14486px
}

.i-minus-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14534px
}

.i-minus-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -14582px
}

.i-minus-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14614px
}

.i-mobile-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -14634px
}

.i-mobile-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14704px
}

.i-mobile-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -14752px
}

.i-mobile-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14784px
}

.i-mobile-configurator-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -14804px
}

.i-mobile-configurator-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -14874px
}

.i-mobile-configurator-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -14922px
}

.i-mobile-configurator-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -14954px
}

.i-mobile-configurator-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -14974px
}

.i-mobile-configurator-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15044px
}

.i-mobile-configurator-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -15092px
}

.i-mobile-configurator-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -15124px
}

.i-mobile-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15144px
}

.i-mobile-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15214px
}

.i-mobile-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -15262px
}

.i-mobile-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -15294px
}

.i-mobile-sim-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15314px
}

.i-mobile-sim-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15384px
}

.i-mobile-sim-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -15432px
}

.i-mobile-sim-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -15464px
}

.i-mobile-tablet-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15484px
}

.i-mobile-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15554px
}

.i-mobile-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15624px
}

.i-mobile-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -15672px
}

.i-mobile-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -15704px
}

.i-mobiles-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15724px
}

.i-mobiles-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15794px
}

.i-mobiles-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -15842px
}

.i-mobiles-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -15874px
}

.i-mobiles-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -15894px
}

.i-mobiles-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -15964px
}

.i-more-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16012px
}

.i-more-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16082px
}

.i-more-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16130px
}

.i-more-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -16162px
}

.i-more-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16182px
}

.i-more-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16252px
}

.i-more-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16300px
}

.i-more-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -16332px
}

.i-morehelp-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16352px
}

.i-morehelp-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16422px
}

.i-morehelp-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16470px
}

.i-morehelp-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -16502px
}

.i-morehelp-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16522px
}

.i-morehelp-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16592px
}

.i-morehelp-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16640px
}

.i-morehelp-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -16672px
}

.i-multimedia-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16692px
}

.i-multimedia-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16762px
}

.i-multimedia-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16810px
}

.i-multimedia-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -16842px
}

.i-multimedia-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -16862px
}

.i-multimedia-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -16932px
}

.i-multimedia-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -16980px
}

.i-multimedia-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17012px
}

.i-music-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17032px
}

.i-music-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17102px
}

.i-music-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -17150px
}

.i-music-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17182px
}

.i-music-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17202px
}

.i-music-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17272px
}

.i-music-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -17320px
}

.i-music-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17352px
}

.i-mute-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17372px
}

.i-mute-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17442px
}

.i-mute-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -17490px
}

.i-mute-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17522px
}

.i-mute-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17542px
}

.i-mute-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17612px
}

.i-mute-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -17660px
}

.i-mute-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17692px
}

.i-myvf-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17712px
}

.i-myvf-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17782px
}

.i-myvf-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -17830px
}

.i-myvf-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -17862px
}

.i-myvf-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -17882px
}

.i-myvf-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -17952px
}

.i-myvf-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18000px
}

.i-myvf-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18032px
}

.i-nano-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18052px
}

.i-nano-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18122px
}

.i-nano-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18170px
}

.i-nano-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18202px
}

.i-nano-sim-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18222px
}

.i-nano-sim-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18292px
}

.i-nano-sim-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18340px
}

.i-nano-sim-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18372px
}

.i-net-coverage-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18392px
}

.i-net-coverage-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18462px
}

.i-net-coverage-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18510px
}

.i-net-coverage-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18542px
}

.i-net-coverage-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18562px
}

.i-net-coverage-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18632px
}

.i-net-coverage-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18680px
}

.i-net-coverage-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18712px
}

.i-newvf-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18732px
}

.i-newvf-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18802px
}

.i-newvf-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -18850px
}

.i-newvf-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -18882px
}

.i-newvf-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -18902px
}

.i-newvf-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -18972px
}

.i-newvf-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19020px
}

.i-newvf-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19052px
}

.i-notification-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19072px
}

.i-order-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19142px
}

.i-order-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -19212px
}

.i-order-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19260px
}

.i-order-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19292px
}

.i-order-status-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19312px
}

.i-order-status-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -19382px
}

.i-order-status-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19430px
}

.i-order-status-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19462px
}

.i-order-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19482px
}

.i-order-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -19552px
}

.i-order-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19600px
}

.i-order-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19632px
}

.i-overview-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19652px
}

.i-overview-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -19722px
}

.i-overview-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19770px
}

.i-overview-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19802px
}

.i-overview-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19822px
}

.i-overview-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -19892px
}

.i-overview-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -19940px
}

.i-overview-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -19972px
}

.i-pdf-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -19992px
}

.i-pdf-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20062px
}

.i-pdf-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -20110px
}

.i-pdf-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -20142px
}

.i-pin-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -20162px
}

.i-pin-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20232px
}

.i-pin-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -20280px
}

.i-pin-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -20312px
}

.i-play {
    height: 77px;
    width: 77px;
    background-position: 0 -20332px
}

.i-plus-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20409px
}

.i-plus-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -20457px
}

.i-plus-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -20489px
}

.i-prepaid-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -20509px
}

.i-prepaid-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20579px
}

.i-prepaid-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -20627px
}

.i-prepaid-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -20659px
}

.i-prepaid-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -20679px
}

.i-prepaid-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20749px
}

.i-prepaid-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -20797px
}

.i-prepaid-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -20829px
}

.i-prepay-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -20849px
}

.i-print-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -20919px
}

.i-print-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -20989px
}

.i-print-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -21037px
}

.i-print-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -21069px
}

.i-print-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21089px
}

.i-print-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -21159px
}

.i-print-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -21207px
}

.i-print-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -21239px
}

.i-privacy-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21259px
}

.i-product-service-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21329px
}

.i-product-service-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -21399px
}

.i-product-service-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -21447px
}

.i-product-service-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -21479px
}

.i-product-service-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21499px
}

.i-product-service-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -21569px
}

.i-product-service-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -21617px
}

.i-product-service-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -21649px
}

.i-quickcheck-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21669px
}

.i-radio-checked-b-xsml {
    height: 19px;
    width: 19px;
    background-position: 0 -21739px
}

.i-radio-checked {
    height: 19px;
    width: 19px;
    background-position: 0 -21758px
}

.i-radio-disabled-checked-b-xsml {
    height: 19px;
    width: 19px;
    background-position: 0 -21777px
}

.i-radio-disabled-checked {
    height: 19px;
    width: 19px;
    background-position: 0 -21796px
}

.i-radio-disabled-unchecked-b-xsml {
    height: 21px;
    width: 21px;
    background-position: 0 -21815px
}

.i-radio-disabled-unchecked {
    height: 21px;
    width: 21px;
    background-position: 0 -21836px
}

.i-radio-unchecked-b-xsml {
    height: 21px;
    width: 21px;
    background-position: 0 -21857px
}

.i-radio-unchecked {
    height: 21px;
    width: 21px;
    background-position: 0 -21878px
}

.i-router-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -21899px
}

.i-router-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -21969px
}

.i-router-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22017px
}

.i-router-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22049px
}

.i-router-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22069px
}

.i-router-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22139px
}

.i-router-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22187px
}

.i-router-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22219px
}

.i-scroll-to-top-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22239px
}

.i-scroll-to-top-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22309px
}

.i-scroll-to-top-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22357px
}

.i-scroll-to-top-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22389px
}

.i-scroll-to-top-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22409px
}

.i-scroll-to-top-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22479px
}

.i-scroll-to-top-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22527px
}

.i-scroll-to-top-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22559px
}

.i-search-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22579px
}

.i-search-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22649px
}

.i-search-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22697px
}

.i-search-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22729px
}

.i-search-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22749px
}

.i-search-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22819px
}

.i-search-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -22867px
}

.i-search-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -22899px
}

.i-security-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -22919px
}

.i-security-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -22989px
}

.i-security-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23037px
}

.i-security-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23069px
}

.i-security-b-xxsml {
    height: 15px;
    width: 14px;
    background-position: 0 -23089px
}

.i-security-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -23104px
}

.i-security-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23174px
}

.i-security-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23222px
}

.i-security-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23254px
}

.i-securitypackage-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -23274px
}

.i-securitypackage-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23344px
}

.i-securitypackage-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23392px
}

.i-securitypackage-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23424px
}

.i-securitypackage-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -23444px
}

.i-securitypackage-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23514px
}

.i-securitypackage-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23562px
}

.i-securitypackage-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23594px
}

.i-setting-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23614px
}

.i-setting-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23662px
}

.i-setting-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23694px
}

.i-share-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -23714px
}

.i-share-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23784px
}

.i-share-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -23832px
}

.i-share-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -23864px
}

.i-share-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -23884px
}

.i-share-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -23954px
}

.i-share-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24002px
}

.i-share-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24034px
}

.i-social-atom-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24054px
}

.i-social-atom-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24102px
}

.i-social-atom-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24134px
}

.i-social-blog-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24154px
}

.i-social-blog-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24202px
}

.i-social-blog-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24234px
}

.i-social-chat-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24254px
}

.i-social-email-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24302px
}

.i-social-facebook-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24350px
}

.i-social-facebook-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24398px
}

.i-social-facebook-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24430px
}

.i-social-feed-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24450px
}

.i-social-feed-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24498px
}

.i-social-feed-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24530px
}

.i-social-forum-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24550px
}

.i-social-forum-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24598px
}

.i-social-forum-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24630px
}

.i-social-gplus-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24650px
}

.i-social-gplus-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24698px
}

.i-social-gplus-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24730px
}

.i-social-linkedin-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24750px
}

.i-social-linkedin-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24798px
}

.i-social-linkedin-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -24830px
}

.i-social-media-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -24850px
}

.i-social-media-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -24920px
}

.i-social-media-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -24968px
}

.i-social-media-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25000px
}

.i-social-media-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -25020px
}

.i-social-media-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25090px
}

.i-social-media-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25138px
}

.i-social-media-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25170px
}

.i-social-rss-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25190px
}

.i-social-rss-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25238px
}

.i-social-rss-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25270px
}

.i-social-slideshare-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25290px
}

.i-social-slideshare-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25338px
}

.i-social-slideshare-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25370px
}

.i-social-twitter-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25390px
}

.i-social-twitter-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25438px
}

.i-social-twitter-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25470px
}

.i-social-xing-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25490px
}

.i-social-xing-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25538px
}

.i-social-xing-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25570px
}

.i-social-xml-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25590px
}

.i-social-xml-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25638px
}

.i-social-xml-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25670px
}

.i-social-youtube-boxed-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25690px
}

.i-social-youtube-boxed-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25738px
}

.i-social-youtube-boxed-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25770px
}

.i-standard-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -25790px
}

.i-standard-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -25860px
}

.i-standard-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -25908px
}

.i-standard-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -25940px
}

.i-standart-sim-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -25960px
}

.i-standart-sim-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26030px
}

.i-standart-sim-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26078px
}

.i-standart-sim-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -26110px
}

.i-standart-sim-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26130px
}

.i-standart-sim-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26200px
}

.i-standart-sim-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26248px
}

.i-standart-sim-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -26280px
}

.i-startup-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26300px
}

.i-startup-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26370px
}

.i-startup-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26418px
}

.i-startup-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -26450px
}

.i-startup-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26470px
}

.i-startup-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26540px
}

.i-startup-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26588px
}

.i-startup-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -26620px
}

.i-statistic-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26640px
}

.i-step-number-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26710px
}

.i-step-number-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26780px
}

.i-step-number-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26828px
}

.i-step-number-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -26860px
}

.i-step-number-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -26880px
}

.i-step-number-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -26950px
}

.i-step-number-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -26998px
}

.i-step-number-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27030px
}

.i-success-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27050px
}

.i-success-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27120px
}

.i-success-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -27168px
}

.i-success-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27200px
}

.i-success-g-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27220px
}

.i-success-g-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27290px
}

.i-success-g-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -27338px
}

.i-success-g-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27370px
}

.i-swipe-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27390px
}

.i-swipe-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27460px
}

.i-swipe-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -27508px
}

.i-swipe-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27540px
}

.i-swipe-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27560px
}

.i-swipe-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27630px
}

.i-swipe-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -27678px
}

.i-swipe-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27710px
}

.i-tablet-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27730px
}

.i-tablet-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27800px
}

.i-tablet-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -27848px
}

.i-tablet-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -27880px
}

.i-tablet-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -27900px
}

.i-tablet-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -27970px
}

.i-tablet-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28018px
}

.i-tablet-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28050px
}

.i-tablets-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28070px
}

.i-techspec-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28090px
}

.i-techspec-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -28160px
}

.i-techspec-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28208px
}

.i-techspec-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28240px
}

.i-techspec-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28260px
}

.i-techspec-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -28330px
}

.i-techspec-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28378px
}

.i-techspec-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28410px
}

.i-telmessaging-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28430px
}

.i-telmessaging-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -28500px
}

.i-telmessaging-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28548px
}

.i-telmessaging-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28580px
}

.i-telmessaging-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28600px
}

.i-telmessaging-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -28670px
}

.i-telmessaging-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28718px
}

.i-telmessaging-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28750px
}

.i-tooltip-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28770px
}

.i-tooltip-close-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28790px
}

.i-touch-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28810px
}

.i-touch-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -28880px
}

.i-touch-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -28928px
}

.i-touch-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -28960px
}

.i-touch-b-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -28980px
}

.i-touch-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -28994px
}

.i-touch-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29064px
}

.i-touch-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29112px
}

.i-touch-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -29144px
}

.i-touch-w-xxsml {
    height: 14px;
    width: 14px;
    background-position: 0 -29164px
}

.i-travel-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -29178px
}

.i-travel-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29248px
}

.i-travel-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29296px
}

.i-travel-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -29328px
}

.i-travel-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -29348px
}

.i-travel-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29418px
}

.i-travel-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29466px
}

.i-travel-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -29498px
}

.i-troubleshooter-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -29518px
}

.i-troubleshooter-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29588px
}

.i-troubleshooter-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29636px
}

.i-troubleshooter-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -29668px
}

.i-troubleshooter-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -29688px
}

.i-troubleshooter-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29758px
}

.i-troubleshooter-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29806px
}

.i-troubleshooter-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -29838px
}

.i-ts-help-device-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -29858px
}

.i-ts-help-device-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -29928px
}

.i-ts-help-device-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -29976px
}

.i-ts-help-device-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30008px
}

.i-ts-help-device-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30028px
}

.i-ts-help-device-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30098px
}

.i-ts-help-device-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30146px
}

.i-ts-help-device-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30178px
}

.i-ts-service-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30198px
}

.i-ts-service-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30268px
}

.i-ts-service-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30316px
}

.i-ts-service-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30348px
}

.i-ts-service-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30368px
}

.i-ts-service-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30438px
}

.i-ts-service-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30486px
}

.i-ts-service-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30518px
}

.i-tv-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30538px
}

.i-tv-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30608px
}

.i-tv-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30656px
}

.i-tv-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30688px
}

.i-tv-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30708px
}

.i-tv-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30778px
}

.i-tv-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30826px
}

.i-tv-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -30858px
}

.i-tvmultimedia-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -30878px
}

.i-tvmultimedia-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -30948px
}

.i-tvmultimedia-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -30996px
}

.i-tvmultimedia-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31028px
}

.i-tvmultimedia-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31048px
}

.i-tvmultimedia-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -31118px
}

.i-tvmultimedia-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -31166px
}

.i-tvmultimedia-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31198px
}

.i-unchecked {
    height: 23px;
    width: 23px;
    background-position: 0 -31218px
}

.i-user-add-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31241px
}

.i-video-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31311px
}

.i-video-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -31381px
}

.i-video-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -31429px
}

.i-video-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31461px
}

.i-video-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31481px
}

.i-video-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -31551px
}

.i-video-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -31599px
}

.i-video-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31631px
}

.i-warning-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31651px
}

.i-warning-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -31721px
}

.i-warning-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -31769px
}

.i-warning-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31801px
}

.i-warning-bl-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31821px
}

.i-warning-bl-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -31891px
}

.i-warning-bl-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -31939px
}

.i-warning-bl-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -31971px
}

.i-warning-grey-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -31991px
}

.i-warning-grey-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -32061px
}

.i-warning-grey-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -32109px
}

.i-warning-grey-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -32141px
}

.i-warning-r-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -32161px
}

.i-warning-r-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -32231px
}

.i-warning-r-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -32279px
}

.i-warning-r-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -32311px
}

.i-wm-tilenav-monitor-dark-b-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -32331px
}

.i-wm-tilenav-monitor-dark-b-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -32401px
}

.i-wm-tilenav-monitor-dark-b-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -32449px
}

.i-wm-tilenav-monitor-dark-b-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -32481px
}

.i-wm-tilenav-monitor-dark-w-lrg {
    height: 70px;
    width: 70px;
    background-position: 0 -32501px
}

.i-wm-tilenav-monitor-dark-w-mdm {
    height: 48px;
    width: 48px;
    background-position: 0 -32571px
}

.i-wm-tilenav-monitor-dark-w-sml {
    height: 32px;
    width: 32px;
    background-position: 0 -32619px
}

.i-wm-tilenav-monitor-dark-w-xsml {
    height: 20px;
    width: 20px;
    background-position: 0 -32651px
}

.wysiwyg i {
    background: none
}

.small-icon-wrap {
    float: left;
    margin-right: 10px;
    text-align: center;
    height: 30px;
    width: 30px
}

#adobe-survey i {
    background: none !important
}

svg {
    display: inline-block;
    vertical-align: middle;
    fill: #333
}

.small-icon-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #666;
    padding: 27px
}

.i-black, .i-black .st0, .i-black [fill] {
    color: #000;
    fill: #000
}

.i-white, .i-white .st0, .i-white [fill] {
    color: #fff;
    fill: #fff
}

.i-grey, .i-grey .st0, .i-grey [fill] {
    color: #333;
    fill: #333
}

.i-red, .i-red .st0, .i-red [fill] {
    color: #e60000;
    fill: #e60000
}

.i-green, .i-green .st0, .i-green [fill] {
    color: #427d00;
    fill: #427d00
}

.i-blue, .i-blue .st0, .i-blue [fill] {
    color: #transparent;
    fill: #transparent
}

.i-purple, .i-purple .st0, .i-purple [fill] {
    color: #9c2aa0;
    fill: #9c2aa0
}

.i-orange, .i-orange .st0, .i-orange [fill] {
    color: #ff5400;
    fill: #ff5400
}

.i-rating-yellow, .i-rating-yellow .st0, .i-rating-yellow [fill] {
    color: #ffb124;
    fill: #ffb124
}

.i-grey-10, .mod-overlay .close:hover .close-icon, .nsf-overlay .close:hover .close-icon, .i-grey-10 .st0, .mod-overlay .close:hover .close-icon .st0, .nsf-overlay .close:hover .close-icon .st0, .i-grey-10 [fill], .mod-overlay .close:hover .close-icon [fill], .nsf-overlay .close:hover .close-icon [fill] {
    color: #333;
    fill: #333
}

.i-grey-20, .i-grey-20 .st0, .i-grey-20 [fill] {
    color: #666;
    fill: #666
}

.i-grey-30, .i-grey-30 .st0, .i-grey-30 [fill] {
    color: #ccc;
    fill: #ccc
}

.i-grey-40, .i-grey-40 .st0, .i-grey-40 [fill] {
    color: #ebebeb;
    fill: #ebebeb
}

.i-grey-50, .i-grey-50 .st0, .i-grey-50 [fill] {
    color: #f4f4f4;
    fill: #f4f4f4
}

.i-xxsml {
    width: 14px;
    height: 14px
}

.i-xsml {
    width: 20px;
    height: 20px
}

.i-sml {
    width: 32px;
    height: 32px
}

.i-mdm {
    width: 48px;
    height: 48px
}

.i-lrg {
    width: 70px;
    height: 70px
}

.i-xlrg {
    width: 128px;
    height: 128px
}

@media only screen and (min-width: 600px) {
    .small-icon-wrap {
        height: auto;
        width: auto
    }
    .small-icon-wrap, .small-icon-wrap img {
        max-height: none;
        max-width: none
    }
}

.wysiwyg i {
    background: none
}

.icon-wrap {
    float: left;
    margin-right: 10px;
    text-align: center;
    height: 30px;
    width: 30px
}

#adobe-survey i {
    background: none !important
}

@media only screen and (min-width: 600px) {
    .icon-wrap {
        height: auto;
        width: auto
    }
    .icon-wrap, .icon-wrap img {
        max-height: none;
        max-width: none
    }
}

a, .link, .link-big, .link-body {
    color: #333;
    text-decoration: none;
    cursor: pointer
}

a:hover, a:focus, .link:hover, .link:focus, .link-big:hover, .link-big:focus, .link-body:hover, .link-body:focus {
    text-decoration: underline
}

a:focus, .link:focus, .link-big:focus, .link-body:focus {
    outline: 3px solid #transparent
}

a:visited, .link:visited, .link-big:visited, .link-body:visited {
    color: #333
}

.link1a {
    background-image: url(img/icon/arrow-right-b-xxsml.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 17px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    text-decoration: none
}

.link1a:hover {
    text-decoration: underline
}

.enterprise .link1a {
    font-size: 16px;
    color: #9c2aa0;
    background-image: none;
    padding-left: 0
}

.enterprise .link1a:visited {
    color: #9c2aa0
}

.link-big {
    font-size: 16px
}

.link-line {
    text-decoration: underline
}

p a, sup a, .link-body {
    text-decoration: underline
}

.btn:focus {
    outline: 3px solid #transparent;
    border: 1px solid #666;
    box-shadow: none
}

.mouse-active a:focus, .mouse-active .btn:focus {
    outline: 0
}

button {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    overflow: visible
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #9c2aa0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    margin: 0 6px 10px 0;
    padding: 8px 15px;
    text-align: center;
    line-height: 16px;
    width: 100%;
    border: 1px solid transparent
}

.btn:last-child {
    margin-right: 0
}

.btn:focus, .btn:visited {
    color: #fff
}

.btn:hover, .btn:focus {
    background: #5e2750;
    text-decoration: none
}

.btn:active, .btn.nice-select.open {
    background: #5e2750;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.btn-em {
    background: #3d3d3d;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    text-shadow: none
}

.btn-em:hover, .btn-em:focus {
    background: #000
}

.btn-em:active, .btn-em.nice-select.open {
    background: #3d3d3d;
    box-shadow: 0 1px 0 #000 inset
}

.btn-alt {
    background: #fff;
    color: #333;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn-alt {
    border: 1px solid #ccc
}

.btn-alt:focus, .btn-alt:visited {
    color: #333
}

.btn-alt:hover, .btn-alt:focus, a:hover .btn-alt {
    background: #f4f4f4
}

.btn-alt:active, .btn-alt.nice-select.open {
    background: #f4f4f4;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn-alt:active, .lt-ie9 .btn-alt.nice-select.open {
    border: 1px solid #ccc
}

.btn:disabled, .btn-disabled, .btn[disabled] {
    color: #b5b5b5;
    background: #f4f4f4;
    pointer-events: none;
    text-shadow: none;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn:disabled, .lt-ie9 .btn-disabled, .lt-ie9 .btn[disabled] {
    border: 1px solid #ccc
}

.btn:disabled:hover, .btn-disabled:hover, .btn[disabled]:hover {
    color: #b5b5b5;
    background: #f4f4f4;
    text-shadow: none
}

.btn:disabled:active, .btn.nice-select.open:disabled, .btn-disabled:active, .btn-disabled.nice-select.open, .btn[disabled]:active, .btn[disabled].nice-select.open {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn:disabled:active, .lt-ie9 .btn.nice-select.open:disabled, .lt-ie9 .btn-disabled:active, .lt-ie9 .btn-disabled.nice-select.open, .lt-ie9 .btn[disabled]:active, .lt-ie9 .btn[disabled].nice-select.open {
    border: 1px solid #ccc
}

.btn-inline {
    display: inline-block;
    width: auto
}

@media only screen and (min-width: 600px) {
    .btn {
        width: auto;
        font-size: 14px;
        padding: 8px 15px
    }
    .btn:hover, .btn:focus {
        cursor: pointer
    }
    .btn:disabled:hover, .btn-disabled:hover {
        cursor: default
    }
}

.btn {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.div-background {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4;
    position: relative;
    z-index: 2
}

.panel, .panel-shadow {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 15px
}

.panel-shadow {
    box-shadow: 0 2px 3px -3px #000;
    margin: 0 0 20px
}

.panel-shadow .panel-head {
    border-bottom: 1px solid #ccc;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 18px;
    padding-left: 10px
}

.container {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 20px
}

.container-alt {
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 20px
}

.container-shadow {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    position: relative;
    margin-bottom: 20px
}

.lt-ie9 .container-shadow {
    border: 1px solid #ccc
}

@media only screen and (min-width: 600px) {
    .div-shadow, .div-shadow-inline {
        background: #fff;
        margin-bottom: 15px;
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px
    }
    .div-gradient.div-shadow {
        border-bottom: 1px solid #ccc
    }
    .div-shadow {
        margin-bottom: 35px
    }
    .div-shadow:after {
        margin: 0 auto;
        width: 95%;
        max-width: 920px
    }
    .div-shadow.m0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .div-shadow.m10 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .div-shadow.m20 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .div-shadow.m30 {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .div-shadow.m40 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .div-shadow-inline {
        padding-bottom: 10px
    }
    .div-background {
        border-bottom: 0
    }
    .panel, .panel-shadow {
        padding: 20px
    }
}

.services-block {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    display: table;
    width: 100%
}

.lt-ie9 .services-block {
    border: 1px solid #ccc
}

.services-block .w-33 {
    width: 33.3333333%
}

.services-block .w-50 {
    width: 50%
}

.sb-item {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #ccc
}

.sb-item:hover, .sb-item:active, .sb-item.nice-select.open {
    background-color: #f4f4f4
}

.sb-item .icon-wrap {
    width: 100%;
    margin: 0 0 4px
}

.sb-item .icon-wrap i, .sb-item .icon-wrap svg {
    margin-left: 8px
}

.sb-item .icon-wrap i:first-child, .sb-item .icon-wrap svg:first-child {
    margin-left: 0
}

.sb-item a {
    display: block;
    padding: 10px 10px 5px;
    width: 100%;
    vertical-align: middle
}

.sb-item:last-child {
    border: none
}

@media only screen and (min-width: 600px) {
    .services-block, .sb-item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        display: block
    }
    .services-block:hover, .sb-item:hover {
        background-color: inherit
    }
    .grid>.sb-item {
        padding-left: 30px
    }
    .sb-item {
        margin: 0 0 4px;
        text-align: left
    }
    .sb-item a {
        display: inline-block;
        padding: 0;
        width: auto;
        vertical-align: inherit;
        border-right: none
    }
}

.cta-topic li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 50%
}

.cta-topic, .cta-topic a, .cta-topic div {
    border-radius: 3px
}

.cta-topic a, .cta-topic div {
    background: #fff;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    margin: 1px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #ccc
}

.cta-topic a:hover, .cta-topic a:focus, .cta-topic div:hover, .cta-topic div:focus {
    border: 2px solid #9c2aa0;
    margin: 0
}

.ratings {
    display: inline-block
}

.ratings i, .ratings svg {
    float: left;
    margin-bottom: -2px
}

.img-left {
    float: left;
    margin: 15px 15px 15px 0;
    max-width: 50%
}

.img-right {
    float: right;
    margin: 15px 0 15px 15px;
    max-width: 50%
}

.img-wide, .img-block {
    float: none;
    display: block;
    margin: 15px 0;
    max-width: 100%
}

.grey-box {
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 10px;
    padding: 10px
}

.white-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 20px;
    padding: 20px
}

@media only screen and (min-width: 600px) {
    .cta-topic li {
        width: 25%
    }
    .content {
        min-height: 300px
    }
    .no-mrg-btm {
        margin-bottom: 0 !important
    }
    .img-left {
        float: left;
        margin-right: 15px;
        margin-bottom: 5px
    }
    .img-right {
        float: right;
        margin-left: 15px;
        margin-bottom: 5px
    }
    .img-wide {
        max-width: 70%
    }
    .grey-box {
        padding: 20px
    }
    .white-box {
        padding: 20px
    }
    .mod-banner {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }
}

.wysiwyg ul, .wysiwyg ol, .list {
    margin-bottom: 15px;
    padding-left: 15px;
    list-style-position: outside
}

.wysiwyg ul li, .wysiwyg ol li, .list li {
    margin-bottom: 4px
}

.wysiwyg ul .list, .wysiwyg ul ul, .wysiwyg ul ol, .wysiwyg ol .list, .wysiwyg ol ul, .wysiwyg ol ol, .list .list, .list ul, .list ol {
    margin: 4px 0 0;
    padding-left: 20px
}

.wysiwyg ul:not(.bullet-list), .list ul:not(.bullet-list), ul.list {
    list-style-type: disc
}

.wysiwyg ul:not(.bullet-list) ul, .list ul:not(.bullet-list) ul, ul.list ul {
    list-style-type: circle
}

.wysiwyg ul:not(.bullet-list) ul ul, .list ul:not(.bullet-list) ul ul, ul.list ul ul {
    list-style-type: square
}

.wysiwyg ol:not(.numbered-list), .list ol:not(.numbered-list), ol.list {
    list-style-type: decimal
}

.wysiwyg .list-link-arrow, .wysiwyg .list-icon {
    list-style: none;
    padding-left: 0
}

.checklist, .wysiwyg .checklist {
    list-style-type: none;
    margin-bottom: 15px
}

.checklist li, .wysiwyg .checklist li {
    background: url("../img/misc/list-tick-b-xsml.png") no-repeat;
    padding-left: 26px;
    margin-bottom: 5px
}

.arrowlist {
    list-style-type: none;
    margin-bottom: 15px
}

.arrowlist li {
    background: url("../img/misc/arrow-right-b-xxsml.png") no-repeat 0 2px;
    padding-left: 26px;
    margin-bottom: 5px
}

.checkmarks, .wysiwyg .checkmarks {
    list-style-type: none;
    margin-bottom: 15px
}

.checkmarks li, .wysiwyg .checkmarks li {
    background: url("../img/misc/list-tick-b-xsml.png") no-repeat;
    padding-left: 26px;
    margin-bottom: 5px
}

.checkmarks li:before, .wysiwyg .checkmarks li:before {
    content: 'yes ';
    position: absolute;
    left: 10000em
}

.wysiwyg .checkmarks li {
    margin-left: -15px
}

.list-link-arrow li, .list-icon li {
    margin-bottom: 5px
}

.list-icon li, .link-icon {
    margin-bottom: 10px
}

.list-icon li span, .link-icon span {
    padding-left: 35px;
    display: block
}

.list-icon li span:first-child, .link-icon span:first-child {
    padding-left: 0
}

.list-icon li .icon-wrap, .link-icon .icon-wrap {
    display: inline;
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 0;
    margin-top: -4px;
    text-align: center;
    vertical-align: middle
}

.inline-link-icon {
    display: inline-block;
    margin-right: 10px
}

.list-lined {
    margin-bottom: 15px
}

.list-lined li {
    border-top: 1px solid #ccc;
    padding: 10px
}

.list-lined li:first-child {
    border-top: 0
}

.list-lined .wm-arrow {
    display: none
}

.list-extras {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .list-extras {
    border: 1px solid #ccc
}

.le-item {
    border-top: 1px solid #d5d5d5;
    margin: 0 4px
}

.le-item:first-child {
    border-top: 0
}

.le-item .i-arrow-right-black-lrg, .le-item .icon-arrow-right-i-lrg {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px
}

.le-item .le-bit {
    color: #666
}

.le-head {
    display: block;
    color: #333;
    padding: 10px 15px;
    position: relative
}

.le-head h3 {
    margin-bottom: 0;
    font-weight: normal
}

.le-body {
    display: none
}

@media only screen and (min-width: 600px) {
    .list-extras {
        box-shadow: none;
        border: 0
    }
    .list-extras .icon-wrap {
        width: auto;
        margin: -7px 10px 0 0
    }
    .list-extras .le-item {
        border: 0;
        margin: 0;
        margin-bottom: 20px
    }
    .list-extras .le-item .le-bit, .list-extras .le-item .i-arrow-right-black-lrg, .list-extras .le-item .icon-arrow-right-i-lrg {
        display: none
    }
    .list-extras .le-item h3 {
        margin-bottom: 15px;
        font-weight: bold
    }
    .list-extras .le-head {
        padding: 10px 0 0
    }
    .list-extras .le-head:active, .list-extras .le-head.nice-select.open {
        background-color: #fff
    }
    .list-extras .le-body {
        clear: left;
        display: block
    }
}

.mod-toggle .tg-head:hover {
    cursor: pointer
}

.tg-head, .ttg-head {
    position: relative
}

.js .tg-container {
    display: none
}

.js .tg-body {
    display: none;
    position: relative
}

.js .tg-display {
    display: block
}

.js tbody.tg-body {
    position: static
}

.js tbody.tg-display {
    display: table-row-group
}

.tg-progress {
    text-align: center
}

.tg-close {
    display: none
}

i.tg-hide, i.tg-show, i.tg-link, svg.tg-hide, svg.tg-show, svg.tg-link {
    margin-top: -4px;
    position: absolute;
    right: 15px;
    top: 50%
}

.tg-show, .tg-hide {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #333
}

.tg-show {
    display: inline-block
}

.tg-hide {
    display: none
}

.tg-active .tg-show {
    display: none
}

.tg-active .tg-hide {
    display: inline-block
}

.tg-active i.tg-hide, .tg-active i.tg-show, .tg-active i.tg-link, .tg-active svg.tg-hide, .tg-active svg.tg-show, .tg-active svg.tg-link {
    right: 19px
}

.tg-progress {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font: 700 20px "Vodafone", Arial, sans-serif;
    left: 50%;
    margin: 50px 0 -50px -80px;
    padding: 30px 35px;
    position: relative;
    width: 165px;
    height: 150px;
    z-index: 100
}

.tg-progress img {
    margin-bottom: 20px
}

@media only screen and (min-width: 600px) {
    .tg-modal .mod-toggle .tg-body {
        position: static;
        background: none
    }
    .mod-toggle[data-scope="sml"] .tg-body {
        display: block
    }
    .mod-toggle[data-scope="sml"] .tg-hide, .mod-toggle[data-scope="sml"] .tg-show {
        display: none
    }
    .mod-toggle[data-scope="sml"] .tg-tooltip .tg-body {
        display: none
    }
    .mod-toggle[data-scope="sml"] .tg-tooltip .tg-display {
        display: block
    }
    .tg-link {
        display: none
    }
    .tg-close {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px
    }
}

.tg-accord {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    margin-bottom: 30px
}

.lt-ie9 .tg-accord {
    border: 1px solid #ccc
}

.tg-accord .tg-item {
    border-top: 1px solid #ccc;
    margin: 0
}

.tg-accord .tg-item:first-child {
    border-top: none
}

.tg-accord .tg-head, .tg-accord .ttg-head, .tg-dropdown .tg-accord .tg-head {
    display: block;
    margin: 0;
    padding: 8px 30px 8px 10px
}

.tg-accord .tg-head h3, .tg-accord .ttg-head h3, .tg-dropdown .tg-accord .tg-head h3 {
    margin-bottom: 0;
    font-weight: normal
}

.tg-accord .tg-head i, .tg-accord .tg-head svg, .tg-accord .ttg-head i, .tg-accord .ttg-head svg, .tg-dropdown .tg-accord .tg-head i, .tg-dropdown .tg-accord .tg-head svg {
    top: 50%;
    margin-top: -10px
}

.tg-accord .tg-edit {
    font-size: 0.7em;
    margin-right: -20px
}

.tg-accord .tg-modal {
    display: inline-block
}

.tg-accord .tg-modal .link-body {
    font-size: 14px;
    line-height: 1
}

.tg-accord .tg-active {
    background: #f4f4f4;
    margin: 0;
    padding-left: 10px
}

.tg-accord .tg-body, .tg-dropdown .tg-accord .tg-body {
    background: #f4f4f4;
    padding: 0 15px 15px;
    margin: 0
}

.tg-display .tg-accord .tg-body {
    position: static
}

.tg-accord .tg-inactive {
    color: #ccc
}

.tg-accord-lrg {
    box-shadow: none;
    border: none
}

.lt-ie9 .tg-accord-lrg {
    border: none
}

.tg-accord-lrg .tg-active {
    padding-left: 15px
}

.tg-accord-lrg .tg-active, .tg-dropdown .tg-accord-lrg .tg-active {
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.3);
    border: 1px solid #e9e9e9;
    border: none;
    margin: 0
}

.lt-ie9 .tg-accord-lrg .tg-active, .lt-ie9 .tg-dropdown .tg-accord-lrg .tg-active {
    border: 1px solid #ccc
}

.tg-accord-lrg .tg-body, .tg-dropdown .tg-accord-lrg .tg-body {
    background: transparent;
    padding: 0px 15px 0 15px;
    border: none;
    width: auto
}

.tg-accord-lrg .tg-display {
    padding-top: 15px
}

.tg-accord-lrg .tg-item {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    margin-top: 5px
}

.lt-ie9 .tg-accord-lrg .tg-item {
    border: 1px solid #ccc
}

.tg-accord-lrg .tg-item:first-child {
    margin-top: 0;
    border-top: none
}

.tg-dropdown .tg-accord-lrg .tg-item {
    box-shadow: none;
    border: none
}

.lt-ie9 .tg-dropdown .tg-accord-lrg .tg-item {
    border: none
}

.tg-dropdown .tg-accord-lrg .tg-item .tg-head, .tg-dropdown .tg-accord-lrg .tg-item .tg-body {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    margin: 0
}

.lt-ie9 .tg-dropdown .tg-accord-lrg .tg-item .tg-head, .lt-ie9 .tg-dropdown .tg-accord-lrg .tg-item .tg-body {
    border: 1px solid #ccc
}

.tg-accord-em .tg-header, .tg-accord-em .tg-header.tg-active {
    position: relative;
    display: block;
    padding: 16px 20px 8px 45px
}

.tg-accord-em .tg-header .tg-head, .tg-accord-em .tg-header.tg-active .tg-head {
    padding: 0;
    position: static
}

.tg-accord-em .tg-header .tg-head i, .tg-accord-em .tg-header .tg-head svg, .tg-accord-em .tg-header.tg-active .tg-head i, .tg-accord-em .tg-header.tg-active .tg-head svg {
    position: absolute;
    left: 15px;
    top: 50%
}

.tg-accord-em .tg-body {
    padding: 15px 15px 0 15px
}

.simple-accord .tg-head {
    padding: 15px;
    margin: 0
}

.simple-accord .tg-head h3 {
    margin: 0
}

.simple-accord .tg-item {
    background: #fff
}

@media only screen and (min-width: 600px) {
    .tg-accord, .tg-accord-lrg {
        box-shadow: none;
        border: none
    }
    .lt-ie9 .tg-accord, .lt-ie9 .tg-accord-lrg {
        border: none
    }
    .tg-accord .tg-item {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        margin: 0;
        border-top: none
    }
    .tg-accord .tg-head, .tg-dropdown .tg-accord .tg-head {
        background: none;
        padding: 0
    }
    .tg-accord .tg-head h3, .tg-dropdown .tg-accord .tg-head h3 {
        margin-bottom: 20px;
        font-weight: bold
    }
    .tg-accord .tg-edit {
        margin-right: 0
    }
    .tg-accord .tg-active, .tg-accord .tg-body {
        background: none;
        padding: 0;
        margin: 0
    }
    .tg-accord-lrg .tg-item {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-top: 10px
    }
    .tg-accord-lrg .tg-item:first-child {
        margin-top: 0
    }
    .tg-accord-lrg .tg-head, .tg-dropdown .tg-accord-lrg .tg-head {
        padding: 8px 20px
    }
    .tg-accord-lrg .tg-head i, .tg-accord-lrg .tg-head svg, .tg-dropdown .tg-accord-lrg .tg-head i, .tg-dropdown .tg-accord-lrg .tg-head svg {
        right: 20px;
        top: 50%;
        margin-right: 10px
    }
    .tg-accord-lrg .tg-body {
        padding: 15px 15px 0 15px
    }
    .simple-accord .tg-head {
        padding: 8px 20px
    }
    .simple-accord .tg-head h3 {
        margin: 4px 0 0
    }
}

.tooltip {
    display: none;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 #444;
    -moz-box-shadow: 0 1px 2px 0 #444;
    box-shadow: 0 1px 2px 0 #444;
    border: 1px solid #ababab;
    margin-top: 10px;
    padding: 20px
}

.tooltip:before {
    border: 10px solid transparent;
    border-bottom-color: #333;
    bottom: 100%;
    content: '';
    position: absolute;
    left: 19px
}

.tooltip:after {
    border: 9px solid transparent;
    border-bottom-color: #fff;
    bottom: 100%;
    content: '';
    position: absolute;
    left: 20px
}

.tg-tooltip-icon, .tg-dropdown .tg-tooltip-icon {
    position: relative
}

.tg-tooltip-icon .tg-head, .tg-dropdown .tg-tooltip-icon .tg-head {
    display: inline-block;
    border-radius: 3px;
    padding: 0;
    margin: 0
}

.tg-tooltip-icon .tg-head i, .tg-tooltip-icon .tg-head svg, .tg-dropdown .tg-tooltip-icon .tg-head i, .tg-dropdown .tg-tooltip-icon .tg-head svg {
    margin: 6px
}

.tg-tooltip-icon .tg-active, .tg-tooltip-icon .tg-body, .tg-dropdown .tg-tooltip-icon .tg-active, .tg-dropdown .tg-tooltip-icon .tg-body {
    background: #f4f4f4;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .tg-tooltip-icon .tg-active, .lt-ie9 .tg-tooltip-icon .tg-body, .lt-ie9 .tg-dropdown .tg-tooltip-icon .tg-active, .lt-ie9 .tg-dropdown .tg-tooltip-icon .tg-body {
    border: 1px solid #ccc
}

.tg-tooltip-icon .tg-active, .tg-dropdown .tg-tooltip-icon .tg-active {
    border: none
}

.tg-tooltip-icon .tg-active:after, .tg-dropdown .tg-tooltip-icon .tg-active:after {
    background: none repeat scroll 0 0 #f4f4f4;
    bottom: -4px;
    content: " ";
    height: 8px;
    position: absolute;
    width: 32px;
    z-index: 14;
    left: 0
}

.tg-tooltip-icon .tg-body, .tg-dropdown .tg-tooltip-icon .tg-body {
    padding: 15px;
    margin-bottom: 15px
}

.tg-dropdown .tg-tooltip-icon a.tg-head {
    box-shadow: none;
    border: none
}

.tg-dropdown .tg-tooltip-icon a.tg-active {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 1px 2px 0 #444;
    -moz-box-shadow: 0 1px 2px 0 #444;
    box-shadow: 0 1px 2px 0 #444
}

.tg-dropdown .tg-tooltip-icon .tg-display {
    top: auto;
    z-index: 10
}

.js .tg-tooltip-icon .tg-body {
    margin-top: -2px
}

.no-js .mod-toggle[data-scope="sml"] .tg-tooltip-icon .tg-body {
    display: block
}

@media only screen and (min-width: 600px) {
    .tooltip {
        position: absolute;
        z-index: 11
    }
    .js .tg-tooltip-icon .tg-display {
        position: absolute;
        z-index: 11
    }
    .js .tg-tooltip-icon .tg-body {
        margin-top: -2px
    }
    .js .tooltip-side {
        position: relative
    }
    .js .tooltip-side .tg-body {
        width: 300px;
        right: -135px;
        top: -20px;
        min-height: 70px
    }
    .js .tooltip-side .tg-active:after {
        content: " ";
        width: 6px;
        height: 33px;
        top: 0;
        right: -1px;
        bottom: auto;
        left: auto
    }
    .js .tooltip-left .tg-body {
        top: -20px;
        left: -300px;
        right: auto
    }
    .js .tooltip-left .tg-active:after {
        right: auto;
        left: -3px
    }
    a:focus .tooltip {
        display: block
    }
}

.tg-flyout>.tg-body {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9;
    background: #f4f4f4;
    margin: 10px -10px 15px;
    padding: 20px;
    position: relative
}

.lt-ie9 .tg-flyout>.tg-body {
    border: 1px solid #ccc
}

.tg-flyout>.tg-body:before {
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #666;
    top: -20px;
    left: 18px;
    position: absolute
}

.tg-flyout>.tg-body:after {
    content: '';
    border: 11px solid transparent;
    border-bottom-color: #f4f4f4;
    top: -19px;
    left: 17px;
    position: absolute
}

.tg-flyout .tg-close .i-close-lrg, .tg-flyout .tg-close .icon-close-i-lrg {
    left: -9999em;
    position: absolute
}

@media only screen and (min-width: 600px) {
    .tg-flyout {
        position: relative
    }
    .tg-flyout .tg-body {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 4px 0 #555;
        -moz-box-shadow: 0 1px 4px 0 #555;
        box-shadow: 0 1px 4px 0 #555;
        background: #fff;
        border: 1px solid #ababab;
        padding-right: 40px;
        position: absolute;
        z-index: 10
    }
    .tg-flyout .tg-body:after {
        border-bottom-color: #fff
    }
    .tg-flyout .tg-close .btn {
        left: -9999em;
        position: absolute
    }
    .tg-flyout .tg-close .i-close-lrg, .tg-flyout .tg-close .icon-close-i-lrg {
        position: static
    }
}

@media only screen and (min-width: 600px) {
    .tg-modal .tg-body {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        top: 0;
        left: 0;
        overflow-y: auto;
        background: #000;
        background: rgba(0, 0, 0, 0.75)
    }
    .tg-modal .tg-inner-body {
        position: relative;
        margin: 50px auto;
        width: 800px
    }
    .tg-modal .tg-ajax {
        background: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 40px 3px #000;
        -moz-box-shadow: 0 0 40px 3px #000;
        box-shadow: 0 0 40px 3px #000;
        padding: 27px;
        width: 800px
    }
    .tg-modal .tg-heading {
        left: 27px;
        top: 27px;
        right: 27px;
        padding-bottom: 12px;
        border-bottom: 1px solid #ccc
    }
    .tg-modal .tg-close {
        position: absolute;
        right: 27px;
        top: 27px;
        text-decoration: underline
    }
    .tg-modal .tg-close i, .tg-modal .tg-close svg {
        margin-left: 8px
    }
    .tg-modal .tg-overlay {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1
    }
    .tg-overflow {
        overflow: hidden
    }
}

.tg-tabs {
    margin-bottom: 20px
}

.tg-tabs .tg-nav {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    margin-bottom: 30px;
    margin-top: 10px
}

.lt-ie9 .tg-tabs .tg-nav {
    border: 1px solid #ccc
}

.tg-tabs .tg-nav .tg-show {
    display: none
}

.tg-tabs .tg-nav .tg-item {
    margin: 0 4px;
    position: relative
}

.tg-tabs .tg-nav .tg-head {
    border-top: 1px solid #ccc;
    font: 400 20px/30px "Vodafone", Arial, sans-serif;
    margin: 0;
    padding: 10px 45px 10px 10px;
    display: none;
    color: #333;
    hyphens: none
}

.tg-tabs .tg-nav .tg-head:hover {
    cursor: pointer
}

.tg-tabs .tg-nav .tg-head h3 {
    margin-bottom: 0;
    font-weight: normal
}

.tg-tabs .tg-nav .tg-active {
    background: #fff;
    border-top: 0;
    display: block;
    font-weight: bold
}

.tg-tabs .tg-nav .tg-active .tg-show {
    display: block
}

.tg-tabs .tg-nav .tg-active .tg-hide {
    display: none
}

.tg-tabs .tg-drop.tg-nav .tg-item:first-child .tg-head {
    border-top: none
}

.tg-tabs .tg-drop.tg-nav .tg-active {
    border-radius: 0;
    border-top: 1px solid #ccc
}

.tg-tabs .tg-drop.tg-nav .tg-head, .tg-tabs .tg-drop.tg-nav .tg-hide {
    display: block
}

.tg-tabs .tg-drop.tg-nav .tg-show {
    display: none
}

.wysiwyg .tg-nav {
    list-style-type: none;
    padding-left: 0
}

.tg-nav .tg-head {
    word-wrap: break-word;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto
}

@media only screen and (min-width: 600px) {
    .tg-tabs {
        margin-bottom: 35px
    }
    .tg-tabs .tg-nav {
        border-radius: 0px;
        box-shadow: none;
        border: none;
        display: table;
        overflow: hidden;
        width: 100%;
        margin-top: 0
    }
    .tg-tabs .tg-nav .tg-tab {
        display: block;
        padding: 6px 30px;
        -webkit-hyphens: none
    }
    .tg-tabs .tg-nav .tg-item {
        display: table-cell
    }
    .tg-tabs .tg-nav .tg-item:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        width: 1px;
        border-left: 1px solid #ccc;
        z-index: 10
    }
    .tg-tabs .tg-nav .tg-item:first-child:before {
        display: none
    }
    .tg-tabs .tg-nav .tg-head {
        display: block;
        font: 400 16px/1.1 "Vodafone", Arial, sans-serif;
        padding: 4px 0;
        text-align: center;
        border-top: 0;
        word-break: normal;
        word-wrap: normal;
        padding-bottom: 999px;
        margin-bottom: -995px
    }
    .tg-tabs .tg-nav .tg-body {
        padding: 30px 0 10px
    }
    .tg-tabs .tg-drop.tg-nav .tg-active {
        border-top: none
    }
    .tg-tabs .tg-tabs-inline {
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        border: none;
        border-top: 1px solid #ebebeb;
        width: auto
    }
    .lt-ie9 .tg-tabs .tg-tabs-inline {
        border: 1px solid #ccc
    }
    .tg-tabs .tg-tabs-inline .tg-item {
        background: #fff;
        position: relative
    }
    .tg-tabs .tg-tabs-inline .tg-item:first-child a {
        border-radius: 0 0 0 3px
    }
    .tg-tabs .tg-tabs-inline .tg-item:first-child .tg-tab {
        border-left: 0
    }
    .tg-tabs .tg-tabs-inline .tg-item:last-child a {
        border-radius: 0 0 3px 0
    }
    .tg-tabs .tg-tabs-inline .tg-item a:hover {
        background-color: #f4f4f4
    }
    .tg-tabs .tg-tabs-inline .tg-item .tg-active {
        background: #666;
        border-color: #2e2e2e;
        -webkit-box-shadow: 0 3px 7px 0 #2e2e2e inset;
        -moz-box-shadow: 0 3px 7px 0 #2e2e2e inset;
        box-shadow: 0 3px 7px 0 #2e2e2e inset;
        color: #fff;
        z-index: 11
    }
    .tg-tabs .tg-tabs-inline .tg-item .tg-active .tg-tab {
        border-left: 0
    }
    .tg-tabs .tg-tabs-inline .tg-item .tg-active:hover {
        background-color: #666
    }
    .tg-tabs .div-background .tg-tabs-inline {
        border-radius: 0 0 3px 3px;
        border-top: none
    }
    .tg-tabs .tg-nav.tg-tabs-alt {
        background-color: #f4f4f4;
        border-top: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        border-radius: 3px 3px 0 0
    }
    .tg-tabs .tg-nav.tg-tabs-alt .tg-active {
        z-index: 11;
        border: 1px solid #cacaca;
        border-top: none;
        box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.5);
        border-radius: 3px 3px 0 0;
        font-weight: bold;
        margin-right: -1px
    }
    .tg-tabs .tg-nav.tg-tabs-alt .tg-head {
        font-size: 18px;
        padding-bottom: 1001px;
        padding-top: 8px
    }
    .tg-tabs .tg-nav.tg-tabs-alt .tg-item:first-child .tg-active {
        margin-left: -1px;
        border-radius: 3px 3px 0 0
    }
    .tg-tabs .tg-nav.tg-tabs-alt .tg-item:after {
        content: "";
        width: 100%;
        background: #cacaca;
        height: 1px;
        position: absolute;
        bottom: 0
    }
    .lt-ie9 .tg-tabs .tg-nav.tg-tabs-alt {
        border-bottom: none
    }
    .lt-ie9 .tg-tabs .tg-nav.tg-tabs-alt .tg-item:after {
        content: " ";
        width: 100%;
        background: #cacaca;
        height: 1px;
        position: absolute;
        bottom: 0px
    }
}

.tg-more .tg-head i, .tg-more .tg-head svg {
    display: inline-block;
    margin-left: 10px;
    position: static
}

.tg-accord .tg-more .tg-head {
    font: inherit;
    padding: 0;
    box-shadow: none
}

.tg-accord .tg-more .tg-display {
    padding: 0
}

.no-js .tg-more .tg-head {
    display: none
}

.alert {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 10px 19px 20px 19px
}

.alert i, .alert svg {
    float: left
}

.alert>div>h4 {
    padding-left: 50px
}

.alert div p:last-child {
    margin-bottom: 0
}

.alert .alert-cta {
    float: right;
    padding: 0
}

.alert img {
    float: left;
    margin: 0 20px 10px 0
}

.alert h2, .alert h3, .alert h4 {
    margin: 5px 0 13px
}

.alert.hide {
    display: none
}

.alert-sml {
    padding: 10px;
    margin-bottom: 10px
}

.alert-sml>div {
    padding-left: 40px
}

.alert-sml p {
    margin: 0
}

.info {
    background: #fff;
    border: 1px solid #ccc
}

.error {
    background: #fef0f0;
    border: 1px solid #e60000
}

.warning {
    background: #fff5f0;
    border: 1px solid #ff5400
}

.success {
    background: #f4f7f0;
    border: 1px solid #427d00
}

.nav-grid .ng-menu {
    margin-bottom: 25px
}

.nav-grid .ng-content {
    padding-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .nav-grid {
        overflow: hidden;
        position: relative
    }
    .nav-grid:before {
        box-shadow: -6px 0 6px -3px #ccc inset;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 23%;
        margin-left: -6px;
        z-index: 1;
        width: 8px
    }
    .nav-grid h1 {
        margin-left: 0
    }
    .nav-grid .belt {
        padding-right: 0
    }
    .nav-grid .ng-col {
        float: left
    }
    .nav-grid .ng-menu {
        width: 23%;
        position: relative;
        height: auto
    }
    .nav-grid .ng-content {
        padding: 0 2px 15px 30px;
        width: 77%;
        position: relative
    }
}

table {
    width: 100%;
    margin: 0 0 15px
}

table tr {
    display: block;
    padding: 7px 10px;
    border-top: 1px solid #ccc
}

table tr:first-child {
    border-top: none
}

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

table td {
    display: block
}

table thead {
    display: none
}

table tbody th {
    font-weight: bold
}

.band-table tr {
    border-top: none
}

.band-table tbody tr:nth-child(2n+1) {
    border: 1px solid #ccc;
    background: #f4f4f4
}

.lt-ie9 .band-table tr {
    border-top: 1px solid #ccc
}

.lt-ie9 .band-table tr:first-child {
    border-top: none
}

table.blanc tr {
    padding-left: 0;
    border: none
}

table.blanc th {
    padding-left: 0;
    width: 50%;
    display: inline-block
}

table.blanc td {
    padding-left: 0;
    width: 50%;
    display: inline-block
}

table.blanc td:first-child {
    font-weight: bold
}

@media only screen and (min-width: 600px) {
    table tr {
        display: table-row;
        padding: 0
    }
    table td, table th {
        display: table-cell;
        margin: 0;
        padding: 7px 10px
    }
    table th {
        font-weight: bold
    }
    table thead {
        display: table-header-group
    }
}

.tg-dropdown {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 10px 10px 0
}

.tg-dropdown .tg-head {
    display: block;
    padding: 10px 20px 10px 15px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    padding-right: 50px;
    font: 300 16px/1 "Vodafone", Arial, sans-serif
}

.tg-dropdown .tg-head i, .tg-dropdown .tg-head svg {
    right: 15px;
    top: 15px;
    margin-top: 0
}

.tg-dropdown .tg-active {
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    border-bottom: none;
    border-bottom: 1px solid transparent;
    position: relative;
    z-index: 11
}

.tg-dropdown .tg-body {
    border: 1px solid #ccc;
    margin-top: -1px;
    padding: 8px 20px 8px 15px;
    border-radius: 0 0 4px 4px
}

.tg-dropdown .tg-display {
    background: #fff;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 600px) {
    .tg-dropdown {
        width: auto
    }
    .tg-dropdown .tg-head {
        box-shadow: 0 2px 3px -3px #000;
        cursor: pointer
    }
    .tg-dropdown .tg-active {
        box-shadow: none
    }
    .tg-dropdown .tg-display {
        box-shadow: 0 2px 3px -3px #000;
        position: absolute
    }
}

.tg-dropdown-lrg {
    position: relative;
    width: 100%
}

.tg-dropdown-lrg .tg-dropdown {
    position: static
}

@media only screen and (min-width: 600px) {
    .tg-dropdown-lrg {
        position: relative
    }
    .tg-dropdown-lrg .tg-body {
        position: absolute;
        left: 0;
        right: 0;
        top: 55px
    }
    .tg-dropdown-lrg .tg-active {
        padding-bottom: 27px;
        margin-bottom: -27px
    }
}

.no-js .tg-dropdown-lrg .tg-dropdown {
    width: 100%
}

.no-js .tg-dropdown-lrg .tg-body {
    position: relative;
    top: 0
}

h1, .h1, .hl-stage, h2, .h2, .h2a, h3, .h3, h4, .h4, .h4a, .h4b, h5, .h5, .blogposts .blogpost .date {
    font-family: "Vodafone", Arial, sans-serif
}

.red-headline {
    color: #e60000 !important
}

h1, .h1 {
    font-weight: normal;
    color: #e60000
}

.hl-stage {
    font-weight: lighter;
    color: #333
}

.hl-page-ws {
    margin: 15px 0
}

h2, .h2 {
    font-weight: lighter;
    color: #333
}

.enterprise h2, .enterprise .h2 {
    color: #e60000
}

.h2a {
    font-weight: lighter;
    color: #e60000
}

h3, .h3 {
    font-weight: bold;
    color: #333
}

.enterprise h3, .enterprise .h3 {
    color: #333
}

h4, .h4 {
    font-weight: bold;
    color: #333
}

.enterprise h4, .enterprise .h4 {
    color: #333
}

.h4a {
    font-weight: bold;
    color: #333
}

.h4b {
    font-weight: normal;
    color: #333
}

h5, .h5, .blogposts .blogpost .date {
    font-weight: bold;
    color: #333
}

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

.hl-stage {
    font-size: 20px;
    line-height: 24px
}

h2, .h2 {
    font-size: 22px;
    line-height: 25px
}

.h2a {
    font-size: 30px;
    line-height: 34px
}

h3, .h3 {
    font-size: 20px;
    line-height: 24px
}

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

.h4a {
    font-size: 16px;
    line-height: 19px
}

.h4b {
    font-size: 16px;
    line-height: 22px
}

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

.h4d {
    font-size: 16px;
    line-height: 22px
}

h5, .h5, .blogposts .blogpost .date {
    font-size: 14px;
    line-height: 20px
}

.callnumber {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: lighter;
    font-size: 26px;
    line-height: 30px;
    color: #e60000
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    h1, .h1 {
        font-size: 40px;
        line-height: 44px
    }
    h2, .h2 {
        font-size: 26px;
        line-height: 30px
    }
    .h4a {
        font-size: 14px;
        line-height: 17px
    }
    .h4b {
        font-size: 16px;
        line-height: 19px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .hl-stage {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hl-stage {
        font-size: 25px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1025px) {
    h1, .h1 {
        font-size: 45px;
        line-height: 50px
    }
    .hl-stage {
        font-size: 36px;
        line-height: 40px
    }
    .hl-page-ws {
        margin: 0 0 40px 0
    }
    h2, .h2 {
        font-size: 30px;
        line-height: 34px
    }
    h3, .h3 {
        font-size: 22px;
        line-height: 26px
    }
    .h4a {
        font-size: 16px;
        line-height: 19px
    }
    .h4b {
        font-size: 18px;
        line-height: 20px
    }
}

sup {
    font-weight: bold;
    font-size: 10px
}

sup a:hover {
    text-decoration: none
}

.abstract-li, ul.bullet-list li, ul.ulContent li, ul.icon-list li, ul.link-list li, ol.numbered-list li, ol.olContent li, .enterprise ul.bullet-list li, .enterprise ul.link-list li, .enterprise ul.icon-list li, .enterprise ol.numbered-list li {
    margin-top: 5px;
    line-height: 20px
}

ul.bullet-list, ul.ulContent {
    margin: 0px 0px 10px 0
}

ul.bullet-list li, ul.ulContent li {
    margin-left: 24px;
    text-indent: -24px
}

ul.bullet-list li:before, ul.ulContent li:before {
    content: "\2022";
    margin-right: 19px
}

ul.icon-list {
    margin: 0px 0px 10px 0
}

ul.icon-list li {
    position: relative;
    padding-left: 25px;
    background-size: 20px;
    background-position: top left;
    background-repeat: no-repeat
}

ul.icon-list li>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px
}

ul.link-list {
    margin: 0px 0px 10px 0
}

ol.numbered-list, ol.olContent {
    margin: 0px 0px 10px 0
}

ol.numbered-list li, ol.olContent li {
    counter-increment: step-counter;
    text-indent: -28px;
    margin-left: 28px
}

ol.numbered-list li:before, ol.olContent li:before {
    content: counter(step-counter) ".";
    margin-right: 16px
}

.enterprise .abstract-li, ul.bullet-list .enterprise li, .enterprise ul.ulContent li, ul.ulContent .enterprise li, ul.icon-list .enterprise li, ul.link-list .enterprise li, ol.numbered-list .enterprise li, .enterprise ol.olContent li, ol.olContent .enterprise li, .enterprise ul.bullet-list li, .enterprise ul.link-list li, .enterprise ul.icon-list li, .enterprise ol.numbered-list li {
    margin-top: 4px;
    line-height: 20px
}

.enterprise ul.bullet-list li {
    margin-left: 25px;
    text-indent: -27px
}

.enterprise ul.bullet-list li:before {
    color: #e60000;
    margin: 0 10px
}

.enterprise ul.link-list li {
    margin-left: 25px;
    text-indent: -25px;
    padding: 0
}

.enterprise ul.link-list li:before {
    content: "\2022";
    color: #e60000;
    margin: 0 10px
}

.enterprise ul.icon-list li {
    background-position-y: top;
    background-position-x: 3px
}

.enterprise ul.icon-list li>svg {
    left: 2px
}

.enterprise ol.numbered-list li {
    text-indent: -27px;
    margin-left: 27px
}

.enterprise ol.numbered-list li:before {
    margin: 0 5px 0 10px
}

.enterprise .herospace-light h1, .enterprise .herospace-light .h1, .enterprise .herospace-light h2, .enterprise .herospace-light .h2, .enterprise .herospace-light h3, .enterprise .herospace-light .h3, .enterprise .herospace-light h4, .enterprise .herospace-light .h4 {
    color: #fff
}

ul.icon-list.list-tick {
    color: inherit !important
}

ul.icon-list.list-tick.i-#fff>li, ul.icon-list.list-tick.i-#fff>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,255,255,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-#000>li, ul.icon-list.list-tick.i-#000>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,0,0,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-red>li, ul.icon-list.list-tick.i-red>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(230,0,0,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-green>li, ul.icon-list.list-tick.i-green>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(66,125,0,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey>li, ul.icon-list.list-tick.i-grey>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey-10>li, .mod-overlay .close:hover ul.icon-list.list-tick.close-icon>li, .nsf-overlay .close:hover ul.icon-list.list-tick.close-icon>li, ul.icon-list.list-tick.i-grey-10>.proxy li, .mod-overlay .close:hover ul.icon-list.list-tick.close-icon>.proxy li, .nsf-overlay .close:hover ul.icon-list.list-tick.close-icon>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey-20>li, ul.icon-list.list-tick.i-grey-20>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(102,102,102,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey-30>li, ul.icon-list.list-tick.i-grey-30>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(204,204,204,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey-40>li, ul.icon-list.list-tick.i-grey-40>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(235,235,235,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-grey-50>li, ul.icon-list.list-tick.i-grey-50>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(244,244,244,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-blue>li, ul.icon-list.list-tick.i-blue>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,124,146,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-orange>li, ul.icon-list.list-tick.i-orange>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,84,0,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.list-tick.i-purple>li, ul.icon-list.list-tick.i-purple>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(156,42,160,0.999)'%3E%3Cpolygon points='74.219,28.953 42.97,60.202 27.344,44.579 19.532,52.39 42.97,75.828 82.03,36.764'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close {
    color: inherit !important
}

ul.icon-list.close.i-#fff>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,255,255,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-#000>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,0,0,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-red>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(230,0,0,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-green>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(66,125,0,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey-10>li, .mod-overlay .close:hover ul.icon-list.close.close-icon>li, .nsf-overlay .close:hover ul.icon-list.close.close-icon>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey-20>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(102,102,102,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey-30>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(204,204,204,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey-40>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(235,235,235,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-grey-50>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(244,244,244,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-blue>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,124,146,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-orange>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,84,0,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.close.i-purple>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(156,42,160,0.999)'%3E%3Crect x='7.927' y='42.575' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 120.7098 49.9988)' class='st0' width='84.146' height='14.847'/%3E%3Crect x='7.928' y='42.577' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 50.0012 120.7115)' class='st0' width='84.146' height='14.847'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download {
    color: inherit !important
}

ul.icon-list.billing-download.i-#fff>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,255,255,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-#000>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,0,0,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-red>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(230,0,0,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-green>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(66,125,0,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey-10>li, .mod-overlay .close:hover ul.icon-list.billing-download.close-icon>li, .nsf-overlay .close:hover ul.icon-list.billing-download.close-icon>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey-20>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(102,102,102,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey-30>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(204,204,204,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey-40>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(235,235,235,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-grey-50>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(244,244,244,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-blue>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,124,146,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-orange>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,84,0,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.billing-download.i-purple>li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(156,42,160,0.999)'%3E%3Cpath class='st0' d='M36.184,45H30v-5h25v5H36.184z M75,40H60v5h15V40z M55,55v-5H43.652C44.502,51.562,45,53.313,45,55H55z M60,55h15v-5H60V55z M60,65h15v-5H60V65z M64.287,4.983H25c-2.334,0-5,2.642-5,5v36.033C21.135,45.391,22.41,45,23.816,45H25 V9.983h35v15c0.308,3.743,5,5,5,5h15v60H45l-5,5h40c0,0,5.117,0.579,5-5v-60L64.287,4.983z M55,65v-5H45v5H55z'/%3E%3Cpath class='st0' d='M20,54.546v6.699V75h-7.461c-2.72,0-3.313,1.519-1.494,3.569l15.645,14.893C27.6,94.487,28.801,95,30,95 s2.4-0.513,3.311-1.538l15.645-14.893C50.774,76.519,50.181,75,47.461,75H40V55c0-2.07-1.775-5-3.816-5H30h-6.184 C21.775,50,20,52.476,20,54.546z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus {
    color: inherit !important
}

ul.icon-list.plus.i-#fff>li, ul.icon-list.plus.i-#fff>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,255,255,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-#000>li, ul.icon-list.plus.i-#000>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,0,0,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-red>li, ul.icon-list.plus.i-red>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(230,0,0,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-green>li, ul.icon-list.plus.i-green>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(66,125,0,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey>li, ul.icon-list.plus.i-grey>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey-10>li, .mod-overlay .close:hover ul.icon-list.plus.close-icon>li, .nsf-overlay .close:hover ul.icon-list.plus.close-icon>li, ul.icon-list.plus.i-grey-10>.proxy li, .mod-overlay .close:hover ul.icon-list.plus.close-icon>.proxy li, .nsf-overlay .close:hover ul.icon-list.plus.close-icon>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey-20>li, ul.icon-list.plus.i-grey-20>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(102,102,102,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey-30>li, ul.icon-list.plus.i-grey-30>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(204,204,204,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey-40>li, ul.icon-list.plus.i-grey-40>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(235,235,235,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-grey-50>li, ul.icon-list.plus.i-grey-50>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(244,244,244,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-blue>li, ul.icon-list.plus.i-blue>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,124,146,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-orange>li, ul.icon-list.plus.i-orange>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,84,0,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.plus.i-purple>li, ul.icon-list.plus.i-purple>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(156,42,160,0.999)'%3E%3Cpath class='st0' d='M85,40H60V15c0-2.75-2.25-5-5-5H45c-2.75,0-5,2.25-5,5v25H15c-2.75,0-5,2.25-5,5v10c0,2.75,2.25,5,5,5h25 v25c0,2.75,2.25,5,5,5h10c2.75,0,5-2.25,5-5V60h25c2.75,0,5-2.25,5-5V45C90,42.25,87.75,40,85,40z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus {
    color: inherit !important
}

ul.icon-list.minus.i-#fff>li, ul.icon-list.minus.i-#fff>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,255,255,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-#000>li, ul.icon-list.minus.i-#000>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,0,0,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-red>li, ul.icon-list.minus.i-red>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(230,0,0,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-green>li, ul.icon-list.minus.i-green>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(66,125,0,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey>li, ul.icon-list.minus.i-grey>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey-10>li, .mod-overlay .close:hover ul.icon-list.minus.close-icon>li, .nsf-overlay .close:hover ul.icon-list.minus.close-icon>li, ul.icon-list.minus.i-grey-10>.proxy li, .mod-overlay .close:hover ul.icon-list.minus.close-icon>.proxy li, .nsf-overlay .close:hover ul.icon-list.minus.close-icon>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(51,51,51,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey-20>li, ul.icon-list.minus.i-grey-20>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(102,102,102,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey-30>li, ul.icon-list.minus.i-grey-30>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(204,204,204,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey-40>li, ul.icon-list.minus.i-grey-40>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(235,235,235,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-grey-50>li, ul.icon-list.minus.i-grey-50>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(244,244,244,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-blue>li, ul.icon-list.minus.i-blue>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(0,124,146,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-orange>li, ul.icon-list.minus.i-orange>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(255,84,0,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

ul.icon-list.minus.i-purple>li, ul.icon-list.minus.i-purple>.proxy li {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-xxsml.i-xsml' fill='rgba(156,42,160,0.999)'%3E%3Cpath class='st0' d='M11,40c-0.55,0-1,0.45-1,1v18c0,0.55,0.45,1,1,1h78c0.55,0,1-0.45,1-1V41c0-0.55-0.45-1-1-1H11z'/%3E%3C/g%3E%3C/svg%3E")
}

.animation {
    -webkit-transition: 1s
}

.animation.ng-enter {
    opacity: 0
}

.animation.ng-leave {
    opacity: 1
}

.animation.ng-enter.ng-enter-active {
    opacity: 1
}

.animation.ng-leave.ng-leave-active {
    opacity: 0
}

.mod-multi-select-tags .select-toggle {
    line-height: 18px;
    text-align: left;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9;
    font-size: 16px;
    color: #666
}

.mod-multi-select-tags .select-options li {
    padding: 10px 6px;
    border-bottom: 2px solid #e9e9e9
}

.mod-multi-select-tags .select-options li svg {
    float: right;
    margin: 0 8px 0 0
}

.mod-multi-select-tags .select-options li a {
    width: 100%
}

.mod-multi-select-tags .select-options {
    z-index: 121;
    position: absolute;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    box-shadow: 0 3px 6px rgba(50, 50, 50, 0.6)
}

.mod-multi-select-tags #anchor_child {
    text-decoration: none
}

.mod-multi-select-tags .select-options li svg[show="false"] {
    display: none
}

.mod-multi-select-tags .tags {
    margin: 16px 8px 10px 0
}

.mod-multi-select-tags .tag {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    display: inline-block;
    font-size: 18px;
    font-family: "Vodafone", Arial, sans-serif;
    margin: 0 10px 10px 0;
    padding: 8px 8px 5px 8px;
    text-align: center;
    line-height: 18px;
    background: #fff;
    color: #666666;
    border: 1px solid transparent
}

.mod-multi-select-tags .tag span {
    padding: 0 8px 0 0
}

.mod-multi-select-tags .tag .close svg {
    margin-bottom: 2px
}

.mod-multi-select-tags .i-tick-green-sml, .mod-multi-select-tags .icon-tick-green-i-sml {
    color: transparent;
    padding: 1px
}

.mod-multi-select-tags label i, .mod-multi-select-tags label svg {
    color: #333;
    font: 18px "VodafoneBold";
    padding-top: 6px;
    text-align: center;
    display: inline-block
}

.mod-multi-select-tags .icon-wrap {
    display: inline-block;
    float: none;
    margin-right: 5px;
    height: 40px
}

.mod-multi-select-tags .ms-view-more {
    margin: 10px 10px 5px
}

.mod-multi-select-tags .fm-data {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px
}

.load-space {
    clear: left;
    padding-top: 20px
}

.i-step-number {
    background: url(img/icon/step-number-alt.png) no-repeat
}

.ms-instructions {
    display: none;
    background-color: #f4f4f4;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .ms-instructions {
    border: 1px solid #ccc
}

.ms-instructions li {
    border-top: 1px solid #ccc;
    padding: 15px 0
}

.ms-images {
    background-color: #f4f4f4;
    margin-top: -21px;
    box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5);
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    position: relative;
    clear: left;
    border-radius: 0 0 3px 3px
}

.lt-ie9 .ms-images {
    border: 1px solid #ccc
}

.ms-images span {
    display: block;
    font-weight: 700
}

.ms-images li {
    display: none
}

.ms-images li:nth-child(2n+1) {
    clear: left
}

.ms-images .show {
    display: block
}

form .mod-multi-select .fm-data {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    border: none
}

.lt-ie9 form .mod-multi-select .fm-data {
    border: none
}

form .mod-multi-select .icon-wrap {
    display: none
}

@media only screen and (min-width: 600px) {
    .select-options {
        width: 550px
    }
    .fm-select.multi-tag-select {
        width: 550px
    }
    .mod-multi-select .i-tick-green-sml, .mod-multi-select .icon-tick-green-i-sml {
        margin: 10px 0
    }
    .mod-multi-select .fm-select {
        width: 100%
    }
    .mod-multi-select .fm-data, .mod-multi-select .fm-submit {
        float: left;
        width: 33.333%
    }
    .mod-multi-select .ms-view-more {
        text-align: center
    }
    .mod-multi-select .ms-quart {
        width: 25%
    }
    .mod-multi-select .fm-data {
        box-shadow: none;
        border: none;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-bottom: 0;
        border-left: none;
        border-radius: 3px 3px 0 0
    }
    .lt-ie9 .mod-multi-select .fm-data {
        border: none
    }
    .mod-multi-select .fm-data:first-child {
        border-left: 1px solid #e5e5e5
    }
    .mod-multi-select .ms-active {
        background-color: #f4f4f4;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        border: 0
    }
    .lt-ie9 .mod-multi-select .ms-active {
        border: 1px solid #ccc
    }
    .ms-images li:nth-child(2n+1) {
        clear: none
    }
    .ms-images li:nth-child(4n+1) {
        clear: left
    }
    .ms-instructions li {
        border-top: 0
    }
    form .mod-multi-select .fm-select {
        width: 290px
    }
    form .mod-multi-select .fm-data, form .mod-multi-select .fm-submit {
        float: none;
        width: 100%
    }
    form .mod-multi-select .fm-data {
        margin-bottom: 15px;
        border: 0
    }
    form .mod-multi-select .fm-data:first-child {
        border: 0
    }
    .i-step-number {
        background: url(img/icon/step-number.png) no-repeat
    }
}

.spinner-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0
}

.spinner-layer .spinner {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%
}

button {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    overflow: visible
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #9c2aa0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    margin: 0 6px 10px 0;
    padding: 8px 15px;
    text-align: center;
    line-height: 16px;
    width: 100%;
    border: 1px solid transparent
}

.btn:last-child {
    margin-right: 0
}

.btn:focus, .btn:visited {
    color: #fff
}

.btn:hover, .btn:focus {
    background: #5e2750;
    text-decoration: none
}

.btn:active, .btn.nice-select.open {
    background: #5e2750;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.btn-em {
    background: #3d3d3d;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    text-shadow: none
}

.btn-em:hover, .btn-em:focus {
    background: #000
}

.btn-em:active, .btn-em.nice-select.open {
    background: #3d3d3d;
    box-shadow: 0 1px 0 #000 inset
}

.btn-alt {
    background: #fff;
    color: #333;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn-alt {
    border: 1px solid #ccc
}

.btn-alt:focus, .btn-alt:visited {
    color: #333
}

.btn-alt:hover, .btn-alt:focus, a:hover .btn-alt {
    background: #f4f4f4
}

.btn-alt:active, .btn-alt.nice-select.open {
    background: #f4f4f4;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn-alt:active, .lt-ie9 .btn-alt.nice-select.open {
    border: 1px solid #ccc
}

.btn:disabled, .btn-disabled, .btn[disabled] {
    color: #b5b5b5;
    background: #f4f4f4;
    pointer-events: none;
    text-shadow: none;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn:disabled, .lt-ie9 .btn-disabled, .lt-ie9 .btn[disabled] {
    border: 1px solid #ccc
}

.btn:disabled:hover, .btn-disabled:hover, .btn[disabled]:hover {
    color: #b5b5b5;
    background: #f4f4f4;
    text-shadow: none
}

.btn:disabled:active, .btn.nice-select.open:disabled, .btn-disabled:active, .btn-disabled.nice-select.open, .btn[disabled]:active, .btn[disabled].nice-select.open {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .btn:disabled:active, .lt-ie9 .btn.nice-select.open:disabled, .lt-ie9 .btn-disabled:active, .lt-ie9 .btn-disabled.nice-select.open, .lt-ie9 .btn[disabled]:active, .lt-ie9 .btn[disabled].nice-select.open {
    border: 1px solid #ccc
}

.btn-inline {
    display: inline-block;
    width: auto
}

@media only screen and (min-width: 600px) {
    .btn {
        width: auto;
        font-size: 14px;
        padding: 8px 15px
    }
    .btn:hover, .btn:focus {
        cursor: pointer
    }
    .btn:disabled:hover, .btn-disabled:hover {
        cursor: default
    }
}

.btn {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.divider-line {
    position: relative;
    height: 21px
}

.divider-line .divider-line-hr {
    position: absolute;
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.divider-line.hidden {
    opacity: 0
}

.divider-line.height40 {
    height: 21px
}

.divider-line.height40 .divider-line-hr {
    top: 0px
}

.divider-line.height60 {
    height: 41px
}

.divider-line.height60 .divider-line-hr {
    top: 10px
}

.divider-line.height80 {
    height: 61px
}

.divider-line.height80 .divider-line-hr {
    top: 20px
}

.enterprise .divider-line {
    height: 41px
}

.enterprise .divider-line .divider-line-hr {
    width: calc(100% - 40px);
    left: 20px;
    top: 10px
}

@media only screen and (min-width: 600px) {
    .enterprise .divider-line {
        height: 61px
    }
    .enterprise .divider-line .divider-line-hr {
        width: 80%;
        left: 10%;
        top: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .divider-line {
        height: 101px
    }
    .enterprise .divider-line .divider-line-hr {
        top: 40px
    }
}

.mod-full-background {
    max-width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    clear: both
}

.mod-full-background.full-background-underlay {
    z-index: -1
}

.mod-full-background.full-background-sml-u-10 {
    top: -10px;
    padding-top: 10px;
    margin-bottom: -10px
}

.mod-full-background.full-background-sml-u-20 {
    top: -20px;
    padding-top: 20px;
    margin-bottom: 0px
}

.mod-full-background.full-background-sml-u-30 {
    top: -30px;
    padding-top: 30px;
    margin-bottom: 10px
}

.mod-full-background.full-background-sml-u-40 {
    top: -40px;
    padding-top: 40px;
    margin-bottom: 20px
}

.mod-full-background.full-background-sml-u-50 {
    top: -50px;
    padding-top: 50px;
    margin-bottom: 30px
}

.mod-full-background.full-background-sml-u-60 {
    top: -60px;
    padding-top: 60px;
    margin-bottom: 40px
}

.mod-full-background.full-background-sml-u-70 {
    top: -70px;
    padding-top: 70px;
    margin-bottom: 50px
}

.mod-full-background.full-background-sml-u-80 {
    top: -80px;
    padding-top: 80px;
    margin-bottom: 60px
}

.mod-full-background.full-background-sml-u-90 {
    top: -90px;
    padding-top: 90px;
    margin-bottom: 70px
}

.mod-full-background.full-background-sml-u-100 {
    top: -100px;
    padding-top: 100px;
    margin-bottom: 80px
}

.mod-full-background.full-background-sml-u-110 {
    top: -110px;
    padding-top: 110px;
    margin-bottom: 90px
}

.mod-full-background.full-background-sml-u-120 {
    top: -120px;
    padding-top: 120px;
    margin-bottom: 100px
}

.mod-full-background.full-background-sml-u-130 {
    top: -130px;
    padding-top: 130px;
    margin-bottom: 110px
}

.mod-full-background.full-background-sml-u-140 {
    top: -140px;
    padding-top: 140px;
    margin-bottom: 120px
}

.mod-full-background.full-background-sml-u-150 {
    top: -150px;
    padding-top: 150px;
    margin-bottom: 130px
}

.mod-full-background .full-background-bg-image {
    width: 100%;
    position: absolute;
    left: 0;
    top: -75px;
    overflow: hidden
}

.mod-full-background .full-background-bg-image.full-background-parallax {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: fixed;
    background-size: 100% auto;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.mod-full-background .full-background-bg-image.full-background-parallax img {
    visibility: hidden
}

.mod-full-background .full-background-bg-image img {
    width: 100%;
    height: auto
}

.mod-full-background .belt {
    position: relative
}

.mod-full-background .belt>* {
    margin: 0
}

.mod-full-background .teaser {
    margin-bottom: 0px
}

@media only screen and (max-width: 320px) {
    .mod-full-background .full-background-bg-image {
        max-height: 450px
    }
    .stage-left {
        clear: both
    }
    .stage-right {
        clear: both
    }
    .stage-center {
        clear: both
    }
    .stage-none {
        display: none
    }
    .stage-white {
        background-color: white;
        border: red
    }
    .stage-grey {
        background-color: #cccccc;
        border: red
    }
    .stage-transparent {
        background: transparent;
        color: #E60000
    }
}

@media only screen and (min-width: 600px) {
    .mod-full-background.full-background-u-10 {
        top: -30px;
        padding-top: 10px;
        margin-bottom: 10px
    }
    .mod-full-background.full-background-u-20 {
        top: -30px;
        padding-top: 20px;
        margin-bottom: 20px
    }
    .mod-full-background.full-background-u-30 {
        top: -30px;
        padding-top: 30px;
        margin-bottom: 30px
    }
    .mod-full-background.full-background-u-40 {
        top: -30px;
        padding-top: 40px;
        margin-bottom: 40px
    }
    .mod-full-background.full-background-u-50 {
        top: -30px;
        padding-top: 50px;
        margin-bottom: 50px
    }
    .mod-full-background.full-background-u-60 {
        top: -30px;
        padding-top: 60px;
        margin-bottom: 60px
    }
    .mod-full-background.full-background-u-70 {
        top: -30px;
        padding-top: 70px;
        margin-bottom: 70px
    }
    .mod-full-background.full-background-u-80 {
        top: -30px;
        padding-top: 80px;
        margin-bottom: 80px
    }
    .mod-full-background.full-background-u-90 {
        top: -30px;
        padding-top: 90px;
        margin-bottom: 90px
    }
    .mod-full-background.full-background-u-100 {
        top: -30px;
        padding-top: 100px;
        margin-bottom: 100px
    }
    .mod-full-background.full-background-u-110 {
        top: -30px;
        padding-top: 110px;
        margin-bottom: 110px
    }
    .mod-full-background.full-background-u-120 {
        top: -30px;
        padding-top: 120px;
        margin-bottom: 120px
    }
    .mod-full-background.full-background-u-130 {
        top: -30px;
        padding-top: 130px;
        margin-bottom: 130px
    }
    .mod-full-background.full-background-u-140 {
        top: -30px;
        padding-top: 140px;
        margin-bottom: 140px
    }
    .mod-full-background.full-background-u-150 {
        top: -30px;
        padding-top: 150px;
        margin-bottom: 150px
    }
    .stage-left {
        float: left
    }
    .stage-right {
        float: right
    }
    .stage-center {
        left: 220px;
        float: left
    }
    .stage-none {
        display: none
    }
    .stage-white {
        background-color: white;
        border: red
    }
    .stage-grey {
        background-color: #cccccc;
        border: red
    }
    .stage-transparent {
        background: transparent;
        color: #E60000
    }
}

@media only screen and (max-width: 600px) {
    .mod-full-background .full-background-bg-image {
        max-height: 450px
    }
}

.stage-left {
    float: left
}

.stage-right {
    float: right
}

.stage-center {
    left: 220px;
    float: left
}

.stage-none {
    display: none
}

.stage-white {
    background-color: white;
    border: red
}

.stage-grey {
    background-color: #cccccc;
    border: red
}

.stage-transparent {
    background: transparent;
    color: #E60000
}

@media only screen and (min-width: 1280px) {
    .mod-full-background {
        max-height: 450px;
        overflow: hidden
    }
    .mod-full-background.stage-level2 {
        max-height: 450px
    }
    .mod-full-background.stage-level2 .full-background-bg-image {
        max-height: 450px
    }
    .mod-full-background.stage-level3 {
        max-height: 400px
    }
    .mod-full-background.stage-level3 .full-background-bg-image {
        max-height: 400px
    }
    .mod-full-background.stage-level4 {
        max-height: 350px
    }
    .mod-full-background.stage-level4 .full-background-bg-image {
        max-height: 350px
    }
}


/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active, .hvr-grow.nice-select.open {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active, .hvr-shrink.nice-select.open {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active, .hvr-pulse.nice-select.open {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active, .hvr-pulse-grow.nice-select.open {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active, .hvr-pulse-shrink.nice-select.open {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active, .hvr-push.nice-select.open {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active, .hvr-pop.nice-select.open {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active, .hvr-bounce-in.nice-select.open {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active, .hvr-bounce-out.nice-select.open {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active, .hvr-rotate.nice-select.open {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active, .hvr-grow-rotate.nice-select.open {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active, .hvr-float.nice-select.open {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active, .hvr-sink.nice-select.open {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active, .hvr-bob.nice-select.open {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active, .hvr-hang.nice-select.open {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active, .hvr-skew.nice-select.open {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active, .hvr-skew-forward.nice-select.open {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active, .hvr-skew-backward.nice-select.open {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active, .hvr-wobble-vertical.nice-select.open {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active, .hvr-wobble-horizontal.nice-select.open {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right.nice-select.open {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right.nice-select.open {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active, .hvr-wobble-top.nice-select.open {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active, .hvr-wobble-bottom.nice-select.open {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active, .hvr-wobble-skew.nice-select.open {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active, .hvr-buzz.nice-select.open {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active, .hvr-buzz-out.nice-select.open {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active, .hvr-fade.nice-select.open {
    background-color: #2098D1;
    color: white
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active, .hvr-back-pulse.nice-select.open {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098D1;
    background-color: #2098d1;
    color: white
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active, .hvr-sweep-to-right.nice-select.open {
    color: white
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before, .hvr-sweep-to-right.nice-select.open:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active, .hvr-sweep-to-left.nice-select.open {
    color: white
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before, .hvr-sweep-to-left.nice-select.open:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom.nice-select.open {
    color: white
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom.nice-select.open:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active, .hvr-sweep-to-top.nice-select.open {
    color: white
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before, .hvr-sweep-to-top.nice-select.open:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active, .hvr-bounce-to-right.nice-select.open {
    color: white
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before, .hvr-bounce-to-right.nice-select.open:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active, .hvr-bounce-to-left.nice-select.open {
    color: white
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before, .hvr-bounce-to-left.nice-select.open:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom.nice-select.open {
    color: white
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom.nice-select.open:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active, .hvr-bounce-to-top.nice-select.open {
    color: white
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before, .hvr-bounce-to-top.nice-select.open:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active, .hvr-radial-out.nice-select.open {
    color: white
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before, .hvr-radial-out.nice-select.open:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active, .hvr-radial-in.nice-select.open {
    color: white
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before, .hvr-radial-in.nice-select.open:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active, .hvr-rectangle-in.nice-select.open {
    color: white
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before, .hvr-rectangle-in.nice-select.open:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active, .hvr-rectangle-out.nice-select.open {
    color: white
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before, .hvr-rectangle-out.nice-select.open:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal.nice-select.open {
    color: white
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal.nice-select.open:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal.nice-select.open {
    color: white
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal.nice-select.open:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical.nice-select.open {
    color: white
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical.nice-select.open:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical.nice-select.open {
    color: white
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical.nice-select.open:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active, .hvr-border-fade.nice-select.open {
    box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active, .hvr-hollow.nice-select.open {
    background: none
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before, .hvr-trim.nice-select.open:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before, .hvr-ripple-out.nice-select.open:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before, .hvr-ripple-in.nice-select.open:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before, .hvr-outline-out.nice-select.open:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before, .hvr-outline-in.nice-select.open:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active, .hvr-round-corners.nice-select.open {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before, .hvr-underline-from-left.nice-select.open:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before, .hvr-underline-from-center.nice-select.open:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before, .hvr-underline-from-right.nice-select.open:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before, .hvr-overline-from-left.nice-select.open:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before, .hvr-overline-from-center.nice-select.open:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before, .hvr-overline-from-right.nice-select.open:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098D1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before, .hvr-reveal.nice-select.open:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before, .hvr-underline-reveal.nice-select.open:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before, .hvr-overline-reveal.nice-select.open:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active, .hvr-glow.nice-select.open {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active, .hvr-shadow.nice-select.open {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active, .hvr-grow-shadow.nice-select.open {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active, .hvr-box-shadow-outset.nice-select.open {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active, .hvr-box-shadow-inset.nice-select.open {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active, .hvr-float-shadow.nice-select.open {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before, .hvr-float-shadow.nice-select.open:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%)
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial.nice-select.open:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after, .hvr-shadow-radial.nice-select.open:after {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before, .hvr-bubble-top.nice-select.open:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before, .hvr-bubble-right.nice-select.open:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before, .hvr-bubble-bottom.nice-select.open:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before, .hvr-bubble-left.nice-select.open:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active, .hvr-bubble-float-top.nice-select.open {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before, .hvr-bubble-float-top.nice-select.open:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active, .hvr-bubble-float-right.nice-select.open {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before, .hvr-bubble-float-right.nice-select.open:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom.nice-select.open {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom.nice-select.open:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active, .hvr-bubble-float-left.nice-select.open {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before, .hvr-bubble-float-left.nice-select.open:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before, .hvr-icon-back.nice-select.open:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before, .hvr-icon-forward.nice-select.open:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before, .hvr-icon-down.nice-select.open:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before, .hvr-icon-up.nice-select.open:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before, .hvr-icon-spin.nice-select.open:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, 100% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, 100% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before, .hvr-icon-drop.nice-select.open:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before, .hvr-icon-fade.nice-select.open:before {
    color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:before, .hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after, .hvr-icon-float-away.nice-select.open:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after, .hvr-icon-sink-away.nice-select.open:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before, .hvr-icon-grow.nice-select.open:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before, .hvr-icon-shrink.nice-select.open:before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before, .hvr-icon-pulse.nice-select.open:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow.nice-select.open:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink.nice-select.open:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before, .hvr-icon-push.nice-select.open:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before, .hvr-icon-pop.nice-select.open:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before, .hvr-icon-bounce.nice-select.open:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before, .hvr-icon-rotate.nice-select.open:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate.nice-select.open:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before, .hvr-icon-float.nice-select.open:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before, .hvr-icon-sink.nice-select.open:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before, .hvr-icon-bob.nice-select.open:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before, .hvr-icon-hang.nice-select.open:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal.nice-select.open:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical.nice-select.open:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before, .hvr-icon-buzz.nice-select.open:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out.nice-select.open:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before, .hvr-curl-top-left.nice-select.open:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before, .hvr-curl-top-right.nice-select.open:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right.nice-select.open:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left.nice-select.open:before {
    width: 25px;
    height: 25px
}

.redPlus .mod-accordion:first-of-type .ac-body {
    display: block
}

.redPlus .mod-accordion .ac-head span {
    color: #e60000
}

.redPlus .w-33 .white-box {
    padding: 10px
}

.redPlus .w-33:first-child .white-box {
    padding: 10px 0
}

.redPlus h4 {
    padding-top: 5px
}

.redPlus .fm-select {
    width: 172px
}

.redPlus a.a-details {
    text-decoration: underline
}

.redPlus .col.w-33 .col.w-33 img {
    position: relative;
    max-width: 115px;
    padding-right: 5px
}

.redPlus .spring img {
    position: relative;
    margin: 0 0 20px 39px
}

.redPlus .flexCardModule .card .front .cardHeader {
    padding: 6px 10px
}

.redPlus .flexCardModule .card .front .cardHeader span {
    font: 100 26px/1.158 'Vodafone', Arial, sans-serif
}

.redPlus .flexCardModule .card .front .cardHeader span strong {
    font: 700 48px/1.158 'Vodafone', Arial, sans-serif
}

.redPlus .flexCardModule .card .package {
    position: relative;
    padding: 10px 0 10px 90px
}

.redPlus .flexCardModule .card .package.redPlusBundle {
    background: url(../../assets/css/img/red_plus_bundle.png) no-repeat 0 15px;
    min-height: 100px
}

.redPlus .flexCardModule .card .divider {
    margin: 0 10px 5px
}

.redPlus .w-33:last-child .flexCardModule .card .divider {
    margin: 0
}

.redPlus .w-33:last-child .flexCardModule .card {
    background-color: transparent
}

.redPlus .w-33:last-child .flexCardModule .card .features {
    margin: 10px 0 0
}

.redPlus .flexCardModule .card .price {
    font: 700 30px/1 'Vodafone';
    margin: 2px 0
}

@media only screen and (min-width: 767px) {
    .redPlus .mod-accordion {
        position: relative;
        margin-top: 65px
    }
    .redPlus .mod-accordion:after {
        position: absolute;
        content: " ";
        top: -45px;
        left: 0px;
        width: 100%;
        height: 34px;
        background-color: transparent
    }
    .redPlus .mod-accordion .ac-head {
        font-size: 26px;
        font-weight: 700;
        padding: 0;
        position: absolute;
        top: -45px;
        cursor: default
    }
    .redPlus .mod-accordion .ac-active {
        box-shadow: none
    }
    .redPlus .mod-accordion .ac-head .ac-icon, .redPlus .mod-accordion .ac-head .ac-arrow {
        display: none !important
    }
    .redPlus .mod-accordion .ac-body {
        display: block
    }
    .redPlus .mod-accordion .ac-body:before {
        position: absolute;
        top: 0px;
        right: 0px;
        content: "";
        width: 0px;
        height: 0px;
        border-top: 110px solid #e60000;
        border-left: 110px solid transparent
    }
    .redPlus .mod-accordion .ac-body:after {
        position: absolute;
        bottom: 0px;
        left: 0px;
        content: "";
        width: 0px;
        height: 0px;
        border-bottom: 45px solid #e60000;
        border-right: 45px solid transparent
    }
    .redPlus .w-33 .white-box {
        background: none;
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        padding: 0px
    }
    .redPlus .w-33:first-child .white-box {
        padding: 0
    }
    .redPlus .col.w-33 .col.w-33 img {
        margin-left: -15px
    }
    .redPlus .spring img {
        margin: 0 0 20px 24px
    }
}

.redDelivery {
    position: relative;
    margin-top: 8px
}

.mod-tooltip {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 10px
}

.arrow_box {
    margin-bottom: 12px;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px #ccc;
    padding: 10px 30px 10px 10px;
    display: none
}

.arrow_box i {
    float: left;
    display: none
}

.arrow_box span.close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer
}

.arrow_box p {
    margin: 0 0 0 5px;
    line-height: auto
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    right: 3%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:after {
    border-top-color: #ffffff;
    border-width: 8px;
    margin-right: 6px
}

.arrow_box:before {
    border-top-color: #cccccc;
    border-width: 9px;
    margin-right: 5px
}

.bookServices .white-box {
    border: 1px solid #fff;
    padding: 0px
}

.bookServices .white-box .features {
    padding-bottom: 0px
}

.bookServices .mod .mod-dialog {
    cursor: pointer
}

.bookServices .mod .mod-dialog:hover {
    text-decoration: underline
}

.bookServices .backtowrap {
    display: inline-block
}

.bookServices .back-btn .btn {
    height: 28px;
    margin-right: 10px;
    padding: 5px 0;
    width: 28px
}

.bookServices .white-box .features div.price {
    font-weight: bold;
    font-size: 18px
}

.bookServices .white-box h4 {
    font-weight: normal
}

.bookServices .white-box .features .feature {
    display: table
}

.bookServices .white-box .features .feature span {
    vertical-align: middle;
    display: table-cell;
    float: none
}

.bookServices .white-box .features .feature span i {
    margin: 0 10px 0 0
}

.bookServices .white-box {
    border: 1px solid #fff;
    padding: 0;
    margin-bottom: 0px
}

.bookServices .white-box .features {
    margin: 0
}

.bookServices .bsOrder ul li:nth-child(n+3) {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.bookServices .bsOrder .bsImages {
    margin-bottom: 20px
}

.bookServices .bsOrder .bsFaq>ul>li.col {
    width: 100%
}

.bookServices .bsOrder .bsPrice {
    margin: 35px 0 25px
}

.bookServices .bsOrder .icon-teaser .aside-block .mh-headline {
    margin: 0px
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block .it-content {
    border: none
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block ul.list-lined li {
    padding: 0 5px;
    border: none
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block ul.list-lined li a {
    height: auto
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block {
    border: none
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block .it-content {
    margin: 0px
}

.bookServices .bsOrder .icon-teaser.secondary .aside-block h2 {
    font: 700 16px/1.333 "Arial", sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 4px 0;
    text-align: left
}

.bookServices .bsLogin {
    background: none repeat scroll 0 0 #f4f4f4;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    padding: 20px;
    margin-bottom: 20px
}

.bookServices .bsLogin .forgot-pass {
    margin-top: 15px
}

.bookServices .bsLogin .forgot-pass p {
    display: none
}

.bookServices .fm-errors h2 {
    font-size: 16px
}

.bookServices .fm-errors ol {
    font-weight: normal
}

.bookServices>div {
    display: none
}

.bookServices .icon-teaser.secondary .tg-item {
    margin-bottom: 20px;
    margin-top: 0px
}

.bookServices.bookServicesOrder>div.bsOrder {
    display: block
}

.bookServices.bookServicesOrder>div.bsOrder.bsNotLoggedIn .bsContractData {
    display: none
}

.bookServices.bookServicesLogin>div.divLoginWraper {
    display: block
}

.bookServices.bookServicesSuccess>div.bsSuccess {
    display: block
}

.bookServices.bookServicesNotBookable>div.bsFailed {
    display: block
}

.bookServices.bookServicesTechnicalIssue>div.bsTechnicalError {
    display: block
}

.bookServices .fm-error h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-left: 40px
}

.bookServices .fm-errors i {
    float: left
}

.bookServices .bsLogin .alert {
    width: 260px;
    padding: 5px 10px
}

.bookServices .bsContractData.only-sml {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.bookServices.bookServicesOrder>div.bsOrder.bsLoggedIn>ul>li:nth-child(3) {
    display: none
}

.bookServices.bookServicesOrder>div.bsOrder.bsLoggedIn>ul>li:nth-child(2) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.bookServices .bsOrder .bsImages img {
    max-width: 100%
}

@media only screen and (min-width: 767px) {
    .bookServices .icon-teaser.secondary .tg-item {
        margin-bottom: 40px
    }
    .bookServices.bookServicesOrder>div.bsOrder.bsLoggedIn>ul>li:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0px
    }
    .bookServices .bsOrder .bsImages {
        margin-bottom: 40px
    }
    .bookServices .bsOrder ul li:nth-child(n+2) {
        padding-top: 0px;
        border: none
    }
    .bookServices .bsOrder .mod-dialog {
        text-decoration: underline
    }
    .bookServices .bsLogin {
        margin-top: 2px;
        margin-left: 0px;
        padding: 20px 0
    }
    .bookServices .bsLogin aside {
        margin-right: 30px
    }
    .bookServices .bsLogin .alert {
        width: 290px
    }
    .bookServices .bsContractData>div {
        border-left: 1px solid #ccc;
        padding-left: 25px
    }
    .bookServices .bsLogin div.col:nth-child(2) {
        border-top: none
    }
}

@keyframes enterpriseBasicColorAnimation {
    0% {
        fill: #fff;
        color: #fff
    }
    100% {
        fill: #e60000;
        color: #e60000
    }
}

@keyframes enterpriseBasicColorAnimationReverse {
    0% {
        fill: #e60000;
        color: #e60000
    }
    100% {
        fill: #fff;
        color: #fff
    }
}

@keyframes enterpriseBasicColorAnimationGrey {
    0% {
        fill: #666;
        color: #666
    }
    100% {
        fill: #e60000;
        color: #e60000
    }
}

@keyframes enterpriseBasicColorAnimationReverseGrey {
    0% {
        fill: #e60000;
        color: #e60000
    }
    100% {
        fill: #666;
        color: #666
    }
}

.enterprise .btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .btn:hover, .enterprise .btn:focus, .enterprise .btn:active, .enterprise .btn.nice-select.open {
    background-color: #5e2750
}

.enterprise .btn.btn-alt {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .btn.btn-alt:hover, .enterprise .btn.btn-alt:focus, .enterprise .btn.btn-alt:active, .enterprise .btn.btn-alt.nice-select.open {
    background-color: #f4f4f4
}

.enterprise .btn.btn-em {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .btn.btn-em:hover, .enterprise .btn.btn-em:focus, .enterprise .btn.btn-em:active, .enterprise .btn.btn-em.nice-select.open {
    background-color: #000
}

.enterprise .info-docs-elements a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.enterprise .info-docs-elements a:hover, .enterprise .info-docs-elements a:focus, .enterprise .info-docs-elements a:active, .enterprise .info-docs-elements a.nice-select.open {
    color: #333 !important
}

.enterprise .overview.mod.mod-overview-module .library-button {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.enterprise .overview.mod.mod-overview-module .library-button:hover, .enterprise .overview.mod.mod-overview-module .library-button:focus, .enterprise .overview.mod.mod-overview-module .library-button:active, .enterprise .overview.mod.mod-overview-module .library-button.nice-select.open {
    color: #e60000
}

.enterprise .overview.mod.mod-overview-module .library-button:hover .h5, .enterprise .overview.mod.mod-overview-module .library-button:hover .blogposts .blogpost .date, .blogposts .blogpost .enterprise .overview.mod.mod-overview-module .library-button:hover .date, .enterprise .overview.mod.mod-overview-module .library-button:focus .h5, .enterprise .overview.mod.mod-overview-module .library-button:focus .blogposts .blogpost .date, .blogposts .blogpost .enterprise .overview.mod.mod-overview-module .library-button:focus .date, .enterprise .overview.mod.mod-overview-module .library-button:active .h5, .enterprise .overview.mod.mod-overview-module .library-button.nice-select.open .h5, .enterprise .overview.mod.mod-overview-module .library-button:active .blogposts .blogpost .date, .blogposts .blogpost .enterprise .overview.mod.mod-overview-module .library-button:active .date, .enterprise .overview.mod.mod-overview-module .library-button.nice-select.open .blogposts .blogpost .date, .blogposts .blogpost .enterprise .overview.mod.mod-overview-module .library-button.nice-select.open .date {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    color: #e60000
}

.enterprise .overview.mod.mod-overview-module .library-button .h5, .enterprise .overview.mod.mod-overview-module .library-button .blogposts .blogpost .date, .blogposts .blogpost .enterprise .overview.mod.mod-overview-module .library-button .date {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    color: #000
}

.enterprise .herospace2-basic .bx-pager-item a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .herospace2-basic .bx-pager-item a:hover, .enterprise .herospace2-basic .bx-pager-item a:focus, .enterprise .herospace2-basic .bx-pager-item a:active, .enterprise .herospace2-basic .bx-pager-item a.nice-select.open {
    background-color: #e60000
}

.enterprise .herospace2-basic #bx-pager li a:not(.touch) {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background;
    transition-property: color, background
}

.enterprise .herospace2-basic #bx-pager li a:not(.touch):focus, .enterprise .herospace2-basic #bx-pager li a:not(.touch):active, .enterprise .herospace2-basic #bx-pager li a.nice-select.open:not(.touch) {
    background: rgba(51, 51, 51, 0) !important;
    color: #fff !important
}

.enterprise .herospace2-basic #bx-pager li a:not(.touch):hover {
    background: rgba(0, 0, 0, 0.5);
    color: #e60000
}

.mod-video-content .play-video img svg {
    fill: red !important
}

.enterprise .claviature .claviature-tabs li:not(.active) {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.enterprise .claviature .claviature-tabs li:not(.active):hover, .enterprise .claviature .claviature-tabs li:not(.active):focus, .enterprise .claviature .claviature-tabs li:not(.active):active, .enterprise .claviature .claviature-tabs li.nice-select.open:not(.active) {
    color: #e60000 !important
}

.enterprise .tabs li:not(.active) a div div {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.enterprise .tabs li:not(.active) a div div:hover, .enterprise .tabs li:not(.active) a div div:focus, .enterprise .tabs li:not(.active) a div div:active, .enterprise .tabs li:not(.active) a div div.nice-select.open {
    color: #e60000 !important
}

.enterprise .professional-article .tabs li:not(.active) {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color
}

.enterprise .professional-article .tabs li:not(.active):hover, .enterprise .professional-article .tabs li:not(.active):focus, .enterprise .professional-article .tabs li:not(.active):active, .enterprise .professional-article .tabs li.nice-select.open:not(.active) {
    background-color: #EBEBEB
}

.enterprise .professional-article .tabs li:not(.active):hover a div div, .enterprise .professional-article .tabs li:not(.active):focus a div div, .enterprise .professional-article .tabs li:not(.active):active a div div, .enterprise .professional-article .tabs li.nice-select.open:not(.active) a div div {
    color: #e60000 !important
}

.enterprise .professional-article .tabs li.active a div div {
    color: #e60000 !important
}

.enterprise .reference-gallery .filter-menu-button.active {
    background-color: #333 !important
}

.enterprise .reference-gallery .filter-header a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .reference-gallery .filter-header a:hover, .enterprise .reference-gallery .filter-header a:active, .enterprise .reference-gallery .filter-header a.nice-select.open {
    background-color: #333 !important
}

.enterprise .reference-gallery .filter-header a:hover svg, .enterprise .reference-gallery .filter-header a:active svg, .enterprise .reference-gallery .filter-header a.nice-select.open svg {
    fill: #fff
}

.enterprise .reference-gallery .mod-filter-close-button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .reference-gallery .mod-filter-close-button:hover, .enterprise .reference-gallery .mod-filter-close-button:active, .enterprise .reference-gallery .mod-filter-close-button.nice-select.open {
    background-color: #333 !important
}

.enterprise .reference-gallery .mod-filter-close-button:hover svg, .enterprise .reference-gallery .mod-filter-close-button:active svg, .enterprise .reference-gallery .mod-filter-close-button.nice-select.open svg {
    fill: #fff
}

.enterprise .reference-gallery .filter-tiles a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.enterprise .reference-gallery .filter-tiles a:hover, .enterprise .reference-gallery .filter-tiles a:active, .enterprise .reference-gallery .filter-tiles a.nice-select.open {
    background-color: #ccc !important
}

.enterprise .reference-gallery .filter-tiles a:hover svg, .enterprise .reference-gallery .filter-tiles a:active svg, .enterprise .reference-gallery .filter-tiles a.nice-select.open svg {
    fill: #fff
}

.enterprise .accordion .tg-item .tg-head {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color
}

.enterprise .accordion .tg-item .tg-head:hover {
    background-color: #000 !important;
    color: #e60000 !important
}

.enterprise .professional-article .accordion .tg-item .tg-head {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, fill;
    transition-property: color, fill
}

.enterprise .professional-article .accordion .tg-item .tg-head:hover {
    color: #e60000 !important;
    background-color: #fff !important
}

.enterprise .professional-article .accordion .tg-item .tg-head:hover svg {
    fill: #e60000 !important
}

.enterprise .footnotes .accordion .tg-item .tg-head {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, fill;
    transition-property: color, fill
}

.enterprise .footnotes .accordion .tg-item .tg-head:hover {
    color: #e60000 !important;
    background-color: #fff !important
}

.enterprise .footnotes .accordion .tg-item .tg-head:hover svg {
    fill: #e60000 !important
}

.enterprise .mod-reference-teaser .cards-controll {
    color: #fff !important;
    animation-name: enterpriseBasicColorAnimationReverse;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.enterprise .mod-reference-teaser .cards-controll svg {
    fill: #fff;
    animation-name: enterpriseBasicColorAnimationReverse;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.enterprise .mod-reference-teaser .cards-controll:hover {
    color: #e60000 !important;
    animation-name: enterpriseBasicColorAnimation;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.enterprise .mod-reference-teaser .cards-controll:hover svg {
    fill: #e60000;
    animation-name: enterpriseBasicColorAnimation;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.enterprise .share .share-button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.enterprise .share .share-button:hover, .enterprise .share .share-button:focus, .enterprise .share .share-button:active, .enterprise .share .share-button.nice-select.open {
    color: #333 !important
}

.enterprise .blogposts .blogpost {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, box-shadow;
    transition-property: transform, box-shadow
}

.enterprise .blogposts .blogpost:hover, .enterprise .blogposts .blogpost:focus, .enterprise .blogposts .blogpost:active, .enterprise .blogposts .blogpost.nice-select.open {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.3), 0 15px 28px 0 rgba(0, 0, 0, 0.19)
}

.enterprise .close-icon {
    fill: #666 !important;
    animation-name: enterpriseBasicColorAnimationReverseGrey;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.enterprise .close-icon:hover {
    fill: #e60000 !important;
    animation-name: enterpriseBasicColorAnimationGrey;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}

.se-query {
    padding-right: 70px;
    position: relative
}

.se-query .btn {
    margin: 0;
    padding: 5px 15px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 60px
}

.se-query .fm-data {
    padding: 10px
}

.se-results {
    display: none;
    padding-top: 15px
}

.se-results img {
    height: 32px;
    width: 32px
}

.se-results .link-icon span {
    padding-left: 40px
}

.se-results .link-icon .icon-wrap {
    margin-bottom: 10px;
    padding-left: 0
}

.search-cat {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-bottom: 15px
}

.search-cat:first-child {
    border-top: none;
    padding-top: 0
}

.search-cat a {
    font-weight: bold
}

.search-cat a:visited {
    color: #333
}

.search-cat .h4 {
    margin-bottom: 15px
}

.js .se-query .fm-error {
    display: none
}

.js .se-query .fm-error-border {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset
}

@media only screen and (max-width: 767px) {
    .se-query {
        padding-right: 70px !important;
        position: relative
    }
    .se-query .se-input {
        width: 100%;
        max-width: none;
        font: normal 18px/22px 'Vodafone', Arial, sans-serif;
        padding: 7px 10px 8px
    }
    .se-query .btn {
        margin: 0 !important;
        padding: 5px 15px !important;
        position: absolute !important;
        right: 3px;
        top: 3px;
        width: 60px !important
    }
}

@media only screen and (min-width: 600px) {
    .search-box label, .search-box input, .search-box .btn {
        vertical-align: middle
    }
    .se-query {
        padding: 0
    }
    .se-query .btn {
        padding: 3px 7px;
        position: static;
        margin-top: 3px;
        width: 45px
    }
    .se-query .fm-data {
        padding: 6px 10px
    }
    .se-input {
        font: normal 18px/22px 'Vodafone', Arial, sans-serif;
        padding: 7px 10px 8px
    }
    .se-results {
        background: #fff;
        width: 400px;
        padding: 10px;
        position: absolute;
        top: 45px;
        right: 0;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        z-index: 999
    }
    .lt-ie9 .se-results {
        border: 1px solid #ccc
    }
}

.no-js .nav-aux .tg-body, .no-js .nav-head li:first-child a {
    display: none
}

.jump-link:focus {
    left: 0px;
    top: 6px;
    background: #fff;
    text-decoration: none;
    z-index: 1001;
    padding-bottom: 1px
}

.mod-nav {
    position: relative;
    margin: 0 -10px 20px
}

.mod-nav .logo {
    left: 10px;
    position: absolute;
    z-index: 10
}

.mod-nav .logo img {
    margin-top: 5px;
    width: 35px
}

.mod-nav li.basket {
    position: relative
}

.mod-nav .counter {
    background: #e60000;
    border-radius: 3px;
    color: #fff;
    font: 700 12px/1 "Vodafone", Arial, sans-serif;
    padding: 2px 3px;
    position: absolute;
    top: 3px;
    left: 32px;
    z-index: 2
}

.mod-nav .fm-check {
    display: inline-block
}

.mod-nav .fm-data {
    position: relative
}

.mod-nav .tg-flyout {
    font-size: 12px
}

.mod-nav .tg-flyout .tg-body {
    background-color: #fff
}

.mod-nav .tg-flyout .tg-head {
    position: absolute;
    right: 0;
    top: 7px
}

.mod-nav .tg-flyout .tg-body:before {
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #999;
    top: -20px;
    right: 11px;
    position: absolute
}

.mod-nav .tg-flyout .tg-body:after {
    content: '';
    border: 11px solid transparent;
    border-bottom-color: #fff;
    top: -19px;
    right: 10px;
    position: absolute
}

.nav-aux {
    display: none
}

#nav-business-customer li a:hover {
    text-decoration: none
}

.nav-head {
    height: 46px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.65)
}

.nav-head ul {
    float: right
}

.nav-head li {
    float: left
}

.nav-head li:first-child {
    border-left: none
}

.nav-head li .nv-menu {
    border-right-color: transparent
}

.nav-head a {
    display: block;
    line-height: 34px;
    padding: 0 9px 2px;
    position: relative
}

.nav-head a:hover, .nav-head a:focus {
    text-decoration: none
}

.nav-head a span.txt {
    position: relative;
    display: block;
    top: -14px;
    font: 400 12px 'Vodafone', Arial, sans-serif;
    text-align: center;
    color: #fff
}

.nav-head a .icon-menu-i-xsml {
    position: relative;
    top: -6px
}

.nav-head .i-mobile-search-lrg {
    background: url(img/icon/mobile-search-lrg.png)
}

.nav-head .nav-active {
    border-left: 0
}

.nav-head .nav-active .i-search-mbl-lrg {
    background: url(img/icon/mobile-search-white.png)
}

.nav-head .nav-active .i-menu-b-sml {
    background: url(img/icon/menu-w-sml.png) no-repeat
}

.nav-head .i-xsml {
    width: 26px;
    height: 26px
}

.nav-menu {
    background: #f8f8f8
}

.nav-menu li {
    padding: 0
}

.nav-menu li:first-child {
    border-top: none
}

.nav-menu li:last-child {
    border-bottom: none
}

.nav-menu li:last-child .icon-arrow-block-red-i-xsml {
    display: none
}

.nav-menu li.lob-nav {
    background-color: #e60000
}

.nav-menu li.lob-nav a {
    color: #fff
}

.nav-menu li.only-sml .icon-plus-i-xsml {
    display: none
}

.nav-menu .only-sml a {
    color: #666
}

.nav-menu a {
    display: block;
    font: 700 12px/16px 'Vodafone', Arial, sans-serif;
    padding: 11px 10px;
    position: relative;
    white-space: nowrap
}

.nav-menu .icon-wrap, .nav-menu .icon-arrow-up-i-xsml, .nav-menu .i-arrow-up-b-xxsml, .nav-menu .icon-arrow-down-i-xsml, .nav-menu .i-arrow-down-w-xxsml {
    display: none !important
}

.nav-menu .icon-arrow-right-i-xsml {
    position: absolute;
    top: 15px;
    right: 12px
}

.nav-menu .icon-plus-i-xsml {
    position: absolute;
    top: 14px;
    right: 11px;
    width: 10px;
    height: 10px
}

.nav-menu .icon-arrow-block-red-i-xsml {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -10px
}

.nav-base {
    margin-bottom: 75px;
    top: 100%;
    width: 100%;
    z-index: 50
}

.nav-secondary .grid {
    margin-left: 0
}

.js .nav-menu, .js .nav-search {
    display: none;
    outline: none
}

.js .nav-active {
    display: block
}

.js .nav-back {
    display: inline-block;
    padding: 11px 0 11px 28px;
    font: 700 12px/16px 'Vodafone', Arial, sans-serif;
    color: #fff
}

.js .nav-back .icon-arrow-left-i-xsml {
    position: absolute;
    top: 9px;
    left: 5px
}

.js .nav-base {
    position: absolute
}

.nav-content {
    background: #f8f8f8;
    width: 100%
}

.nav-content .items {
    margin-bottom: 25px
}

.nav-content .head {
    background-color: #e60000
}

.nav-content .h2 {
    font: 700 12px/16px 'Vodafone', Arial, sans-serif;
    text-align: center;
    padding: 11px 10px;
    color: #333;
    margin: 0
}

.nav-content .h2 i, .nav-content .h2 svg {
    display: none;
    margin: -5px 10px 0 0
}

.nav-content .h3 {
    font: 700 14px/18px 'Vodafone', Arial, sans-serif;
    display: inline-block
}

.nav-content a {
    font: 400 14px/18px 'Vodafone', Arial, sans-serif
}

.nav-content .body {
    padding: 20px
}

.nav-content .body .btn {
    margin: 0
}

.nav-content .foot {
    display: none
}

.nav-back {
    display: none;
    cursor: pointer;
    background: none
}

.nav-back .txt {
    font: 400 12px/16px 'Vodafone', Arial, sans-serif;
    color: #fff
}

.nav-close-sml {
    display: none;
    background: #fff;
    padding: 10px;
    text-align: center;
    color: #656565;
    font-size: 18px;
    cursor: pointer;
    border-top: 1px solid #cdcdcd
}

.nav-close-sml i, .nav-close-sml svg {
    position: relative;
    left: 3px;
    top: -1px
}

.lt-ie9 .nav-search .se-input:focus {
    outline: 2px solid #999
}

.nav-search {
    background: #fff;
    padding: 15px 10px
}

.nav-content {
    display: none;
    outline: none
}

.nav-content .items input {
    width: 100%
}

.mod-nav .rhombus {
    height: 20px;
    width: 50px;
    background-color: #e60000;
    position: absolute;
    z-index: 1
}

.mod-nav .rhombus:before {
    content: '.';
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 34px solid #e60000;
    border-left: 34px solid transparent;
    position: absolute;
    left: -19px
}

.mod-nav .rhombus:after {
    content: '.';
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 34px solid #e60000;
    border-right: 34px solid transparent;
    position: absolute;
    left: 41px
}

.nav-name {
    font-weight: bold;
    margin-bottom: 20px;
    clear: both
}

.open-search {
    position: absolute;
    top: 7px;
    right: 3px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: none
}

.open-search .icon-search-i-xsml {
    margin: 3px;
    width: 26px;
    height: 26px
}

.open-search .icon-dialog-close-i-xsml {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .nav-aux ul.fl, .nav-aux ul.ft {
        height: 36px
    }
    .nav-aux ul.fr a {
        width: 34px;
        color: #fff
    }
    .nav-primary .w-75 {
        width: 100%;
        min-height: 45px
    }
    .nav-primary .w-25 {
        position: absolute;
        top: 0;
        right: 5px;
        width: 40px;
        height: 45px;
        background-color: transparent;
        overflow: hidden
    }
    .nav-primary .w-25.active .search-box {
        right: -4px
    }
    .nav-primary .w-25.active .open-search .icon-search-i-xsml {
        display: none
    }
    .nav-primary .w-25.active .open-search .icon-dialog-close-i-xsml {
        display: block;
        margin: 3px;
        width: 26px;
        height: 26px
    }
    .nav-menu a {
        font: normal 16px/22px 'Vodafone', Arial, sans-serif !important;
        padding: 11px 12px 62px 14px !important
    }
    .nav-search .search-box {
        position: absolute;
        top: 0px;
        right: -406px;
        width: 398px;
        -moz-transition-property: right;
        -moz-transition-duration: 0.5s;
        -moz-transition-timing-function: ease;
        -webkit-transition-property: right;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease;
        -o-transition-property: right;
        -o-transition-duration: 0.5s;
        -o-transition-timing-function: ease;
        transition-property: right;
        transition-duration: 0.5s;
        transition-timing-function: ease
    }
    .nav-search .se-input {
        padding: 7px 10px 8px 36px
    }
    .nav-search .btn {
        opacity: 100 !important;
        right: auto !important;
        top: 1px !important;
        left: 3px;
        width: 34px;
        border: 0;
        box-shadow: none;
        background-color: transparent
    }
    .open-search {
        display: block
    }
}

@media only screen and (max-width: 599px) {
    .nav-menu li.only-sml {
        display: none
    }
    .mobi .nav-menu li.only-sml {
        display: block
    }
    .mobi .nav-menu li.size-all {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .nav-primary .w-75 {
        width: 222px;
        float: right;
        padding: 0
    }
    .nav-primary .w-25 {
        width: 100%
    }
    .nav-menu {
        margin-top: 38px
    }
    .nav-menu li:nth-child(8) {
        position: absolute;
        top: 0;
        width: 222px
    }
    .nav-menu li.only-lrg {
        display: none
    }
    .lob-eb9981c1-6b7d-435b-9799-7bbee41fdc99 .nav-menu, .lob-0b337cd2-f30e-4f23-84ad-a7769166c51a .nav-menu {
        margin-top: 76px
    }
    .lob-eb9981c1-6b7d-435b-9799-7bbee41fdc99 .nav-menu li:nth-child(7), .lob-0b337cd2-f30e-4f23-84ad-a7769166c51a .nav-menu li:nth-child(7) {
        position: absolute;
        top: 0;
        width: 222px
    }
    .lob-eb9981c1-6b7d-435b-9799-7bbee41fdc99 .nav-menu li:nth-child(8), .lob-0b337cd2-f30e-4f23-84ad-a7769166c51a .nav-menu li:nth-child(8) {
        position: absolute;
        top: 38px;
        width: 222px
    }
    .lob-eb9981c1-6b7d-435b-9799-7bbee41fdc99 .nav-menu li:nth-child(11), .lob-0b337cd2-f30e-4f23-84ad-a7769166c51a .nav-menu li:nth-child(11) {
        position: relative;
        top: 0;
        width: auto
    }
    .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu, .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu {
        margin-top: 114px
    }
    .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(6), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(6) {
        position: absolute;
        top: 0;
        width: 222px
    }
    .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(7), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(7) {
        position: absolute;
        top: 38px;
        width: 222px
    }
    .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(8), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(8) {
        position: absolute;
        top: 76px;
        width: 222px
    }
    .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(9), .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(10), .lob-eed75e3e-e719-4c39-9dfa-7d4073b46c5e .nav-menu li:nth-child(11), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(9), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(10), .lob-1ab70c7c-43fb-4173-9ac6-a35bc99e2230 .nav-menu li:nth-child(11) {
        position: relative;
        top: 0;
        width: auto
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu, .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu, .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu {
        margin-top: 152px
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu li:nth-child(7), .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu li:nth-child(7), .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu li:nth-child(7) {
        position: absolute;
        top: 0;
        width: 222px
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu li:nth-child(8), .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu li:nth-child(8), .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu li:nth-child(8) {
        position: absolute;
        top: 38px;
        width: 222px
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu li:nth-child(9), .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu li:nth-child(9), .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu li:nth-child(9) {
        position: absolute;
        top: 76px;
        width: 222px
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu li:nth-child(10), .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu li:nth-child(10), .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu li:nth-child(10) {
        position: absolute;
        top: 114px;
        width: 222px
    }
    .lob-d04a88a4-ad92-40cb-9675-712c49a68975 .nav-menu li:nth-child(11), .lob-25c8877e-f6b5-4398-be52-75bc690dff7a .nav-menu li:nth-child(11), .lob-63483e43-7b35-4bbf-a992-7f5dc523dd2d .nav-menu li:nth-child(11) {
        position: relative;
        top: 0;
        width: auto
    }
    .lob-153d51dc-5e55-459a-9dab-7401a3601e37 .nav-menu {
        margin-top: 0
    }
    .lob-153d51dc-5e55-459a-9dab-7401a3601e37 .nav-menu li:nth-child(10) {
        position: relative;
        top: 0;
        width: auto
    }
    .lob-153d51dc-5e55-459a-9dab-7401a3601e37 .nav-menu li.size-all {
        display: block
    }
    .nav-content {
        position: relative;
        width: 222px;
        float: right
    }
    .nav-content .body {
        padding: 47px 25px 0px
    }
    .nav-content .h2 {
        position: absolute;
        top: 38px;
        left: 0px
    }
    .nav-content .h2 a {
        font: 700 12px/16px 'Vodafone', Arial, sans-serif
    }
    .nav-content .h3 {
        font: 400 12px/16px 'Vodafone', Arial, sans-serif;
        display: inline-block;
        margin-bottom: 10px
    }
    .nav-content .list-link-arrow li {
        margin: 0;
        padding: 10px 15px
    }
    .nav-content a {
        font: 400 12px/16px 'Vodafone', Arial, sans-serif
    }
}

@media only screen and (min-width: 768px) {
    .mod-nav {
        position: relative;
        padding: 0 0 0 68px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }
    .mod-nav .counter {
        left: 24px
    }
    .mod-nav .logo {
        top: 29px;
        left: 0px;
        width: 60px;
        height: auto
    }
    .mod-nav .logo img {
        margin: 0;
        width: 100%
    }
    .mod-nav .rhombus {
        height: 90px;
        width: 100px;
        position: absolute;
        left: -90px;
        top: -10px
    }
    .mod-nav .rhombus:before {
        content: ' ';
        border-bottom: 100px solid #e60000;
        border-right: 100px solid transparent;
        border-left: none;
        border-top: none;
        position: absolute;
        left: 41px;
        top: -52px
    }
    .mod-nav .rhombus:after {
        content: ' ';
        border-top: 200px solid #e60000;
        border-right: 200px solid transparent;
        position: absolute;
        left: -59px;
        top: 90px;
        z-index: 1
    }
    .mod-nav .fm-radio {
        margin-top: 36px
    }
    .mod-nav .tg-flyout {
        position: static
    }
    .mod-nav .tg-flyout .tg-head {
        top: 16px
    }
    .mod-nav .tg-flyout .tg-body:before {
        right: 107px
    }
    .mod-nav .tg-flyout .tg-body:after {
        right: 106px
    }
    .nav-selfcare {
        background-color: #333
    }
    .nav-aux {
        display: block;
        margin: 0 0 0 -10px
    }
    .nav-aux .nav-aux-current>a {
        color: #e60000
    }
    .nav-aux .grid, .nav-aux .col {
        padding: 0;
        margin: 0
    }
    .nav-aux .fl li {
        float: left
    }
    .nav-aux .fr li {
        float: right
    }
    .nav-aux .aux-name {
        float: left;
        text-align: center
    }
    .nav-aux li {
        position: relative;
        text-align: center
    }
    .nav-aux li li {
        text-align: left
    }
    .nav-aux li:last-child svg {
        margin: 0px 4px 0 0
    }
    .nav-aux a {
        display: block;
        font: 700 12px/ 1 'Vodafone', Arial, sans-serif;
        padding: 10px 10px 6px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .nav-aux span {
        display: block;
        font: 400 12px/ 1 'Vodafone', Arial, sans-serif;
        padding: 10px 10px 6px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .nav-aux span strong {
        font: 700 12px/ 1 'Vodafone', Arial, sans-serif
    }
    .nav-aux ul.fl {
        padding-top: 3px
    }
    .nav-aux ul.fr li:first-child a {
        padding-right: 2px
    }
    .nav-aux i, .nav-aux svg {
        height: 20px;
        margin: 0px 8px 0 0;
        vertical-align: middle
    }
    .nav-aux ul li:first-child i, .nav-aux ul li:first-child svg {
        margin-right: 10px
    }
    .nav-aux .tg-body a {
        font: 700 12px/18px 'Vodafone', Arial, sans-serif;
        white-space: normal
    }
    .nav-aux .tg-head:after {
        content: " ";
        display: inline-block;
        margin: 0 0 2px 0;
        border-width: 3px 3px 0 3px;
        border-style: solid;
        border-color: #333 transparent transparent transparent
    }
    .nav-aux .nav-active .tg-head {
        background: #f4f4f4;
        border-radius: 3px;
        box-shadow: 0 1px 3px -1px #999 inset;
        outline: none;
        padding-top: 8px;
        margin-top: 2px
    }
    .nav-aux .nav-active .tg-head:after {
        border-width: 0 3px 3px 3px;
        border-color: transparent transparent #333 transparent
    }
    .nav-aux .tg-body {
        background: #fff;
        border-radius: 3px;
        outline: none;
        position: absolute;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        z-index: 99
    }
    .lt-ie9 .nav-aux .tg-body {
        border: 1px solid #ccc
    }
    .nav-aux .tg-body li {
        margin: 0;
        padding: 0 5px;
        width: 100%
    }
    .nav-aux .tg-body li:first-child a {
        border: none
    }
    .nav-aux .tg-body li:hover {
        background: #e7e7e7
    }
    .nav-aux .tg-body li:hover:last-child {
        border-radius: 0 0 3px 3px
    }
    .nav-aux .tg-body li:active, .nav-aux .tg-body li.nice-select.open {
        box-shadow: inset 0 1px 3px 0 #444;
        background: #666
    }
    .nav-aux .tg-body li:active a, .nav-aux .tg-body li.nice-select.open a {
        color: #fff;
        border-top-color: #666
    }
    .nav-aux .tg-body a {
        border-top: 1px solid #e0e0e0;
        padding: 10px
    }
    .nav-base {
        box-shadow: none;
        border: 0;
        top: 0
    }
    .nav-primary {
        background: #e60000;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        margin: 0;
        position: relative
    }
    .nav-primary .col {
        padding: 0;
        float: left
    }
    .nav-head {
        display: none
    }
    .js .nav-base {
        position: relative
    }
    .js .nav-menu, .js .nav-search {
        display: block
    }
    .js .nav-menu {
        display: table
    }
    .js .nav-close-sml {
        display: none
    }
    .nav-menu {
        background: transparent;
        border-radius: 3px 0 0 3px;
        border-top: 0;
        overflow: hidden
    }
    .nav-menu:focus {
        outline: 3px solid #transparent
    }
    .mouse-active .nav-menu:focus {
        outline: none
    }
    .nav-menu .nav-active:first-child {
        border-radius: 3px 0 0 0
    }
    .nav-menu li {
        position: relative;
        border: 0;
        margin: 0;
        display: table-cell;
        border-left: 1px solid #ffffff;
        overflow: visible
    }
    .nav-menu li:before {
        position: absolute;
        top: 0px;
        left: -1px;
        content: " ";
        width: 1px;
        height: 5px;
        background-color: #e60000
    }
    .nav-menu li:after {
        position: absolute;
        bottom: 0px;
        left: -1px;
        content: " ";
        width: 1px;
        height: 5px;
        background-color: #e60000
    }
    .nav-menu li:nth-child(1) {
        border-left: 0
    }
    .nav-menu li.nav-active:before {
        background-color: #ffffff
    }
    .nav-menu li.nav-active:after {
        background-color: #ffffff;
        width: 1px;
        height: 100%;
        left: auto;
        right: -1px
    }
    .nav-menu li:first-child {
        border-radius: 3px 0 0 3px;
        border-left: 0
    }
    .nav-menu li.nav-selfcare {
        background-color: transparent
    }
    .nav-menu li.lob-nav {
        display: none !important
    }
    .nav-menu a {
        color: #fff;
        font: normal 18px/22px 'Vodafone', Arial, sans-serif;
        padding: 11px 12px 62px 18px;
        text-decoration: none;
        margin-bottom: -50px
    }
    .nav-menu a .icon-arrow-up-i-xsml, .nav-menu a .i-arrow-up-b-xxsml {
        display: none !important;
        margin-left: 4px
    }
    .nav-menu a .icon-arrow-down-i-xsml, .nav-menu a .i-arrow-down-w-xxsml {
        display: none !important;
        margin-left: 4px
    }
    .nav-menu a .icon-arrow-right-i-xsml, .nav-menu a .icon-plus-i-xsml {
        display: none !important
    }
    .nav-menu a:focus {
        text-decoration: underline
    }
    .nav-menu .nav-em {
        border-right-color: transparent
    }
    .nav-menu .nav-active {
        position: relative;
        z-index: 110;
        box-shadow: 0 1px 1px #eeeeee
    }
    .nav-menu .nav-active:first-child {
        box-shadow: 0 1px 1px #eeeeee
    }
    .nav-menu .nav-active, .nav-menu .nav-active:hover {
        background: #f4f4f4
    }
    .nav-menu .nav-active a {
        color: #000;
        border-left-color: transparent
    }
    .nav-menu .nav-active .icon-arrow-down-i-xsml {
        display: none
    }
    .nav-menu .nav-active .icon-arrow-up-i-xsml {
        display: inline-block
    }
    .nav-menu .nav-active.nav-selfcare {
        background-color: #f4f4f4
    }
    .nav-menu .nav-selected a {
        background-color: #bd0000
    }
    .nav-menu .nav-selected.nav-active a {
        background-color: transparent
    }
    .nav-content {
        background: #f4f4f4;
        border-radius: 0 3px 5px 5px;
        left: 0;
        position: absolute;
        z-index: 100;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        border-top: 1px solid #f4f4f4
    }
    .lt-ie9 .nav-content {
        border: 1px solid #ccc
    }
    .nav-content:nth-child(1):before {
        position: absolute;
        top: -4px;
        left: -2px;
        content: " ";
        width: 5px;
        height: 5px;
        background-color: #f4f4f4;
        border-left: 1px solid #c6c6c6
    }
    .nav-content .head {
        left: -9999em;
        position: absolute
    }
    .nav-content .body {
        width: 100%;
        padding: 30px 0;
        display: table;
        margin: 0;
        border-bottom: 0
    }
    .nav-content .body .btn {
        margin-bottom: 10px
    }
    .nav-content .items {
        border-left: 1px solid #d1d1d1;
        display: table-cell;
        padding: 0 10px;
        width: 25%;
        vertical-align: top
    }
    .nav-content .items:first-child {
        border-left: 0
    }
    .nav-content .items input {
        width: 100%
    }
    .nav-content .items img {
        max-width: 100%
    }
    .nav-content form .items {
        width: 50%
    }
    .nav-content form .items:first-child {
        border-left: 1px solid #d1d1d1
    }
    .nav-content form .items a {
        text-decoration: none
    }
    .nav-content form .items a:hover {
        text-decoration: underline
    }
    .nav-content form .items .fm-data {
        padding-bottom: 10px;
        position: relative
    }
    .nav-content .foot {
        background: #efefef;
        border-radius: 0 0 3px 3px;
        display: block;
        padding: 15px 25px;
        text-align: center
    }
    .nav-content .nav-close {
        margin: 0;
        padding: 10px 25px
    }
    .nav-content .nav-active {
        display: inline-block
    }
    .nav-3-col {
        width: 75%
    }
    .nav-3-col .items {
        width: 33%
    }
    .nav-search {
        background: none;
        padding: 0
    }
    .nav-search .search-box {
        margin: 4px
    }
    .nav-search .se-input {
        margin: 0;
        width: 100%;
        border: none
    }
    .nav-search .se-input:focus {
        box-shadow: 0 1px 4px rgba(10, 10, 10, 0.75) inset
    }
    .nav-search .btn {
        opacity: 0;
        position: absolute;
        top: 0px
    }
    .nav-search .btn:focus, .nav-search .btn:hover, .nav-search .btn:active, .nav-search .btn.nice-select.open, .nav-search .se-input:focus+.btn {
        opacity: 1
    }
    .nav-social li {
        display: inline-block;
        margin-right: 10px
    }
    .div-pre-page .inner {
        margin: 25px 0
    }
}

@media only screen and (min-width: 1025px) {
    .nav-aux ul.fl, .nav-aux ul.ft {
        height: 36px
    }
    .nav-aux a {
        padding: 10px 10px 6px 10px
    }
    .mod-nav {
        padding: 0 0 0 28px
    }
    .mod-nav .logo {
        left: -40px
    }
    .mod-nav .rhombus {
        left: -2029px;
        width: 1999px
    }
    .mod-nav .rhombus:before {
        content: ' ';
        border-bottom: 1999px solid #e60000;
        border-right: 1999px inset transparent;
        border-left: none;
        border-top: none;
        left: 45px;
        top: -1946px
    }
    .mod-nav .rhombus:after {
        content: ' ';
        border-top: 1999px solid #e60000;
        border-right: 1999px inset transparent;
        left: 44px;
        top: 86px
    }
    .mod-nav .tg-flyout .tg-body:before {
        right: 86px
    }
    .mod-nav .tg-flyout .tg-body:after {
        right: 85px
    }
    .nav-content .items {
        padding: 0 20px
    }
    .nav-content .h3 {
        font: 700 16px/20px 'Vodafone', Arial, sans-serif
    }
    .nav-content a {
        font: 400 16px/20px 'Vodafone', Arial, sans-serif
    }
}

@media only screen and (min-width: 1085px) {
    .mod-nav {
        padding: 0
    }
    .mod-nav .logo {
        left: -68px
    }
    .mod-nav .rhombus {
        left: -2057px
    }
}

.nav-menu .mod-whisbi-btn-wrap, .nav-content .mod-whisbi-btn-wrap {
    display: none;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px 0
}

.nav-menu .mod-whisbi-btn-wrap .btn, .nav-content .mod-whisbi-btn-wrap .btn {
    position: relative;
    display: inline-block;
    width: auto;
    font: 700 14px/20px "Vodafone", Arial, sans-serif;
    color: #e60000;
    padding: 6px 15px 2px
}

.nav-menu .mod-whisbi-btn-wrap .btn svg, .nav-content .mod-whisbi-btn-wrap .btn svg {
    position: relative;
    width: 26px;
    height: 26px;
    top: -1px;
    margin-right: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .nav-menu .mod-whisbi-btn-wrap, .nav-content .mod-whisbi-btn-wrap {
        padding: 10px 10px 0
    }
}

.nav-menu#nav-3c5e7095-8b99-4c80-9357-96237b0f9ba6 .mod-whisbi-btn-wrap.open, .nav-menu#nav-a45b7a2a-0130-4ffa-b115-1d606d71a8cb .mod-whisbi-btn-wrap.open, .nav-menu#nav-825fac17-66a8-4fe2-a08f-e30ef9b140a9 .mod-whisbi-btn-wrap.open, .nav-menu#nav-60821ccd-c807-4349-aeab-eec858e997ad .mod-whisbi-btn-wrap.open, .nav-content#nav-3c5e7095-8b99-4c80-9357-96237b0f9ba6 .mod-whisbi-btn-wrap.open, .nav-content#nav-a45b7a2a-0130-4ffa-b115-1d606d71a8cb .mod-whisbi-btn-wrap.open, .nav-content#nav-825fac17-66a8-4fe2-a08f-e30ef9b140a9 .mod-whisbi-btn-wrap.open, .nav-content#nav-60821ccd-c807-4349-aeab-eec858e997ad .mod-whisbi-btn-wrap.open {
    display: block !important
}

@media only screen and (max-width: 767px) {
    .nav-menu li:nth-last-child(2) .icon-arrow-block-red-i-xsml {
        display: none
    }
    .nav-menu li.mod-whisbi-btn-wrap {
        background-color: rgba(51, 51, 51, 0.6);
        padding: 10px 10px 0
    }
    .nav-content#nav-3c5e7095-8b99-4c80-9357-96237b0f9ba6 .mod-whisbi-btn-wrap.open, .nav-content#nav-a45b7a2a-0130-4ffa-b115-1d606d71a8cb .mod-whisbi-btn-wrap.open, .nav-content#nav-825fac17-66a8-4fe2-a08f-e30ef9b140a9 .mod-whisbi-btn-wrap.open, .nav-content#nav-60821ccd-c807-4349-aeab-eec858e997ad .mod-whisbi-btn-wrap.open {
        display: none !important
    }
    .lob-c2583998-4bab-4f28-886c-f9b6f20291a0 .nav-menu li.mod-whisbi-btn-wrap.open {
        display: block !important
    }
}

.header-empty h1 {
    padding: 45px 10px 0
}

.header-empty h1 img {
    margin-top: -10px
}

@media only screen and (min-width: 600px) {
    .header-empty h1 {
        padding: 35px 0 0
    }
}

.left-hand-navigation .tg-accord {
    width: 100%;
    z-index: 20;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 0;
    margin-bottom: 0;
    background-color: #fff
}

.left-hand-navigation .tg-accord .tg-item .tg-head {
    padding: 15px 35px 15px 15px;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px
}

.left-hand-navigation .tg-accord .tg-item .tg-head div {
    white-space: nowrap;
    overflow: hidden
}

.left-hand-navigation .tg-accord .tg-item .tg-head div:before {
    content: "...";
    float: left;
    margin-right: 3px
}

.left-hand-navigation .tg-accord .tg-item .tg-head div span {
    display: none
}

.left-hand-navigation .tg-accord .tg-item .tg-head div span:nth-last-child(-n+2) {
    display: inline
}

.left-hand-navigation .tg-accord .tg-item .tg-head .tg-show, .left-hand-navigation .tg-accord .tg-item .tg-head .tg-hide {
    right: 10px;
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -7.5px
}

.left-hand-navigation .tg-accord .tg-item .tg-head.tg-active {
    background-color: transparent;
    box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 3
}

.left-hand-navigation .tg-accord .tg-item .tg-body {
    background-color: transparent;
    padding: 0
}

.left-hand-navigation .lh-nav li a {
    display: block;
    padding: 15px 35px 15px 15px;
    position: relative;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    font-size: 18px;
    line-height: 20px
}

.left-hand-navigation .lh-nav li a .sub-menu-show, .left-hand-navigation .lh-nav li a .sub-menu-hide {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    font-size: 26px;
    font-weight: lighter;
    line-height: 30px;
    color: #333
}

.left-hand-navigation .lh-nav li a .sub-menu-hide {
    display: none
}

.left-hand-navigation .lh-nav li .dropdown-menu {
    display: none
}

.left-hand-navigation .lh-nav li.open>.dropdown-menu {
    display: block
}

.left-hand-navigation .lh-nav li.open>a .sub-menu-show {
    display: none
}

.left-hand-navigation .lh-nav li.open>a .sub-menu-hide {
    display: block
}

.left-hand-navigation .lh-nav li.active-parent-item>a {
    font-weight: bold
}

.left-hand-navigation .lh-nav li.active-item>a {
    color: #e60000;
    border-color: #e60000 !important;
    border-width: 2px !important
}

.left-hand-navigation .lh-nav li>ul li a {
    padding-left: 30px
}

.left-hand-navigation .lh-nav li>ul li>ul li a {
    padding-left: 45px
}

.left-hand-navigation .lh-nav li>ul li>ul li>ul li a {
    padding-left: 60px
}

.left-hand-navigation .lh-nav>li:last-child a {
    border-bottom: 0
}

.left-hand-navigation .lh-nav>li:last-child.open a {
    border-bottom: 1px solid #ccc
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child a {
    border-bottom: 0
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open a {
    border-bottom: 1px solid #ccc
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child a {
    border-bottom: 0
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open a {
    border-bottom: 1px solid #ccc
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open>ul>li:last-child a {
    border-bottom: 0
}

.left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open a {
    border-bottom: 1px solid #ccc
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .left-hand-navigation .tg-accord .tg-item .tg-head div span:nth-last-child(-n+3) {
        display: inline
    }
}

@media only screen and (min-width: 768px) {
    .left-hand-navigation .tg-accord {
        position: relative;
        border-radius: 0;
        border: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: 0
    }
    .left-hand-navigation .tg-accord .tg-item .tg-head {
        display: none
    }
    .left-hand-navigation .tg-accord .tg-item .tg-body {
        display: block !important
    }
    .left-hand-navigation .lh-nav {
        border-top: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav li a {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 30px 10px 10px
    }
    .left-hand-navigation .lh-nav li a .sub-menu-show, .left-hand-navigation .lh-nav li a .sub-menu-hide {
        font-size: 20px;
        line-height: 20px
    }
    .left-hand-navigation .lh-nav li>ul li a {
        padding-left: 20px
    }
    .left-hand-navigation .lh-nav li>ul li>ul li a {
        padding-left: 30px
    }
    .left-hand-navigation .lh-nav li>ul li>ul li>ul li a {
        padding-left: 40px
    }
    .left-hand-navigation .lh-nav>li:last-child a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open>ul>li:last-child a {
        border-bottom: 1px solid #ccc
    }
    .left-hand-navigation .lh-nav>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open>ul>li:last-child.open a {
        border-bottom: 1px solid #ccc
    }
}

.js .mod-footer .grid .only-sml+ul>li {
    margin-top: 0
}

.js .mod-footer .grid .tg-head {
    display: block;
    padding: 0;
    padding-right: 65%;
    text-align: right;
    margin-top: 18px;
    margin-bottom: 20px
}

.js .mod-footer .grid .tg-head:before, .js .mod-footer .grid .tg-head:after {
    content: ' ';
    display: none;
    position: absolute;
    top: 0;
    right: 60%;
    border-width: 9px 9px 9px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #7f7f7f;
    z-index: 1;
    margin-right: -1px
}

.js .mod-footer .grid .tg-head:after {
    top: 1px;
    border-width: 8px 8px 8px 0px;
    border-right-color: #434343
}

.js .mod-footer .grid .tg-active {
    color: #fff;
    background: inherit;
    margin: 18px 0 20px 0
}

.js .mod-footer .grid .tg-active:before, .js .mod-footer .grid .tg-active:after {
    display: block
}

.js .mod-footer .grid .tg-body {
    background: #434343 !important;
    border: 1px solid #7f7f7f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%
}

.js .mod-footer .grid .tg-display a {
    color: #fff
}

.js .mod-footer .grid .tg-display a:hover {
    color: #fff
}

.js .mod-footer .grid .h3 {
    font: 700 14px 'Vodafone', Arial, sans-serif;
    color: #ccc
}

.js .mod-footer .grid li {
    margin: 15px 15px 20px
}

.js .mod-footer .grid .fo-social li {
    margin: 0 0 5px 0
}

.js .mod-footer .grid .fo-social li img {
    margin: 5px 2px
}

.js .show-more {
    margin-bottom: 15px
}

.js .show-more .tg-head {
    display: block;
    margin-bottom: 10px
}

.js .show-more i.tg-hide, .js .show-more i.tg-show, .js .show-more i.tg-link, .js .show-more svg.tg-hide, .js .show-more svg.tg-show, .js .show-more svg.tg-link {
    position: static;
    margin-left: 10px
}

.js .show-more .tg-display {
    background: none !important
}

.lt-ie9 .mod-footer .grid .tg-active:before, .lt-ie9 .mod-footer .grid .tg-active:after {
    display: none
}

.no-js .mod-footer .tg-body {
    margin-bottom: 20px
}

.mod-footer {
    background: #2e2e2e;
    border-radius: 0;
    margin-bottom: 0
}

.mod-footer, .mod-footer a, .mod-footer a:visited {
    color: #ccc
}

.mod-footer .h3 {
    margin-bottom: 0
}

.mod-footer .grid {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.fo-social {
    margin-left: -10px;
    margin-bottom: 15px
}

.fo-social li {
    float: left;
    padding: 5px 0 5px 10px
}

.fo-social a:hover {
    text-decoration: none
}

.fo-social div {
    left: -9999em;
    position: absolute
}

.fo-social div:hover {
    text-decoration: underline
}

@media only screen and (min-width: 600px) {
    .js .mod-footer .grid .tg-head {
        text-align: left;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }
    .js .mod-footer .grid .tg-head:first-child {
        margin-top: 0
    }
    .js .mod-footer .grid .tg-active:before, .js .mod-footer .grid .tg-active:after {
        display: none
    }
    .js .mod-footer .grid .tg-body {
        background: none !important;
        border: none;
        clear: both;
        padding: 0;
        position: static;
        width: auto;
        min-height: 0 !important
    }
    .js .mod-footer .grid .tg-display a {
        color: #ccc;
        font-size: 12px
    }
    .js .mod-footer .grid .h3 {
        font: 700 16px 'Vodafone', Arial, sans-serif
    }
    .js .mod-footer .grid li {
        margin: 5px 0
    }
    .js .mod-footer .grid li.bold {
        margin-top: 15px
    }
    .js .mod-footer .grid .fo-social li {
        margin-bottom: 10px;
        padding: 5px 0
    }
    .js .mod-footer, .js .mod-footer a, .js .mod-footer a:visited {
        color: #ccc;
        font-size: 12px
    }
    .js .mod-footer a:hover {
        color: #fff
    }
    .js .mod-footer a.h3 {
        color: #fff
    }
    .js .mod-footer .grid {
        margin: 30px 0 30px 0;
        min-height: inherit
    }
    .js .mod-footer li {
        margin: 0
    }
    .js .mod-footer .fo-social li:first-child img {
        margin-top: 0
    }
    .js .fo-social {
        margin-left: 0
    }
    .js .fo-social li {
        float: none;
        padding: 0 20px 0 0;
        margin-bottom: 0 !important
    }
    .js .fo-social li img {
        height: 27px;
        width: 27px
    }
    .js .fo-social li:first-child {
        padding-right: 20px
    }
    .js .fo-social div {
        display: inline-block;
        position: static;
        margin-left: 5px
    }
}

.js .mod-footer .grid .tg-head:hover, .js .mod-footer .grid .tg-active {
    text-decoration: underline
}

@media only screen and (min-width: 600px) {
    .js .mod-footer .grid .tg-head {
        color: #ffffff;
        cursor: default
    }
    .js .mod-footer .grid .tg-head:hover {
        text-decoration: none
    }
    .js .fo-social {
        position: relative;
        top: 180px;
        transform: translate(-112%)
    }
    .js .fo-social {
        margin: 0 auto;
        width: 330px
    }
    .js .mod-footer .grid .fo-social li {
        float: left;
        padding: 56px 0 22px;
        margin-right: 15px
    }
    .js .fo-social div {
        display: none
    }
    .js .mod-footer .footer-sitemap .wysiwyg {
        position: relative;
        top: 112px
    }
    .js .mod-footer .footer-sitemap .show-more {
        position: relative;
        top: 112px
    }
    .js .mod-footer .footer-sitemap .show-more .wysiwyg {
        position: relative;
        top: 0
    }
    footer p {
        padding-top: 112px
    }
}

.enterprise .mod-footer {
    margin-top: 60px
}

.enterprise .mod-footer .belt {
    margin-top: 0;
    padding-top: 0
}

.enterprise .mod-footer .belt:after {
    display: none
}

@media only screen and (min-width: 600px) {
    .enterprise .mod-footer {
        margin-top: 120px
    }
}

.js .mod-footer .mod-qualityseals {
    border-bottom: 1px solid #ccc;
    margin: 30px 0 0;
    padding: 0 0 30px
}

.js .mod-footer .mod-qualityseals ul.list-qualityseals {
    width: 100%;
    padding: 0;
    margin: 0 0 0 -15px;
    display: table
}

.js .mod-footer .mod-qualityseals li.qs-item {
    height: 120px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    float: none;
    display: table-cell
}

.js .mod-footer .mod-qualityseals li.qs-item img {
    max-height: 120px;
    max-width: 120px;
    margin: 0
}

.js .mod-footer .mod-qualityseals li.qs-item a img.qs-bw {
    display: inline-block
}

.js .mod-footer .mod-qualityseals li.qs-item a img.qs-c {
    display: none
}

.js .mod-footer .mod-qualityseals li.qs-item a:hover img.qs-bw, .js .mod-footer .mod-qualityseals li.qs-item a:active img.qs-bw, .js .mod-footer .mod-qualityseals li.qs-item a.nice-select.open img.qs-bw, .js .mod-footer .mod-qualityseals li.qs-item a:focus img.qs-bw {
    display: none
}

.js .mod-footer .mod-qualityseals li.qs-item a:hover img.qs-c, .js .mod-footer .mod-qualityseals li.qs-item a:active img.qs-c, .js .mod-footer .mod-qualityseals li.qs-item a.nice-select.open img.qs-c, .js .mod-footer .mod-qualityseals li.qs-item a:focus img.qs-c {
    display: inline-block
}

@media only screen and (max-width: 600px) {
    .js .mod-footer .mod-qualityseals ul.list-qualityseals {
        margin: 0
    }
    .js .mod-footer .mod-qualityseals li.qs-item:nth-child(n+5) {
        display: none
    }
    .js .mod-footer .mod-qualityseals li.qs-item {
        height: 96px
    }
    .js .mod-footer .mod-qualityseals li.w-16.qs-item {
        width: 25%
    }
    .js .mod-footer .mod-qualityseals li.w-20.qs-item {
        width: 25%
    }
    .js .mod-footer .mod-qualityseals li.w-25.qs-item {
        width: 25%
    }
    .js .mod-footer .mod-qualityseals li.w-33.qs-item {
        width: 33%
    }
    .js .mod-footer .mod-qualityseals li.w-50.qs-item {
        width: 50%
    }
    .js .mod-footer .mod-qualityseals li.qs-item img {
        max-height: 96px;
        max-width: 96px;
        margin: 0
    }
}

@media only screen and (max-width: 400px) {
    .js .mod-footer .mod-qualityseals li.qs-item:nth-child(n+4) {
        display: none
    }
}

.help-and-support {
    margin-bottom: 35px
}

.help-and-support h3 {
    font: 14px/1 "Vodafone", Arial, sans-serif
}

.help-and-support span {
    display: block;
    padding-bottom: 10px;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .help-and-support h3 {
        font: 700 20px/1 "Vodafone", Arial, sans-serif
    }
    .help-and-support a {
        font-weight: bold
    }
    .help-and-support .help-links a {
        font-weight: normal
    }
    .help-and-support .help-links li {
        margin: 0 0 10px
    }
}

.aside-list {
    margin-bottom: 35px
}

.aside-list .tg-accord {
    margin-bottom: 15px
}

.aside-list .btn {
    font-weight: bold
}

.aside-list h2 i, .aside-list h2 svg {
    margin: 0 10px 5px 0
}

@media only screen and (min-width: 600px) {
    .aside-list {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #ccc;
        padding: 20px
    }
    .aside-list h2 {
        font: 700 20px/1.176 "Arial", sans-serif
    }
    .aside-list a, .aside-list .tg-head {
        font: inherit
    }
    .aside-list .tg-item {
        padding-top: 10px
    }
    .aside-list .tg-item:first-child {
        padding: 0
    }
}

.aside-list-plain {
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .aside-list-plain {
    border: 1px solid #ccc
}

.aside-list-plain li {
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .aside-list-plain {
        padding: 0;
        box-shadow: none;
        border: none
    }
    .lt-ie9 .aside-list-plain {
        border: none
    }
}

.get-more {
    margin-bottom: 30px
}

@media only screen and (min-width: 600px) {
    .get-more .col {
        margin-bottom: 20px
    }
    .get-more h3 {
        font: 700 16px/1.333 "Vodafone", Arial, sans-serif;
        margin-bottom: 10px
    }
}

.ca-nav-primary, .ca-nav-secondary {
    display: none
}

.ca-block {
    display: none
}

.ca-block:first-child {
    display: block
}

.ca-show {
    display: block
}

.no-js .ca-load-more {
    display: none
}

@media only screen and (min-width: 600px) {
    .mod-carousel {
        margin: 0 40px 16px
    }
    .ca-carousel {
        display: block;
        position: relative
    }
    .ca-blocks-only {
        display: none
    }
    .ca-body {
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }
    .ca-reel {
        height: inherit
    }
    .ca-block {
        display: block;
        padding: 4px;
        position: absolute;
        -webkit-transition: -webkit-transform .5s cubic-bezier(0.875, 0, 0.12, 1);
        -moz-transition: -moz-transform .5s cubic-bezier(0.875, 0, 0.12, 1) false;
        -o-transition: -o-transform .5s cubic-bezier(0.875, 0, 0.12, 1) false;
        transition: transform .5s cubic-bezier(0.875, 0, 0.12, 1);
        z-index: 1
    }
    .ca-block-active {
        z-index: 2
    }
    .ca-nav-primary {
        margin-top: -85px;
        position: absolute;
        top: 50%;
        left: -40px;
        right: -40px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        padding: 20px 0
    }
    .ca-nav-primary a {
        position: relative;
        float: right;
        z-index: 3;
        background: #fff;
        text-align: center;
        border: 1px solid #eee;
        border-top: 1px solid #ddd;
        border-right: none;
        border-radius: 3px 0 0 3px;
        box-shadow: -1px 2px 1px rgba(150, 150, 150, 0.75);
        height: 80px;
        width: 35px
    }
    .ca-nav-primary a:first-child {
        float: left;
        border-left: none;
        border-right: 1px solid #eee;
        border-radius: 0 3px 3px 0;
        box-shadow: 1px 2px 1px rgba(150, 150, 150, 0.75)
    }
    .ca-nav-primary a i, .ca-nav-primary a svg {
        position: relative;
        top: 27px
    }
    .ca-nav-secondary {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 25px;
        display: inline-block;
        padding: 4px 0;
        box-shadow: -1px 2px 1px rgba(150, 150, 150, 0.75)
    }
    .ca-nav-secondary a {
        float: left;
        padding: 2px 13px;
        position: relative
    }
    .ca-nav-secondary a:first-child {
        border-right: 1px solid #ccc
    }
    .ca-nav-secondary a i, .ca-nav-secondary a svg {
        float: left;
        margin: 2px 0
    }
    .ca-pagination {
        margin: 15px 0 16px;
        text-align: center
    }
    .ca-pagination .btn-alt {
        border: none;
        font-size: 16px;
        font-weight: normal;
        background: none;
        float: right;
        box-shadow: none;
        margin: 7px 0 0;
        padding: 0
    }
    .ca-pagination .btn-alt:hover {
        text-decoration: underline
    }
    .ca-pages {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-right: 15px
    }
    .ca-pages li {
        float: left
    }
    .ca-page {
        border-radius: 8px;
        border: 1px solid #6d6d6d;
        display: block;
        margin: 0 5px 5px 4px;
        padding: 4px
    }
    .ca-active {
        background: #6d6d6d
    }
    .no-js .ca-block {
        position: static;
        float: left
    }
    .no-js .ca-nav {
        display: none
    }
    .carousel-alt {
        margin-left: 0;
        margin-right: 0
    }
    .carousel-alt .ca-nav-primary {
        left: 0;
        right: 0
    }
    .carousel-alt .ca-block {
        padding: 0
    }
}

.support-social {
    margin-bottom: 35px
}

.ss-tabs, .ss-twitter p {
    border-radius: 3px
}

.ss-tabs .tg-body {
    border-radius: 0 0 3px 3px;
    padding: 25px 10px;
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    position: relative;
    z-index: 10
}

.ss-nav {
    border-radius: 3px 3px 0 0;
    z-index: 1;
    margin: 0 -1px
}

.ss-nav li {
    float: left;
    text-align: center;
    width: 50%
}

.ss-nav li:first-child a {
    border-top-left-radius: 3px
}

.ss-nav li:last-child a {
    border-top-right-radius: 3px
}

.ss-nav .tg-head {
    display: block;
    padding: 20px 0
}

.ss-nav .ss-tab {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 0px 3px rgba(50, 50, 50, 0.5) inset;
    background: #f2f2f2
}

.lt-ie9 .ss-nav .ss-tab {
    border: 1px solid #ccc
}

.ss-nav .tg-active {
    background: #fff;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    box-shadow: 0 -2px 3px -2px rgba(50, 50, 50, 0.5);
    position: relative;
    z-index: 11;
    border-bottom: none;
    top: 2px
}

.lt-ie9 .ss-nav .tg-active {
    border: 1px solid #ccc
}

.ss-twitter p {
    background: #f4f4f4;
    padding: 15px 20px
}

.ss-twitter ul {
    margin: 15px 0 0 -20px
}

.ss-twitter li {
    padding-left: 20px;
    width: 50%;
    float: right
}

.ss-twitter .ss-char {
    text-align: right;
    padding: 10px 0 10px 10px;
    font-size: 16px
}

.ss-twitter a {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

.ss-twitter textarea {
    min-height: 90px;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .icon-wrap, img {
        vertical-align: middle
    }
    .ss-tabs {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .ss-tabs .tg-body {
        border: none;
        padding: 0 0 0 30px;
        box-shadow: none
    }
    .ss-twitter textarea {
        font-size: 20px;
        line-height: 1.176;
        min-height: 185px
    }
    .ss-twitter li {
        width: auto;
        float: left
    }
}

.accordion {
    margin: 0 -10px 20px
}

.accordion h3, .accordion .h3 {
    padding-left: 10px
}

.accordion.accordion-extended .tg-accord .tg-item .tg-head, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold
}

.accordion.accordion-extended .tg-accord .tg-item .tg-head .tg-subhead, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head .tg-subhead {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 18px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    display: block
}

.accordion.accordion-simple-icon .tg-accord .tg-item .tg-head, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head {
    padding: 10px 40px
}

.accordion.accordion-simple-icon .tg-accord .tg-item .tg-head.larger-icon, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head.larger-icon {
    padding: 10px 40px 10px 50px
}

.accordion.accordion-simple-icon .tg-accord .tg-item .tg-head .tg-icon, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head .tg-icon {
    display: block
}

.accordion.accordion-simple-icon .tg-accord .tg-item .tg-head .tg-icon i, .accordion.accordion-simple-icon .tg-accord .tg-item .tg-head .tg-icon svg, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head .tg-icon i, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head .tg-icon svg {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.accordion .tg-accord {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    margin: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc
}

.accordion .tg-accord .tg-item {
    border-top: 1px solid #ccc
}

.accordion .tg-accord .tg-item .tg-head {
    display: block;
    padding: 10px 40px 10px 10px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none
}

.accordion .tg-accord .tg-item .tg-head.tg-active {
    -webkit-box-shadow: 0px 2px 3px -2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 3px -2px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 3px -2px rgba(50, 50, 50, 0.75);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 599px) {
    .accordion .tg-accord .tg-item .tg-head.tg-active {
        background: #fff
    }
}

.accordion .tg-accord .tg-item .tg-head #ffff {
    -webkit-box-shadow: inset 1px 9px 6px -10px rgba(50, 50, 50, 0.75)
}

.accordion .tg-accord .tg-item .tg-head .tg-icon, .accordion .tg-accord .tg-item .tg-head .tg-subhead {
    display: none
}

.accordion .tg-accord .tg-item .tg-head .tg-show, .accordion .tg-accord .tg-item .tg-head .tg-hide {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px
}

.accordion .tg-accord .tg-item .tg-body {
    padding: 10px;
    background-color: #f4f4f4
}

.accordion .tg-accord .tg-item .tg-body.bg_white {
    background-color: #fff
}

.accordion .tg-accord .tg-item .tg-body .tg-board {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px
}

.accordion .tg-accord .tg-item .tg-body .tg-board p:last-child {
    margin-bottom: 0
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .tg-board {
    background-color: transparent !important;
    border: none;
    border-radius: 0px;
    padding: 0px
}

.enterprise .accordion {
    background-color: #fff;
    margin: 0 0 40px;
    padding: 20px 0 20px 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    position: relative
}

.enterprise .accordion h3, .enterprise .accordion .h3 {
    padding: 0
}

.enterprise .accordion:after {
    content: "";
    display: block;
    background-color: #e60000;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 20px;
    z-index: -1;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .accordion .tg-accord {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.enterprise .accordion .tg-accord .tg-item {
    border: 0;
    margin-bottom: 10px
}

.enterprise .accordion .tg-accord .tg-item:last-child {
    margin-bottom: 0
}

.enterprise .accordion .tg-accord .tg-item .tg-head {
    background-color: #666;
    padding: 15px 60px 15px 20px;
    color: #fff;
    font-size: 20px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25)
}

.enterprise .accordion .tg-accord .tg-item .tg-head .tg-icon, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-subhead {
    display: none
}

.enterprise .accordion .tg-accord .tg-item .tg-head .tg-show, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-show .st0, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-hide, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-hide .st0 {
    right: 20px;
    color: #fff;
    fill: #fff
}

.enterprise .accordion .tg-accord .tg-item .tg-body {
    padding: 40px 20px 30px;
    background-color: transparent
}

.enterprise .accordion .tg-accord .tg-item .tg-body .tg-board {
    padding: 0;
    background-color: transparent;
    border: 0
}

.enterprise .professional-article .accordion {
    padding: 0;
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .professional-article .accordion:after {
    display: none
}

.enterprise .professional-article .accordion .tg-accord .tg-item {
    margin-bottom: 0;
    border-top: 1px solid #333
}

.enterprise .professional-article .accordion .tg-accord .tg-item:last-child {
    border-bottom: 1px solid #333
}

.enterprise .professional-article .accordion .tg-accord .tg-item .tg-head {
    background-color: transparent;
    color: #333;
    padding: 15px 40px 15px 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .professional-article .accordion .tg-accord .tg-item .tg-head .tg-show, .enterprise .professional-article .accordion .tg-accord .tg-item .tg-head .tg-show .st0, .enterprise .professional-article .accordion .tg-accord .tg-item .tg-head .tg-hide, .enterprise .professional-article .accordion .tg-accord .tg-item .tg-head .tg-hide .st0 {
    color: #333;
    fill: #333;
    right: 0
}

.enterprise .professional-article .accordion .tg-accord .tg-item .tg-head.tg-active {
    color: #e60000
}

.enterprise .professional-article .accordion .tg-accord .tg-item .tg-head.tg-active .tg-show, .enterprise .professional-article .accordion .tg-accord .tg-item .tg-head.tg-active .tg-hide {
    color: #e60000;
    fill: #e60000
}

.enterprise .professional-article .accordion .tg-accord .tg-item .tg-body {
    padding: 15px 0 30px
}

@media only screen and (min-width: 600px) {
    .accordion {
        margin: 0 0 20px
    }
    .accordion h3, .accordion .h3 {
        padding: 0
    }
    .accordion.accordion-simple-icon .tg-accord .tg-item .tg-head, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head {
        padding: 15px 60px
    }
    .accordion.accordion-simple-icon .tg-accord .tg-item .tg-head.larger-icon, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head.larger-icon {
        padding-left: 70px
    }
    .accordion.accordion-simple-icon .tg-accord .tg-item .tg-head .tg-icon svg, .accordion.accordion-extended-icon .tg-accord .tg-item .tg-head .tg-icon svg {
        left: 20px
    }
    .accordion .tg-accord {
        border-radius: 3px;
        border: 0
    }
    .accordion .tg-accord .tg-item:first-child {
        border-radius: 3px
    }
    .accordion .tg-accord .tg-item .tg-head {
        font-size: 18px;
        line-height: 22px;
        padding: 15px 60px 15px 20px
    }
    .accordion .tg-accord .tg-item .tg-head .tg-icon svg {
        left: 20px
    }
    .accordion .tg-accord .tg-item .tg-head .tg-show, .accordion .tg-accord .tg-item .tg-head .tg-hide {
        right: 20px
    }
    .accordion .tg-accord .tg-item .tg-body {
        padding: 20px;
        border-radius: 0px 0px 3px 3px
    }
    .enterprise .accordion {
        margin: 0 20px 60px 0;
        padding: 20px 0 20px 30px
    }
    .enterprise .accordion:after {
        top: 40px;
        height: 100%
    }
    .enterprise .accordion .tg-accord {
        border-radius: 0
    }
    .enterprise .accordion .tg-accord .tg-item {
        border-radius: 0
    }
    .enterprise .accordion .tg-accord .tg-item .tg-head {
        padding: 15px 70px 15px 30px
    }
    .enterprise .accordion .tg-accord .tg-item .tg-head .tg-show, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-hide {
        right: 30px
    }
    .enterprise .accordion .tg-accord .tg-item .tg-body {
        padding: 40px 30px 30px 30px
    }
    .enterprise .professional-article .accordion .tg-accord .tg-item .tg-body {
        padding: 15px 0 30px 0
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .accordion {
        padding: 20px 0 20px 40px
    }
    .enterprise .accordion .tg-accord .tg-item .tg-head {
        padding: 15px 80px 15px 40px
    }
    .enterprise .accordion .tg-accord .tg-item .tg-head .tg-show, .enterprise .accordion .tg-accord .tg-item .tg-head .tg-hide {
        right: 40px
    }
    .enterprise .accordion .tg-accord .tg-item .tg-body {
        padding: 40px 40px 30px
    }
    .enterprise .professional-article .accordion .tg-accord .tg-item .tg-body {
        padding: 15px 0 30px
    }
}

.product-browse .ca-block .ca-block-inner {
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    padding: 20px
}

.product-browse .ca-block a:hover {
    text-decoration: none
}

.product-browse .ca-block a:hover h3 {
    text-decoration: underline
}

.product-browse .ca-block h3 {
    margin-bottom: 5px
}

.product-browse .ca-block .ratings {
    display: block;
    overflow: hidden;
    margin: 10px 0 15px
}

.product-browse .ca-block .ratings i, .product-browse .ca-block .ratings svg {
    margin-bottom: 0
}

.product-browse .ca-block .price {
    margin: 2px 0;
    font: 700 30px/1 'Vodafone', Arial, sans-serif
}

.product-browse .ca-block .price sup {
    font: 300 14px/1 "Vodafone", Arial, sans-serif;
    vertical-align: super
}

.product-browse .ca-block .grid .col {
    float: left;
    min-height: 90px;
    margin-bottom: 0
}

.product-browse .ca-block .grid .w-40 {
    width: 40%
}

.product-browse .ca-block .grid .w-45 {
    width: 45%
}

.product-browse .ca-block .grid .w-50 {
    width: 50%
}

.product-browse .ca-block .grid .w-55 {
    width: 55%
}

.product-browse .ca-block .grid .w-60 {
    width: 60%
}

.product-browse .ca-block .grid .r-col {
    border-left: 1px solid #f4f4f4;
    padding-left: 15px
}

.product-browse .ca-block i, .product-browse .ca-block div, .product-browse .ca-block svg {
    margin-bottom: 15px;
    color: #333
}

.product-browse .ca-block img {
    display: block;
    height: 150px;
    padding: 0 0 10px;
    margin: 0 auto;
    vertical-align: top
}

.product-browse .ca-block .freebie {
    float: none;
    height: auto;
    position: absolute;
    left: -20px
}

.product-browse .ca-block strong {
    font: 400 26px/1 "Vodafone", Arial, sans-serif
}

.product-browse .ca-block .link-arrow {
    font-weight: bold
}

.product-browse .ca-block .chips {
    margin-bottom: 10px;
    text-align: center
}

.product-browse .ca-block .chips li {
    position: relative;
    display: inline-block;
    float: none;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    margin: 0 4px 8px
}

@media only screen and (min-width: 600px) {
    .product-browse .ca-block {
        width: 200px;
        padding: 0 10px
    }
    .product-browse .ca-block .ca-block-inner {
        margin-bottom: 0
    }
    .product-browse .ca-block i, .product-browse .ca-block svg {
        margin-bottom: 17px
    }
    .product-browse .ca-block .btn {
        margin: 0 0 5px 0;
        width: 100%
    }
    .product-browse .ca-block img {
        float: none;
        padding: 0;
        height: 150px
    }
    .product-browse .ca-block .freebie {
        position: absolute;
        left: auto;
        right: 40px
    }
    .product-browse .ca-block .tooltip {
        position: absolute;
        display: block;
        left: -9999em
    }
    .product-browse .ca-block .chips li:hover .tooltip, .product-browse .ca-block .chips li:active .tooltip, .product-browse .ca-block .chips li.nice-select.open .tooltip {
        left: -20px;
        top: 25px
    }
    .product-browse h3 {
        font-size: 16px
    }
    .product-browse .ca-pagination .link-arrow {
        font-size: 16px;
        float: right;
        padding-top: 8px
    }
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper {
    overflow-x: auto;
    background-color: #ffffff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: -26px;
    margin-right: -26px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .bx-wrapper {
    overflow: hidden;
    padding: 0 10px 0 10px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .bx-wrapper .bx-viewport {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .slidePager {
    text-align: center;
    height: 16px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper a {
    background: #d8d8d8;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    border-radius: 8px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper a.proxy-active {
    background: #9b9b9b
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
    width: 33%;
    padding: 0 16px;
    float: left;
    position: relative
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .head-burger {
    background-image: url(/simplicity/assets/css/img/svgs/arrow-down.svg);
    height: 20px;
    width: 20px;
    background-size: 20px;
    left: calc(50% - 10px);
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    opacity: 0.58
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    position: relative;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 3px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .badge {
    overflow: hidden;
    width: 50%;
    position: absolute;
    top: -25px;
    background: #e60000;
    color: #fff;
    text-align: center;
    line-height: 25px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
    padding: 20px 20px 40px;
    background: #f5f5f5;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    border-radius: 3px 3px 0 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head:before {
    position: absolute;
    bottom: -1px;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    display: block;
    content: " ";
    background: #dbdbdb;
    z-index: 1
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 4px;
    display: block;
    content: " ";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.33)), color-stop(33%, rgba(0, 0, 0, 0.1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%)
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.active:after {
    position: absolute;
    bottom: 11px;
    height: 1px;
    width: calc(100% - 40px);
    background: #dbdbdb;
    content: " ";
    z-index: 99
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-amount {
    font-size: 24px;
    line-height: 27px;
    color: #e60000
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-text {
    font-size: 24px;
    line-height: 27px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .title {
    font-size: 18px;
    line-height: 20px;
    color: #e60000
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .subtitle {
    display: none
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail {
    position: relative;
    padding: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail:after, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail:after {
    position: absolute;
    left: 20px;
    bottom: -1px;
    height: 1px;
    width: calc(100% - 40px);
    background: #dbdbdb;
    content: " "
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .h4, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .h4 {
    color: #e60000
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn {
    width: 100%;
    margin: 0 6px 15px 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn:last-child, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn:last-child {
    margin: 0 6px 0 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn-secondary, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn-secondary {
    background: #fff;
    color: #000
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:not(.icon-list) li, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul:not(.icon-list) li {
    padding-left: 8px;
    margin-top: 5px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:not(.icon-list) li:before, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul:not(.icon-list) li:before {
    margin-right: 7px;
    content: "• ";
    color: #000
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul.icon-list, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul.icon-list {
    margin: 0
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .asterisk-text, .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .asterisk-text {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.detail_not-joined ul li:not(.stretched), .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail.detail_not-joined ul li:not(.stretched) {
    display: block
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .interval {
    line-height: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    color: #333333
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .old-price {
    font-size: 18px;
    margin-bottom: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price {
    margin-bottom: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer {
    display: none;
    border-bottom: 1px solid #dbdbdb;
    position: absolute;
    width: 100%;
    height: 205px;
    background: #f5f5f5;
    top: 100px;
    padding: 20px;
    overflow: hidden;
    -webkit-transition: height 0.5s, padding 0.5s;
    -moz-transition: height 0.5s, padding 0.5s;
    -ms-transition: height 0.5s, padding 0.5s;
    -o-transition: height 0.5s, padding 0.5s;
    transition: height 0.5s, padding 0.5s
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .h4 {
    font-size: 18px;
    margin-bottom: 20px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p {
    position: relative;
    margin-bottom: 40px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p strong {
    display: inline-block;
    padding-bottom: 10px
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: -21px;
    height: 1px;
    width: 100%;
    background: #dbdbdb;
    content: " "
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p:last-of-type:after {
    display: none
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 4px;
    display: block;
    content: " ";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.33)), color-stop(33%, rgba(0, 0, 0, 0.1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%)
}

.mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger {
    background-image: url(/simplicity/assets/css/img/svgs/arrow-up.svg)
}

.mod-tariff-consumer-module .a-bxslider {
    background: none
}

@media only screen and (max-width: 599px) {
    .mod-tariff-consumer-module {
        overflow: visible !important
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper {
        margin-left: -4px;
        margin-right: 0px;
        overflow: visible !important
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .bx-wrapper {
        overflow: visible;
        padding-left: 0px;
        padding-right: 0px;
        overflow: visible !important
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .slidePager {
        display: none
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
        padding: 0 4px
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail {
        padding: 10px 20px
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail .btn {
        margin: 0 6px 10px 0
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail .btn:last-child {
        margin: 0 6px 10px 0
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer .h4 {
        margin-bottom: 10px
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer p {
        margin-bottom: 20px
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer p:after {
        bottom: -11px
    }
    .mod-tariff-consumer-module .bx-controls {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper {
        margin-left: -18px;
        margin-right: -8px
    }
    .mod-tariff-consumer-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
        padding: 0 8px
    }
    .mod-tariff-consumer-module .bx-controls-direction {
        display: none
    }
}

.enterprise .mod-tariff-enterprise-module .a-bxslider:after {
    background: none
}

.enterprise .mod-tariff-enterprise-module.has_no_products .tariff-module-products {
    display: none
}

.enterprise .mod-tariff-enterprise-module.has_no_products .a-bxslider:after {
    top: auto;
    height: 250px;
    left: -16px;
    right: -16px
}

.enterprise .mod-tariff-enterprise-module.one-tiles .a-bxslider:after, .enterprise .mod-tariff-enterprise-module.two-tiles .a-bxslider:after {
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper {
    height: auto;
    position: relative;
    margin: 20px 16px 30px 16px;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    background: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .bx-wrapper {
    padding: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .bx-wrapper .bx-viewport {
    overflow: visible !important;
    padding: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tile-products, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tile-product {
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.one-tiles-wrapper, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
    width: 33%;
    margin: 20px auto 30px !important;
    background: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    overflow: hidden
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.one-tiles-wrapper .tariff-module-tiles, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.two-tiles-wrapper .tariff-module-tiles {
    background: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
    width: 66%
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles {
    position: relative;
    z-index: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles:after {
    clear: both;
    display: table;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    float: left;
    width: 100%
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):before, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 0.5px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):before {
    left: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):after {
    right: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:before, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 0.5px;
    background: #fff;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:before {
    left: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:after {
    right: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider-before:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #cccccc;
    content: " ";
    left: -10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .horizontal-divider.default-detail:after {
    bottom: -1px;
    background: #cccccc !important
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .horizontal-divider:after {
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:not(:first-child):not(:last-child) .horizontal-divider:after {
    width: 100%;
    left: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child .vertical-divider:before {
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child .horizontal-divider:after {
    right: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:last-child .vertical-divider:after {
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:last-child .horizontal-divider:after {
    left: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child:last-child .horizontal-divider:after {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    position: relative
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .badge {
    overflow: hidden;
    position: absolute;
    top: -20px;
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #e60000;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    background: #fff;
    text-align: center;
    font-weight: bold;
    z-index: 1
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head-burger-wrapper {
    position: absolute;
    width: 100%;
    height: 32px;
    bottom: auto;
    top: 70px;
    left: 0;
    cursor: pointer
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head-burger-wrapper .head-burger {
    position: absolute;
    border: 1px solid #ffffff;
    border-left: 0;
    border-right: 0;
    top: 13px;
    width: 30px;
    height: 5px;
    left: calc(50% - 15px);
    opacity: 0.7
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
    position: relative;
    z-index: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top {
    position: relative;
    padding: 10px 10px 29px 10px;
    background: #e60000;
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .subtitle {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .title {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    line-height: 34px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen {
    position: relative;
    padding: 15px 10px;
    background: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-amount {
    color: #e60000;
    margin-right: 3px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 2
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .top {
    padding-left: 11px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .volumen {
    color: #fff;
    background: #e60000;
    padding-left: 11px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .volumen .volumen-amount {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .vertical-divider:before {
    width: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .vertical-divider:after {
    width: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details {
    position: relative
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap {
    position: relative;
    padding: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail:before {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 1px;
    bottom: 0px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail.first:before {
    left: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail.last:before {
    right: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail-not-joined:after {
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail-not-joined.first:after {
    content: "";
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ebebeb;
    z-index: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.joined, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.joined, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.joined {
    overflow: hidden;
    margin-bottom: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.h3, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.h4, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.h5, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .blogposts .blogpost .detail-headline.date, .blogposts .blogpost .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.date, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.h3, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.h4, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.h5, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .blogposts .blogpost li.date, .blogposts .blogpost .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.date, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.h3, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.h4, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.h5, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .blogposts .blogpost p.date, .blogposts .blogpost .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.date {
    color: #e60000 !important
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p {
    margin-bottom: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .icon-list li {
    padding-left: 35px;
    background-position-y: 2px;
    background-position-x: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .bullet-list li {
    margin-left: 0px;
    padding-left: 35px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .bullet-list li:before {
    margin-left: 3px;
    margin-right: 17px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail svg {
    margin-top: -3px;
    margin-left: 6px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .gap-top {
    margin-top: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy {
    position: relative;
    display: block
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy .detail-headline, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy p, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy li {
    position: absolute;
    z-index: 1;
    height: auto
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top .detail-headline, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top p, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top li {
    margin-top: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .not-joined {
    position: relative
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy:after, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .not-joined:after {
    position: absolute;
    left: -10px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.first span.proxy:after, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.first .not-joined:after {
    content: "";
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline {
    margin-bottom: 0px;
    padding-bottom: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline:first-child {
    padding-top: 5px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul.bullet-list {
    margin-bottom: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul li {
    margin-top: 0px;
    padding-top: 4px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:first-child li:first-of-type {
    padding-top: 5px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:last-child li:last-of-type {
    padding-bottom: 5px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p:first-child {
    padding-top: 5px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p:last-child {
    padding-bottom: 5px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail {
    position: relative;
    padding: 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .price {
    font-weight: bold;
    font-size: 32px;
    color: #333333
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .additional {
    margin-bottom: 20px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .additional.old-price {
    font-size: 18px;
    margin-bottom: 15px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .asterisk-text {
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 18px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail h3 {
    height: 20px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail h3 a {
    color: #9c2aa0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .h4 {
    color: #e60000
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 205px;
    background: #fff;
    border: 1px solid #e60000;
    top: 140px;
    padding: 20px 10px 10px;
    z-index: 2;
    overflow: hidden;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer:after {
    position: absolute;
    content: ' ';
    top: -6px;
    left: 0px;
    width: 100%;
    height: 5px;
    background: #e60000
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer.wider {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .h4 {
    color: #e60000;
    margin-bottom: 0px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger-wrapper {
    bottom: -9px;
    top: auto
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger-wrapper .head-burger {
    border: 1px solid #e60000;
    border-left: 0;
    border-right: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .active {
    width: calc(100% + 2px)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active {
    margin-left: -1px;
    margin-right: -1px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 2
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .top {
    padding-left: 11px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .volumen {
    color: #fff;
    background: #e60000;
    padding-left: 11px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .volumen .volumen-amount {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .head-burger-wrapper {
    top: auto;
    bottom: -9px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.top:before, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.top:after, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.volumen:before, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.volumen:after, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.price-detail:before, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.price-detail:after {
    display: none !important
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after {
    background: #e60000;
    width: 100%;
    left: 0
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after.detail:first-child {
    right: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after.detail:last-child {
    left: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .price-detail {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 3;
    background: #e60000;
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .price-detail a {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .details .price-detail .price-info .price {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .details .price-detail h3 a {
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products {
    margin-top: -30px;
    position: relative
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down {
    height: 45px;
    top: 0px;
    left: 16px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    background: #e60000;
    transition: opacity 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down {
        top: -1px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down {
        top: -2px
    }
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down .arrow-box {
    width: 0%;
    height: 0;
    border-top: 30px solid #e60000
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down .arrow-shadow {
    height: 10px;
    position: absolute;
    z-index: -2;
    left: 0px;
    top: 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down .arrow-shadow.left {
    transform-origin: 100% 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .arrow-down .arrow-shadow.right {
    transform-origin: 0 10px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products.two-tiles .arrow-down, .enterprise .mod-tariff-enterprise-module .tariff-module-products.one-tiles .arrow-down {
    background: #333;
    top: 0px !important
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .professional-article:after {
    position: absolute;
    display: block;
    background: #e60000;
    z-index: -1;
    content: " ";
    top: -220px;
    bottom: 14px;
    left: 32px;
    right: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products.two-tiles .professional-article:after, .enterprise .mod-tariff-enterprise-module .tariff-module-products.one-tiles .professional-article:after {
    top: 250px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .divide {
    display: none
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading {
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading h2, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading h3, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading h4, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading h5, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .h2, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .h3, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .h4, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .h5, .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .blogposts .blogpost .date, .blogposts .blogpost .enterprise .mod-tariff-enterprise-module .tariff-module-products .tariff-module-products-subheading .date {
    margin: 0px;
    color: #fff
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .professional-article {
    margin: 0px 16px 30px 16px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .img-wrap {
    text-align: center
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .img-wrap img {
    max-height: 260px;
    width: auto
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .price {
    font-size: 22px;
    line-height: 24px
}

.enterprise .mod-tariff-enterprise-module .tariff-module-products .price_without_contract {
    display: none
}

.enterprise .mod-tariff-enterprise-module .one-tiles .detail-wrap {
    background: #ffffff
}

.enterprise .mod-tariff-enterprise-module .one-tiles .detail-wrap li, .enterprise .mod-tariff-enterprise-module .one-tiles .detail-wrap h3, .enterprise .mod-tariff-enterprise-module .one-tiles .detail-wrap .h4, .enterprise .mod-tariff-enterprise-module .one-tiles .detail-wrap p {
    background-color: #ffffff !important
}

.enterprise .mod-tariff-enterprise-module .one-tiles .price-detail {
    background: #ffffff
}

.enterprise .mod-tariff-enterprise-module .one-tiles .price-detail li, .enterprise .mod-tariff-enterprise-module .one-tiles .price-detail h3, .enterprise .mod-tariff-enterprise-module .one-tiles .price-detail .h4 {
    background: none !important
}

@media only screen and (max-width: 599px) {
    .enterprise .mod-tariff-enterprise-module .detail-headline.h4 {
        color: #e60000 !important
    }
    .enterprise .mod-tariff-enterprise-module .detail-headline .iframe-dialog.tariffdetails {
        position: absolute;
        top: 15px;
        right: 15px
    }
    .enterprise .mod-tariff-enterprise-module.has_no_products .a-bxslider:after {
        left: -20px;
        right: -20px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper {
        background: rgba(255, 255, 255, 0) !important;
        box-shadow: none !important;
        margin-right: 20px;
        margin-left: 20px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .bx-controls {
        display: none
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .bx-viewport {
        padding-top: 25px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.one-tiles-wrapper {
        width: 74%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
        width: auto !important;
        padding-left: 15px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles:before {
        position: absolute;
        width: 100%;
        height: 30px;
        top: -25px;
        left: 0;
        background: #333333;
        content: " "
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles.one-tiles {
        width: 100%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles.two-tiles {
        width: 148%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles.three-tiles {
        width: 222%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles.four-tiles {
        width: 296%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles.five-tiles {
        width: 370%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
        width: 100% !important
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap {
        background: #ffffff
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap li, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap h3, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap .h4, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap p {
        background-color: #ffffff !important
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail {
        background: #ffffff
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail li, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail h3, .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail .h4 {
        background: none !important
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile.active {
        width: calc(100% + 2px) !important
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #ebebeb;
        content: " ";
        left: -1px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:after {
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #ebebeb;
        content: " ";
        width: 100%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:first-child:before {
        top: 10px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider.advantage-detail:before {
        bottom: 10px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-products .professional-article {
        margin: 0 0 30px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-products .professional-article:after {
        left: 0px;
        right: 0px;
        bottom: -16px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
        position: relative;
        z-index: 0
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .title {
        font-size: 22px;
        line-height: 26px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .head-burger-wrapper {
        top: 60px
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.price-details a.btn {
        width: 100%
    }
    .enterprise .mod-tariff-enterprise-module .tariff-module-products .professional-article:after {
        left: 16px
    }
}

.product {
    position: relative;
    margin: 15px 0;
    margin-bottom: 35px
}

.product:before {
    content: "";
    display: block;
    background-color: #e60000;
    position: absolute;
    top: -15px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% + 30px);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    z-index: -1
}

.product .product-image {
    position: relative;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35)
}

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

.product .product-description {
    background-color: #fff;
    padding: 30px 20px
}

.product .product-description p {
    margin-bottom: 10px
}

.product .product-description .product-item h3, .product .product-description .product-item .h3 {
    color: #000;
    margin-top: 30px;
    margin-bottom: 10px
}

.product .product-description .product-item h4, .product .product-description .product-item .h4 {
    color: #e60000;
    margin-top: 30px;
    margin-bottom: 10px
}

@media only screen and (max-width: 599px) {
    .product .product-description .product-item h4, .product .product-description .product-item .h4 {
        margin-top: 20px
    }
}

.product .product-description .product-item .bullet-list {
    margin: 0
}

.product .product-description .product-item .bullet-list li {
    margin-top: 0px;
    margin-bottom: 5px
}

@media only screen and (min-width: 600px) {
    .product {
        display: table;
        margin: 0;
        margin-bottom: 20px
    }
    .product:before {
        display: none
    }
    .product .product-image {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 25%;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .product .product-image .product-image-place {
        position: relative;
        width: calc(100% + 20px);
        z-index: 2
    }
    .product .product-image .product-image-place:before {
        content: "";
        display: block;
        background-color: #e60000;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        position: absolute;
        top: -20px;
        left: 20px;
        height: calc(100% + 40px);
        width: calc(100% - 40px);
        z-index: -1
    }
    .product .product-image .product-image-place img {
        box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35)
    }
    .product .product-description {
        display: table-cell;
        vertical-align: middle;
        width: 75%;
        background-color: transparent;
        padding: 0
    }
    .product .product-description .white-layer {
        background-color: #fff;
        padding: 40px 30px 40px 50px;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
    }
    .product .product-description .white-layer .product-description-content {
        max-width: 560px
    }
    .product .product-description h3, .product .product-description .h3 {
        margin-bottom: 10px
    }
    .product .product-description ul, .product .product-description ol {
        margin: 0
    }
}

@media only screen and (min-width: 1025px) {
    .product .product-description .white-layer .product-description-content {
        max-width: none
    }
    .product .product-description .white-layer .product-description-content .bullet-list:after {
        content: "";
        display: block;
        clear: both
    }
    .product .product-description .white-layer .product-description-content .bullet-list li {
        float: left;
        width: calc(33.333% - 25px);
        padding-right: 10px
    }
    .product .product-description .white-layer .product-description-content .bullet-list li:nth-child(3) {
        padding-right: 0
    }
    .product .product-description .white-layer .product-description-content .bullet-list li:nth-child(4) {
        clear: left
    }
}

.mod-breadcrumb li {
    font: 700 12px/13px 'Vodafone', Arial, sans-serif
}

.mod-breadcrumb .back-btn .backtowrap {
    display: inline-block;
    color: #333
}

.mod-breadcrumb .back-btn .backtowrap span {
    margin-right: 0;
    font-weight: 400;
    text-decoration: underline
}

.mod-breadcrumb .back-btn .only-sml {
    display: inline-block;
    padding-right: 0px
}

.mod-breadcrumb .back-btn .icon-arrow-left-i-xxsml {
    margin: -3px 5px 0 0
}

.mod-breadcrumb .back-btn a {
    font: 700 12px/13px 'Vodafone', Arial, sans-serif;
    color: #333
}

.mod-breadcrumb .back-btn span {
    color: #333;
    font: 700 12px/13px 'Vodafone', Arial, sans-serif
}

.mod-breadcrumb .back-btn span.btn {
    padding: 8px
}

.enterprise .content>.belt hr {
    border: 0;
    margin: 0
}

.enterprise .content>.belt .row hr {
    border: 0;
    margin: 0
}

.enterprise .mod-breadcrumb {
    display: none
}

.enterprise .mod-breadcrumb .back-btn {
    display: none
}

@media only screen and (min-width: 600px) {
    .mod-breadcrumb {
        height: 13px;
        margin-left: 0px;
        width: 100%
    }
    .mod-breadcrumb div {
        color: #e60000;
        float: left;
        margin-right: 4px;
        font: 700 11px/13px 'Vodafone', Arial, sans-serif
    }
    .mod-breadcrumb li {
        float: left;
        font: 400 11px/13px 'Vodafone', Arial, sans-serif;
        margin-right: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis
    }
    .mod-breadcrumb li:after {
        content: ' /';
        font: 400 11px/13px 'Vodafone', Arial, sans-serif
    }
    .mod-breadcrumb a {
        font: 400 11px/13px 'Vodafone', Arial, sans-serif;
        color: #333;
        text-decoration: underline
    }
    .mod-breadcrumb .bread-current {
        font: 700 11px/13px 'Vodafone', Arial, sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis
    }
    .mod-breadcrumb .bread-current a {
        text-decoration: none
    }
    .mod-breadcrumb .bread-current:after {
        content: '';
        font: 400 11px/13px 'Vodafone', Arial, sans-serif
    }
    .enterprise .mod-breadcrumb {
        display: block;
        margin: -70px 0 40px 10%;
        width: 80%;
        padding: 20px 40px 0;
        height: auto
    }
    .enterprise .mod-breadcrumb ol:after {
        content: "";
        display: block;
        clear: both
    }
    .enterprise .mod-breadcrumb li:after {
        content: ' /'
    }
    .enterprise .mod-breadcrumb li.bread-current:after {
        content: ""
    }
    .enterprise .mod-breadcrumb li, .enterprise .mod-breadcrumb li>a, .enterprise .mod-breadcrumb .back-btn span {
        color: #fff
    }
    .enterprise .mod-breadcrumb .only-lrg {
        display: block
    }
    .enterprise .mod-breadcrumb div {
        float: left;
        margin-right: 4px
    }
    .enterprise .mod-breadcrumb .back-btn {
        display: block
    }
    .enterprise .mod-breadcrumb .back-btn .only-sml {
        display: none !important
    }
    .enterprise .mod-breadcrumb .back-btn .backtowrap {
        float: none;
        margin-right: 0
    }
    .enterprise .mod-breadcrumb .back-btn .backtowrap span {
        padding: 0;
        font-weight: normal;
        text-decoration: underline
    }
}

@media only screen and (min-width: 1168px) {
    .bread-current {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bread-current {
        width: 260px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb {
        display: none
    }
    .enterprise .breadcrumb {
        display: block
    }
    .mod-breadcrumb li {
        overflow: visible
    }
    .mod-breadcrumb li:after {
        content: none
    }
    .mod-breadcrumb .only-lrg {
        display: none
    }
    .mod-breadcrumb .back-btn .only-sml {
        display: inline-block !important
    }
    .mod-breadcrumb .back-btn .only-sml svg {
        margin-right: 10px
    }
    .mod-breadcrumb .back-btn .only-sml .btn-sml {
        margin-bottom: 0px;
        border-radius: 0px;
        box-shadow: none;
        padding: 0px;
        border: 0px solid #fff
    }
    .mod-breadcrumb div {
        margin-right: 0;
        float: none
    }
    hr.only-sml {
        display: block !important
    }
}

@media only screen and (min-width: 768px) {
    .mod-breadcrumb {
        margin-top: -45px;
        margin-left: 70px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-breadcrumb {
        margin-left: 30px
    }
    .enterprise .mod-breadcrumb {
        padding: 40px 50px 0;
        margin-bottom: 60px;
        margin-top: -110px
    }
}

@media only screen and (min-width: 1085px) {
    .mod-breadcrumb {
        margin-left: 0px
    }
}

@media only screen and (min-width: 600px) {
    .login .fm-data input, .login .fm-data .fm-select {
        width: 100%
    }
}

.nav-content form .items {
    background-color: #f4f4f4;
    margin: -15px -25px;
    padding: 15px 25px 25px
}

.nav-content form .items .h3, .nav-content form .items .btn {
    position: relative
}

.nav-content form .items a {
    text-decoration: none;
    line-height: 28px
}

.nav-content form .items span {
    position: relative;
    display: block;
    font: 400 12px/16px 'Vodafone', Arial, sans-serif;
    padding-bottom: 20px
}

.nav-content form .items .fm-data {
    padding-bottom: 10px
}

.nav-content form .items .fm-data input {
    font: 100 12px/14px 'Vodafone', Arial, sans-serif;
    box-shadow: none
}

.nav-content form .items .btn {
    width: 100%;
    font: 700 14px/14px 'Vodafone', Arial, sans-serif
}

@media only screen and (min-width: 768px) {
    .nav-content form .items {
        width: 25%;
        padding: 0 10px
    }
    .nav-content form .items:nth-child(2) {
        position: relative;
        width: 25%;
        height: 280px;
        padding-right: 10px
    }
    .nav-content form .items a {
        line-height: 18px
    }
    .nav-content form .items span {
        position: relative;
        display: block;
        font: 400 14px/18px 'Vodafone', Arial, sans-serif;
        padding-bottom: 20px
    }
    .nav-content form .items .fm-data input {
        font: 100 14px/14px 'Vodafone', Arial, sans-serif;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
        border: 1px solid #e9e9e9
    }
    .lt-ie9 .nav-content form .items .fm-data input {
        border: 1px solid #ccc
    }
    .nav-content form .items .btn {
        width: auto
    }
}

@media only screen and (min-width: 1025px) {
    .nav-content form .items {
        padding: 0 20px
    }
    .nav-content form .items span {
        font: 400 16px/20px 'Vodafone', Arial, sans-serif
    }
}

.brand-marketing {
    margin-bottom: 20px
}

.brand-marketing img {
    max-width: 100%
}

@media only screen and (min-width: 600px) {
    .brand-marketing {
        margin-bottom: 30px;
        margin-left: -15px
    }
    .brand-marketing .col {
        padding-left: 15px
    }
    .brand-marketing .col img {
        display: block;
        margin: 0 auto
    }
    .sm-switch .col {
        float: right
    }
}

.mod-youtube {
    position: relative
}

.mod-youtube li {
    margin-top: 15px
}

.mod-youtube li:first-child {
    margin: 0
}

.mod-youtube img {
    width: 100%
}

.mod-youtube .youtube {
    position: relative;
    margin-bottom: 20px;
    height: 320px
}

.mod-youtube .youtube-play {
    height: 77px;
    width: 77px;
    position: absolute;
    background: url("img/icon/play.png");
    left: 50%;
    top: calc(50% + 40px);
    margin-left: -37px;
    margin-top: -77px;
    cursor: pointer
}

.mod-youtube .video-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.mod-youtube .video-wrap iframe, .mod-youtube .video-wrap object, .mod-youtube .video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 600px) {
    .mod-youtube {
        margin: 0 0 20px
    }
    .mod-youtube .youtube {
        height: 450px
    }
}

@media only screen and (min-width: 600px) {
    .mod-youtube .youtube {
        height: auto
    }
}

.nav-vertical a:visited {
    color: #666
}

.nav-vertical .nv-sub:before, .nav-vertical .nv-sub:after {
    content: " ";
    display: table
}

.nav-vertical .nv-sub:after {
    clear: both
}

.nav-vertical .nv-sub i, .nav-vertical .nv-sub svg {
    right: 0;
    margin-top: 0;
    top: 50%
}

.nav-vertical .nv-sub div a {
    padding: 11px 45px 11px 0;
    display: block;
    font: 400 20px/30px "Vodafone", Arial, sans-serif;
    position: relative
}

.nav-vertical .nv-sub .nv-head {
    border-right: 1px solid #ccc;
    padding-left: 15px;
    margin-top: 4px;
    margin-bottom: 4px
}

.nav-vertical .nv-sub .w-20 {
    width: 45px;
    float: right
}

.nav-vertical .nv-sub .w-20 a {
    padding: 25px 5px
}

.nav-vertical .nv-sub .w-80 {
    padding-right: 45px
}

.nav-vertical .nv-sub .w-80 a {
    padding-right: 10px
}

.nav-vertical .nv-head, .nav-vertical .tg-head {
    word-wrap: break-word;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto
}

.nav-vertical .tg-head {
    background-color: inherit;
    padding-right: 30px;
    display: block
}

.nav-vertical .nv-selected {
    background-color: #f4f4f4;
    padding-left: 19px;
    margin-left: -4px;
    margin-right: -4px
}

.nav-vertical .nv-selected.nv-sub {
    padding-left: 0px;
    padding-right: 4px
}

.nav-vertical .tg-body {
    border-radius: 3px;
    padding: 0;
    background: #fff
}

.nav-vertical .tg-body .tg-item:first-child {
    border-top: 1px solid #ccc
}

.nav-vertical .tg-close {
    display: none;
    text-align: center;
    padding: 10px 0
}

.nav-vertical .tg-close i, .nav-vertical .tg-close svg {
    position: static
}

.nav-vertical .tg-display .tg-close {
    display: block
}

.nav-vertical i.tg-hide, .nav-vertical i.tg-show, .nav-vertical i.tg-link, .nav-vertical svg.tg-hide, .nav-vertical svg.tg-show, .nav-vertical svg.tg-link {
    position: absolute
}

.tg-accord .nv-drop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold
}

.nv-drop.tg-active {
    background-color: #fff;
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    border-radius: 3px 3px 0 0;
    z-index: 10
}

.w-20 i.tg-hide, .w-20 i.tg-show, .w-20 i.tg-link, .w-20 svg.tg-hide, .w-20 svg.tg-show, .w-20 svg.tg-link {
    right: 15px
}

.tg-accord .nv-sub .tg-active {
    margin: 0;
    top: 50%
}

.nav-vertical .l2 .nv-head {
    padding-left: 23px
}

.nav-vertical .l2.tg-head {
    padding-left: 23px
}

.nav-vertical .l3 .nv-head {
    padding-left: 31px
}

.nav-vertical .l3.tg-head {
    padding-left: 31px
}

.nav-vertical .l4 .nv-head {
    padding-left: 39px
}

.nav-vertical .l4.tg-head {
    padding-left: 39px
}

.nav-vertical .l5 .nv-head {
    padding-left: 47px
}

.nav-vertical .l5.tg-head {
    padding-left: 47px
}

.nav-vertical .l6.tg-head {
    padding-left: 47px
}

@media only screen and (min-width: 600px) {
    .nav-vertical {
        border-radius: 0
    }
    .nav-vertical .nv-drop {
        display: none
    }
    .nav-vertical .l1-active .w-80 a {
        font-weight: bold;
        background-color: #ebebeb;
        border-radius: 3px 0 0 3px
    }
    .nav-vertical h2 {
        left: -9999em;
        position: absolute
    }
    .nav-vertical .tg-body {
        background-color: #fff
    }
    .nav-vertical .tg-item {
        border-top: 1px solid #ccc;
        padding: 2px 0
    }
    .nav-vertical .tg-item .nv-head {
        border: 0;
        width: 100%
    }
    .nav-vertical .nv-menu>.tg-item:first-child {
        border-top: 0;
        padding-top: 0
    }
    .nav-vertical .tg-head {
        font: 14px "Vodafone", Arial, sans-serif;
        padding: 10px 15px;
        border-radius: 3px
    }
    .nav-vertical .tg-head.bold {
        font-weight: bold
    }
    .nav-vertical .tg-active {
        background: #ebebeb;
        font-weight: bold;
        margin-right: 5px;
        margin-bottom: 3px
    }
    .nav-vertical .tg-body .tg-body {
        background-color: #fff
    }
    .nav-vertical .tg-body .tg-display .tg-head, .nav-vertical .tg-body .tg-display .nv-head {
        background-color: #f4f4f4
    }
    .nav-vertical .tg-body .tg-display .nv-selected, .nav-vertical .tg-body .tg-display .nv-selected .nv-head {
        background: #5b5b5b;
        margin: 0 0 2px
    }
    .nav-vertical .nv-selected {
        background: #ccc;
        border-radius: 3px 0 0 3px;
        color: #fff;
        font-weight: bold;
        height: 100%;
        margin: 0;
        position: relative;
        z-index: 1
    }
    .nav-vertical .nv-selected:visited {
        color: #fff
    }
    .nav-vertical .nv-selected .nav-arrow {
        height: 100%;
        left: 100%;
        position: absolute;
        top: 0;
        width: 10px
    }
    .nav-vertical .nv-selected .nav-arrow img {
        position: absolute;
        height: 100%;
        width: 10px
    }
    .nav-vertical .nv-sub div a {
        padding-right: 0
    }
    .nav-vertical .nv-sub .nv-head {
        font: 14px "Vodafone", Arial, sans-serif;
        margin-top: 0;
        margin-bottom: 2px
    }
    .nav-vertical .nv-sub .w-20 {
        display: none
    }
    .nav-vertical .nv-sub .w-80 {
        padding-right: 0;
        width: 100%
    }
    .nav-vertical .nv-selected .nv-head {
        color: #fff;
        background: #ccc;
        font-weight: bold;
        position: relative;
        border-radius: 3px 0 0 3px;
        z-index: 1
    }
    .nav-vertical .tg-item .tg-item {
        padding-bottom: 0
    }
    .nav-vertical .tg-item .tg-item .tg-head {
        margin-bottom: 2px
    }
    .nav-vertical .mod-toggle[data-scope="sml"] .tg-body {
        display: none
    }
    .nav-vertical .mod-toggle[data-scope="sml"] .tg-display {
        display: block
    }
    .nav-vertical .mod-toggle[data-scope="sml"] .nv-menu {
        display: block
    }
}

.teaser {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden
}

.teaser .h2, .teaser h2 {
    margin-bottom: 12px
}

.teaser .wysiwyg {
    margin-bottom: 0
}

.teaser .txt-wrap {
    margin: 0 20px;
    padding: 20px 0;
    position: relative
}

.teaser .txt-wrap p {
    margin: 0
}

.teaser .btn-wrap {
    position: relative;
    margin: 0 20px;
    position: relative
}

.teaser .btn-wrap .btn {
    margin-bottom: 15px
}

.teaser .link-wrap {
    position: relative;
    margin: 0 20px
}

.teaser .link-wrap a {
    margin-bottom: 25px;
    display: inline-block;
    text-decoration: underline;
    font: 700 12.3076923077px "Vodafone", Arial, sans-serif
}

.teaser .img-wrap img {
    float: right
}

.ts-switch .img-wrap img {
    float: left
}

.lt-ie9 .teaser {
    border: 1px solid #666
}

.ts-roundel {
    position: absolute;
    bottom: -20px;
    right: -30px
}

.ca-carousel .teaser {
    margin-bottom: 0
}

.teaser.promo-sml {
    padding: 0 15px;
    min-height: 110px
}

.teaser.promo-sml p {
    margin-bottom: 0;
    padding: 0;
    line-height: 1.2
}

.teaser.promo-sml .teaser-inner {
    margin: 0 auto;
    padding: 10px 0
}

.teaser.promo-sml .teaser-inner .icon-left {
    text-align: center
}

.teaser.promo-sml .teaser-inner .teaser-content {
    display: block
}

.teaser.promo-sml .teaser-inner .teaser-content .arrowlist {
    padding-top: 10px
}

.teaser.promo-sml .teaser-inner .teaser-content .icon-right {
    float: right
}

.teaser.promo-sml .teaser-inner .col:first-child {
    padding-left: 0
}

@media only screen and (min-width: 600px) {
    .ts-roundel {
        bottom: -20px;
        right: -50px
    }
    .ca-carousel .teaser {
        margin-bottom: 0
    }
    .teaser {
        position: relative;
        z-index: 0
    }
    .teaser .h1, .teaser h1 {
        margin-bottom: 15px
    }
    .teaser .wysiwyg {
        margin: 20px;
        width: 45%
    }
    .teaser .txt-wrap {
        border-bottom: none
    }
    .teaser .btn-wrap .btn {
        margin-bottom: 20px
    }
    .teaser .img-wrap {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1
    }
    .teaser .img-wrap img {
        max-width: 100%
    }
    .teaser .color-base {
        color: #333
    }
    .js .teaser .color-alt {
        color: #fff
    }
    .ts-switch .img-wrap {
        right: auto;
        left: 0
    }
    .ts-switch .wysiwyg {
        float: right
    }
    .lt-ie9 .teaser .btn, .lt-ie9 .teaser h3, .lt-ie9 .teaser p {
        color: #000
    }
    .teaser-right .wysiwyg {
        float: right
    }
    .ts-full .wysiwyg {
        width: 40%
    }
    .ts-bold h1, .ts-bold .h1, .ts-bold h2, .ts-bold .h2, .ts-bold h3, .ts-bold .h3 {
        font-weight: bold
    }
}

.mod-info-text {
    margin-bottom: 40px
}

.mod-info-text .info-text-handle {
    font-family: "Vodafone", Arial, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer
}

.mod-info-text .info-text-details {
    padding-top: 18px;
    background-color: transparent !important
}

.mod-info-text.reduced .info-text-details {
    display: none
}

.mod-info-text.reduced .info-text-handle.show-reduced {
    display: none
}

.mod-info-text.reduced .info-text-handle.show-full {
    display: block
}

.mod-info-text.full .info-text-details {
    display: block
}

.mod-info-text.full .info-text-handle.show-reduced {
    display: block
}

.mod-info-text.full .info-text-handle.show-full {
    display: none
}

.mod-info-text .i-xsml {
    margin-left: 5px !important
}

.mod-info-text .h2, .mod-info-text h2 {
    font-size: 20px;
    line-height: 25px;
    color: #333;
    line-height: 24px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 10px
}

.mod-info-text .h3, .mod-info-text h3 {
    font: Arial;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px !important;
    margin-top: 0px !important
}

.mod-info-text .h4, .mod-info-text h4, .mod-info-text .h5, .mod-info-text .blogposts .blogpost .date, .blogposts .blogpost .mod-info-text .date, .mod-info-text h5, .mod-info-text .h6, .mod-info-text h6 {
    all: none;
    font-family: Arial, sans-serif;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: normal
}

.mod-info-text p {
    font: Arial;
    font-size: 12px;
    line-height: 18px
}

.mod-info-text a {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px
}

.mod-info-text hr {
    margin-top: 40px;
    margin-bottom: 40px
}

.mod-info-text .tg-body {
    margin-top: 20px
}

.mod-info-text .wysiwyg {
    background-color: #f4f4f4;
    padding-top: 20px
}

.enterprise .mod-info-text {
    margin: 0;
    margin-bottom: 0px;
    color: #fff;
    padding: 30px 20px 0px 20px
}

.enterprise .mod-info-text .i-xsml {
    display: none !important
}

.enterprise .mod-info-text a {
    color: #fff
}

.enterprise .mod-info-text h2, .enterprise .mod-info-text .h2, .enterprise .mod-info-text h3, .enterprise .mod-info-text .h3 {
    color: #fff;
    margin-bottom: 20px
}

.enterprise .mod-info-text hr {
    margin: 0;
    border: 0;
    height: 0;
    padding: 0
}

.enterprise .mod-info-text>p:last-of-type {
    margin-bottom: 0
}

.enterprise .mod-info-text p:last-child {
    margin-bottom: 0
}

.mod-footer .mod-info-text {
    margin-top: 100px;
    margin-bottom: 0px
}

.mod-footer .h2, .mod-footer h2 {
    color: #fff
}

@media only screen and (min-width: 600px) {
    .enterprise .mod-info-text {
        width: 80%;
        margin: 0 0 0 10%;
        padding: 60px 40px 0px 40px
    }
}

.pr .date {
    font-weight: bold;
    margin-top: 30px
}

@media only screen and (min-width: 600px) {
    .pr {
        margin-bottom: 15px
    }
    .pr .date {
        margin-top: 0
    }
}

.icon-teaser .aside-block {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.icon-teaser .aside-block .mh-headline {
    margin: 16px auto 0;
    display: block
}

.icon-teaser .aside-block .list-lined {
    margin-bottom: 0
}

.icon-teaser .aside-block .list-lined li {
    border-top: 1px solid #ebebeb;
    padding: 16px 20px
}

.icon-teaser .aside-block .list-lined li:last-child {
    border-bottom: 0 none
}

.icon-teaser .aside-block .list-lined li:first-child {
    border-top: 0 none
}

.icon-teaser .aside-block .list-lined li i, .icon-teaser .aside-block .list-lined li svg {
    float: left;
    margin: 0 10px 5px 0
}

.icon-teaser .aside-block .link-wrap {
    display: block;
    margin-top: 15px
}

.icon-teaser .aside-block .link-wrap .tg-head {
    border-top: 1px solid #e9e9e9;
    padding: 16px 0;
    display: block;
    text-align: center
}

.icon-teaser .aside-block .btn {
    margin: 0 0 10px
}

.icon-teaser.deep-link .inner {
    padding-top: 20px !important;
    padding-bottom: 10px !important
}

.icon-teaser.primary .tg-item {
    margin-bottom: 15px;
    margin-top: 0
}

.icon-teaser.primary .aside-block {
    margin-left: 0;
    margin-right: 0
}

.icon-teaser.primary .aside-block .inner {
    padding: 0 0 10px
}

.icon-teaser.primary .aside-block p {
    margin: 0 10px 10px;
    text-align: center
}

.icon-teaser.primary .aside-block h2, .icon-teaser.primary .aside-block h3, .icon-teaser.primary .aside-block h4, .icon-teaser.primary .aside-block h5 {
    text-align: center;
    padding: 0 10px
}

.icon-teaser.primary .aside-block i, .icon-teaser.primary .aside-block svg {
    margin: 20px auto 0;
    display: flex;
    text-align: center
}

.icon-teaser.primary .aside-block i i, .icon-teaser.primary .aside-block svg i {
    display: block;
    margin: 29px
}

.icon-teaser.secondary .tg-item {
    margin-bottom: 15px;
    margin-top: 0
}

.icon-teaser.secondary .aside-block {
    margin-left: 0;
    margin-right: 0
}

.icon-teaser.secondary .aside-block .inner {
    padding: 0
}

.icon-teaser.secondary .aside-block p {
    margin: 15px 20px 15px;
    text-align: center
}

.icon-teaser.secondary .aside-block h2, .icon-teaser.secondary .aside-block h3, .icon-teaser.secondary .aside-block h4, .icon-teaser.secondary .aside-block h5 {
    text-align: center;
    padding: 0 15px
}

.icon-teaser.secondary .aside-block i, .icon-teaser.secondary .aside-block svg {
    margin: 20px auto 0;
    display: flex;
    text-align: center
}

.icon-teaser.secondary .aside-block i i, .icon-teaser.secondary .aside-block svg i {
    display: block;
    margin: 29px
}

.icon-teaser.secondary .aside-block ul {
    margin: 17px 20px
}

.icon-teaser.secondary .aside-block ul.list-lined {
    margin: 0
}

.icon-teaser.secondary .aside-block ul.list-lined li {
    padding: 0 20px
}

.icon-teaser.secondary .aside-block ul.list-lined li a {
    display: table;
    vertical-align: middle;
    height: 50px
}

.icon-teaser.secondary .aside-block ul.list-lined li a span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0
}

.icon-teaser.secondary .aside-block ul.list-lined li a i, .icon-teaser.secondary .aside-block ul.list-lined li a svg {
    margin: 0 10px 0 0
}

.icon-teaser.secondary .aside-block .btn-wrap {
    padding: 10px 10px;
    display: block
}

.icon-teaser.secondary .aside-block .link-wrap .tg-head {
    border-top: 0 none
}

.icon-teaser.secondary .aside-block h2, .icon-teaser.secondary .aside-block h3 {
    border-bottom: 0px none;
    margin-bottom: 0;
    padding-bottom: 0
}

.icon-teaser.secondary .aside-block .it-content {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    margin: 14px 15px 14px
}

.icon-teaser.cluster .tg-item {
    margin-bottom: 0;
    margin-top: 0
}

.icon-teaser.cluster .w-50 .aside-block {
    margin-left: 0;
    margin-right: 0
}

.icon-teaser.deep-link {
    background-color: #f4f4f4;
    box-shadow: none;
    margin-bottom: 0
}

.icon-teaser.deep-link .aside-aux-list {
    border-right: 1px solid #ccc
}

.icon-teaser.deep-link .aside-aux-list p {
    margin-bottom: 0
}

.icon-teaser.deep-link.linklist {
    margin: 0px 0px 15px 0px
}

@media only screen and (max-width: 599px) {
    .icon-teaser.primary .aside-block {
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }
    .lt-ie9 .icon-teaser.primary .aside-block {
        border: 1px solid #ccc
    }
    .icon-teaser.secondary .aside-block {
        border: 1px solid #ccc
    }
    .icon-teaser.secondary .aside-block .it-content {
        margin: 15px 20px
    }
    .icon-teaser.secondary .aside-block ul {
        margin: 15px
    }
    .icon-teaser.secondary .aside-block ul.list-lined li {
        padding: 0 15px
    }
    .icon-teaser.secondary .aside-block ul.list-lined li:nth-child(n+4) {
        display: none
    }
    .icon-teaser.deep-link {
        margin-left: -10px;
        margin-right: -10px
    }
    .icon-teaser .icon-wrap {
        float: none;
        vertical-align: middle;
        display: inline-block
    }
}

@media only screen and (min-width: 600px) {
    .icon-teaser {
        background-color: transparent;
        box-shadow: none;
        border: none
    }
    .lt-ie9 .icon-teaser {
        border: none
    }
    .icon-teaser .text-center .aside-block p, .icon-teaser .text-center .aside-block .text-wrap {
        text-align: center
    }
    .icon-teaser .text-left .aside-block p, .icon-teaser .text-left .aside-block .text-wrap {
        text-align: left
    }
    .icon-teaser .aside-block {
        box-shadow: none
    }
    .icon-teaser .aside-block .inner {
        padding: 50px 0 30px
    }
    .icon-teaser .aside-block p {
        margin: 0 10px 10px;
        text-align: center
    }
    .icon-teaser .aside-block h2, .icon-teaser .aside-block h3, .icon-teaser .aside-block h4, .icon-teaser .aside-block h5 {
        text-align: center;
        margin-bottom: 5px
    }
    .icon-teaser .aside-block .h2 {
        color: #333;
        font: 700 20px "Vodafone", Arial, sans-serif;
        padding: 0 10px 13px;
        margin-bottom: 0
    }
    .icon-teaser .aside-block i, .icon-teaser .aside-block svg {
        margin: 0 auto 0;
        display: flex;
        text-align: center
    }
    .icon-teaser .aside-block i i, .icon-teaser .aside-block svg i {
        display: block;
        margin: 29px
    }
    .icon-teaser .aside-block .mh-headline {
        display: table;
        margin: 14px auto 0
    }
    .icon-teaser .aside-block .mh-headline span {
        display: table-cell;
        vertical-align: middle
    }
    .icon-teaser .aside-block .link-wrap {
        display: block;
        margin-top: 15px
    }
    .icon-teaser .aside-block .link-wrap .tg-head {
        border-top: 1px solid #e9e9e9;
        padding: 16px 0;
        display: block
    }
    .icon-teaser .aside-block .tg-head {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        line-height: 1;
        padding: 0 0 50px
    }
    .icon-teaser .aside-block .btn-wrap {
        padding: 10px 10px 0;
        display: block;
        text-align: center
    }
    .icon-teaser .aside-block .btn-wrap.not-btn {
        padding: 0
    }
    .icon-teaser .aside-block hr {
        height: 1px;
        color: #e9e9e9;
        background: #e9e9e9;
        font-size: 0;
        border: 0
    }
    .icon-teaser .deco-divider .h2, .icon-teaser .deco-divider h2, .icon-teaser .deco-divider h3 {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 14px;
        padding-bottom: 12px
    }
    .icon-teaser .deco-border .aside-block {
        border: 1px solid #ccc
    }
    .icon-teaser .deco-background .aside-block {
        background: #ebebeb;
        border: 1px solid #ebebeb
    }
    .icon-teaser .deco-tile .aside-block {
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        border: 1px solid #e9e9e9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }
    .lt-ie9 .icon-teaser .deco-tile .aside-block {
        border: 1px solid #ccc
    }
    .icon-teaser .deco-tile a {
        text-decoration: none
    }
    .icon-teaser .aside-aux-list {
        padding-right: 20px
    }
    .icon-teaser .aside-aux-list .tg-item:first-child {
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px
    }
    .icon-teaser .aside-aux-list .tg-head {
        font-weight: bold;
        margin-bottom: 15px;
        font-size: 16px
    }
    .icon-teaser .aside-aux-list p {
        padding-left: 40px
    }
    .icon-teaser.primary .tg-item {
        margin-bottom: 50px;
        margin-top: 50px
    }
    .icon-teaser.primary .aside-block .btn {
        width: auto
    }
    .icon-teaser.primary .aside-block .inner {
        padding: 1px 0 10px
    }
    .icon-teaser.primary .aside-block a:hover .inner {
        background-color: #f4f4f4
    }
    .icon-teaser.primary .w-50 .aside-block {
        margin-left: 6.5%;
        margin-right: 6.5%;
        padding-left: 20px;
        padding-right: 20px
    }
    .icon-teaser.secondary .tg-item {
        margin-bottom: 50px;
        margin-top: 40px
    }
    .icon-teaser.secondary .aside-block {
        padding: 0
    }
    .icon-teaser.secondary .aside-block .inner {
        padding: 1px 0 10px
    }
    .icon-teaser.secondary .aside-block a:hover .inner {
        background-color: #f4f4f4
    }
    .icon-teaser.cluster {
        background-color: transparent
    }
    .icon-teaser.cluster .tg-item {
        margin-bottom: 30px;
        margin-top: 0
    }
    .icon-teaser.cluster .aside-block {
        padding: 0
    }
    .icon-teaser.cluster .aside-block .mh-headline {
        margin: 11px auto 0
    }
    .icon-teaser.cluster .aside-block .inner {
        padding: 15px 0 5px
    }
    .icon-teaser.cluster .aside-block .inner h3, .icon-teaser.cluster .aside-block .inner h2, .icon-teaser.cluster .aside-block .inner .h2 {
        padding: 0 10px 8px
    }
    .icon-teaser.cluster .aside-block a:hover .inner {
        background-color: #f4f4f4
    }
    .icon-teaser.deep-link {
        border: 0 none
    }
    .icon-teaser.deep-link .tg-item {
        margin-bottom: 0;
        margin-top: 0
    }
    .icon-teaser.deep-link .aside-block .btn {
        width: 100%
    }
    .icon-teaser.deep-link.linklist {
        margin: 0 0 0 -30px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .icon-teaser .col.w-33 {
        width: 50%
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .icon-teaser.content-footer {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background: #ebebeb;
        margin-right: -24px;
        padding-right: 24px
    }
    .icon-teaser.content-footer .col.w-25 {
        width: 50%
    }
}

.content-teaser {
    margin-bottom: 20px
}

.content-teaser img {
    margin-bottom: 15px;
    max-width: 100%
}

@media only screen and (min-width: 600px) {
    .content-teaser {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 599px) {
    .action-box-col {
        margin-bottom: 40px
    }
    .action-box-col:last-child {
        margin-bottom: 0
    }
    .action-box-col:last-child .action-box {
        margin-bottom: 15px !important
    }
}

@media only screen and (max-width: 1024px) {
    .action-box-col {
        margin-bottom: 20px
    }
    .grid.action-box-cluster {
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px
    }
    .grid.action-box-cluster .col:first-child:before {
        position: absolute;
        top: 0px;
        left: -10px;
        right: 0px;
        bottom: 0px;
        content: ' ';
        background: #f4f4f4
    }
    .grid.action-box-cluster .action-box-col:last-child .btn-break {
        margin-bottom: 0px !important
    }
}

.action-box {
    position: relative;
    margin-bottom: 20px
}

.action-box .h3, .action-box .h5, .action-box .blogposts .blogpost .date, .blogposts .blogpost .action-box .date {
    color: #333
}

.action-box .h3 {
    margin-bottom: 10px
}

.action-box .h5, .action-box .blogposts .blogpost .date, .blogposts .blogpost .action-box .date {
    display: block;
    margin-bottom: 10px
}

.action-box .box-wrapper .content-wrapper {
    padding: 20px 0 0
}

.action-box .box-wrapper .content-wrapper .btn-wrap {
    padding-top: 5px
}

.action-box .box-wrapper .content-wrapper .btn-wrap.eq-height {
    padding-top: 20px
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break {
    margin-bottom: 15px
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break.text-break {
    margin-bottom: 10px
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .btn, .action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .textlink {
    margin-right: 0;
    margin-bottom: 0
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .btn:after {
    content: "\A";
    white-space: pre
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .textlink {
    color: #333;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    margin: 0 6px 10px 0;
    padding: 0 15px 0 0;
    line-height: 22px;
    border: 1px solid transparent
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .textlink svg {
    position: relative;
    top: -2px
}

.action-box .box-wrapper .content-wrapper .btn-wrap .btn-break .textlink:hover {
    text-decoration: underline
}

.action-box .box-wrapper .img-wrap img {
    width: 100%
}

@media only screen and (max-width: 599px) {
    .action-box .h3 {
        font-size: 22px;
        line-height: 24px
    }
    .action-box .h5, .action-box .blogposts .blogpost .date, .blogposts .blogpost .action-box .date {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .action-box .box-wrapper .img-wrap {
        width: 100%
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .action-box .h3 {
        font-size: 20px;
        line-height: 24px
    }
    .action-box .h5, .action-box .blogposts .blogpost .date, .blogposts .blogpost .action-box .date {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .action-box .h3 {
        font-size: 22px;
        line-height: 24px
    }
    .action-box .h5, .action-box .blogposts .blogpost .date, .blogposts .blogpost .action-box .date {
        font-size: 14px;
        line-height: 20px
    }
    .action-box .content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 599px) {
    .w-33 .action-box, .w-25 .action-box {
        display: table
    }
    .w-33 .action-box .box-wrapper, .w-25 .action-box .box-wrapper {
        display: table-row
    }
    .w-33 .action-box .box-wrapper .img-wrap, .w-25 .action-box .box-wrapper .img-wrap {
        display: table-cell;
        vertical-align: top;
        width: 33.333%
    }
    .w-33 .action-box .box-wrapper .content-wrapper, .w-25 .action-box .box-wrapper .content-wrapper {
        display: table-cell;
        vertical-align: top;
        width: 66.667%;
        padding: 0 0 0 20px
    }
    .w-33 .action-box.no-image .content-wrapper, .w-25 .action-box.no-image .content-wrapper {
        padding: 0
    }
}

@media only screen and (max-width: 599px) {
    .w-25 .action-box .btn-break, .w-33 .action-box .btn-break, .w-50 .action-box .btn-break {
        display: block
    }
    .w-25 .action-box .btn-break .btn, .w-25 .action-box .btn-break .textlink, .w-33 .action-box .btn-break .btn, .w-33 .action-box .btn-break .textlink, .w-50 .action-box .btn-break .btn, .w-50 .action-box .btn-break .textlink {
        display: block
    }
    .w-25 .action-box .btn-break .textlink, .w-33 .action-box .btn-break .textlink, .w-50 .action-box .btn-break .textlink {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .w-25 .action-box .btn-break {
        display: inline-block;
        margin-right: 10px
    }
    .w-25 .action-box .btn-break .btn, .w-25 .action-box .btn-break .textlink {
        display: inline-block
    }
    .w-33 .action-box .btn-break {
        display: block
    }
    .w-33 .action-box .btn-break .btn, .w-33 .action-box .btn-break .textlink {
        display: block
    }
    .w-50 .action-box .btn-break {
        display: block
    }
    .w-50 .action-box .btn-break .btn, .w-50 .action-box .btn-break .textlink {
        display: inline-block
    }
}

@media only screen and (min-width: 1025px) {
    .action-box-col {
        margin-bottom: 20px !important
    }
    .w-25 .action-box .btn-break {
        display: block
    }
    .w-25 .action-box .btn-break .btn, .w-25 .action-box .btn-break .textlink {
        display: block
    }
    .w-33 .action-box .btn-break {
        display: block
    }
    .w-33 .action-box .btn-break .btn, .w-33 .action-box .btn-break .textlink {
        display: inline-block
    }
    .w-50 .action-box .btn-break {
        display: block
    }
    .w-50 .action-box .btn-break .btn, .w-50 .action-box .btn-break .textlink {
        display: inline-block
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .w-25.action-box-col {
        width: 100%;
        float: none;
        margin-bottom: 25px
    }
    .w-25.action-box-col:last-child {
        margin-bottom: 0
    }
    .w-25 .action-box {
        display: table
    }
    .w-25 .action-box .box-wrapper {
        display: table-row
    }
    .w-25 .action-box .box-wrapper .img-wrap {
        display: table-cell;
        vertical-align: top;
        width: 33.333%
    }
    .w-25 .action-box .box-wrapper .content-wrapper {
        display: table-cell;
        vertical-align: top;
        width: 66.667%;
        padding: 0 0 0 20px
    }
    .w-25 .action-box.no-image .content-wrapper {
        padding: 0 !important
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .action-box-col {
        margin-bottom: 35px
    }
    .enterprise .action-box-col:last-child {
        margin-bottom: 35px !important
    }
}

.enterprise .action-box .btn {
    color: #9c2aa0;
    font-size: 16px;
    line-height: 22px;
    background: #fff;
    border: 0px solid #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px
}

.enterprise .action-box .btn:hover {
    text-decoration: underline
}

.enterprise .professional-article .action-box .btn, .enterprise .professional-article .action-box .btn:hover {
    background: #9c2aa0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    margin: 0 6px 10px 0;
    padding: 8px 15px;
    text-align: center;
    line-height: 16px;
    border: 1px solid transparent
}

.enterprise .action-box {
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .action-box .box-wrapper .content-wrapper .txt-wrap p:last-child {
    margin-bottom: 0
}

.enterprise .action-box .box-wrapper .content-wrapper .ab-tooltip {
    margin: 0
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap {
    text-align: right;
    padding-top: 0px
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .btn, .enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .textlink {
    text-align: right
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .btn-break {
    margin-top: 20px;
    margin-bottom: 0px
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .first-break {
    display: block
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .second-break {
    display: none
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .text-break {
    display: block
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .btn {
    display: inline-block
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .textlink {
    color: #9c2aa0;
    font-size: 16px;
    line-height: 22px;
    padding-top: 0px
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .textlink svg {
    display: none
}

.enterprise .action-box .box-wrapper .content-wrapper .btn-wrap .download {
    text-align: left
}

.enterprise .action-box h3, .enterprise .action-box .h3 {
    margin-bottom: 10px
}

.enterprise .action-box h5, .enterprise .action-box .h5, .enterprise .action-box .blogposts .blogpost .date, .blogposts .blogpost .enterprise .action-box .date {
    color: #e60000;
    margin-bottom: 20px
}

.enterprise .action-box:after {
    position: absolute;
    background: #e60000;
    z-index: -1;
    content: "";
    right: 20px;
    bottom: -15px;
    left: 20px;
    top: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

@media only screen and (max-width: 599px) {
    .enterprise .action-box {
        display: table;
        padding: 20px 0
    }
    .enterprise .action-box .box-wrapper {
        display: table-row
    }
    .enterprise .action-box .box-wrapper .content-wrapper, .enterprise .action-box .box-wrapper .img-wrap {
        display: table-cell;
        vertical-align: top;
        width: 50%
    }
    .enterprise .action-box .box-wrapper .img-wrap {
        padding-right: 10px
    }
    .enterprise .action-box .box-wrapper .content-wrapper {
        padding: 0 20px 0 10px
    }
    .enterprise .action-box.no-image {
        margin: 15px 0 -20px
    }
    .enterprise .action-box.no-image:before {
        position: absolute;
        background: #e60000;
        z-index: -1;
        content: "";
        right: 20px;
        top: -15px;
        left: 20px;
        height: 15px;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
    }
}

@media only screen and (min-width: 600px) {
    .enterprise .action-box {
        margin-left: 20px
    }
    .enterprise .action-box:after {
        top: -30px;
        left: -20px;
        right: 40px;
        bottom: 130px
    }
    .enterprise .action-box .box-wrapper .content-wrapper {
        padding: 20px
    }
}

.enterprise .w-50 .action-box {
    margin-top: 30px !important;
    margin-bottom: 0px !important
}

@media only screen and (max-width: 599px) {
    .enterprise .w-33 .action-box {
        padding: 15px 0
    }
    .enterprise .w-33 .action-box .box-wrapper .img-wrap {
        width: 33.333%;
        padding: 0
    }
    .enterprise .w-33 .action-box .box-wrapper .content-wrapper {
        width: 66.667%;
        padding: 0 20px
    }
}

@media only screen and (min-width: 600px) {
    .enterprise .w-33 .action-box {
        margin-left: 0;
        margin-right: 10px
    }
    .enterprise .w-33 .action-box:after {
        display: none
    }
    .enterprise .w-33 .action-box .box-wrapper .content-wrapper {
        position: relative
    }
    .enterprise .w-33 .action-box .box-wrapper .content-wrapper:after {
        content: "";
        display: block;
        background-color: #e60000;
        position: absolute;
        bottom: -20px;
        left: 20px;
        width: calc(100% - 10px);
        height: calc(100% - 20px);
        z-index: -1;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .action-box-col {
        margin-bottom: 50px
    }
    .enterprise .professional-article .action-box-col:last-child {
        margin-bottom: 0
    }
}

.enterprise .professional-article .action-box {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin-top: 0 !important
}

.enterprise .professional-article .action-box:after {
    display: none
}

.enterprise .professional-article .action-box .box-wrapper .content-wrapper .btn-wrap {
    text-align: left
}

.enterprise .professional-article .action-box .box-wrapper .content-wrapper .btn-wrap .textlink {
    background: #9c2aa0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    margin: 0 6px 10px 0;
    padding: 13px 15px 12px;
    text-align: center;
    line-height: 1;
    border: 1px solid transparent
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .action-box {
        margin: 0 -20px !important
    }
    .enterprise .professional-article .action-box.no-image:before {
        display: none
    }
}

@media only screen and (min-width: 600px) {
    .enterprise .professional-article .action-box {
        margin-left: 0
    }
    .enterprise .professional-article .action-box .box-wrapper .content-wrapper {
        padding: 20px 0 0
    }
    .enterprise .professional-article .action-box.no-image .box-wrapper .content-wrapper {
        padding: 0
    }
}

@media only screen and (min-width: 600px) {
    .enterprise .professional-article .w-33 .action-box {
        margin-right: 0
    }
    .enterprise .professional-article .w-33 .action-box .box-wrapper .content-wrapper:after {
        display: none
    }
}

.enterprise .professional-article .w-25 .content-wrapper .txt-wrap>ul.bullet-list li {
    margin-left: 16px
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .professional-article .w-25.action-box-col {
        width: 100%;
        float: none;
        margin-bottom: 25px
    }
    .enterprise .professional-article .w-25.action-box-col:last-child {
        margin-bottom: 0
    }
    .enterprise .professional-article .w-25 .action-box {
        display: table
    }
    .enterprise .professional-article .w-25 .action-box .box-wrapper {
        display: table-row
    }
    .enterprise .professional-article .w-25 .action-box .box-wrapper .img-wrap {
        display: table-cell;
        vertical-align: top;
        width: 33.333%
    }
    .enterprise .professional-article .w-25 .action-box .box-wrapper .content-wrapper {
        display: table-cell;
        vertical-align: top;
        width: 66.667%;
        padding: 0 0 0 20px
    }
}

.blogposts {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.blogposts .blogpost {
    position: relative;
    float: left;
    width: 50%;
    overflow: hidden
}

.blogposts .blogpost.hidden {
    display: none
}

@media only screen and (max-width: 599px) {
    .blogposts .blogpost {
        width: 100%
    }
}

.blogposts .blogpost a {
    display: table;
    width: 100%;
    height: 100%
}

.blogposts .blogpost a:hover, .blogposts .blogpost a:active, .blogposts .blogpost a.nice-select.open {
    text-decoration: none
}

.blogposts .blogpost .date {
    margin-bottom: 10px
}

.blogposts .blogpost .content-wrap {
    width: 100%;
    display: table-row;
    padding-top: 20px;
    padding-bottom: 20px
}

.blogposts .blogpost .content-wrap .txt-wrap {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: table-cell;
    vertical-align: middle
}

.blogposts .blogpost .content-wrap .txt-wrap .copytext {
    width: 100%
}

.blogposts .blogpost .img-wrap img {
    height: 100%
}

.blogposts .blogpost.large a, .blogposts .blogpost.large a * {
    color: #fff
}

.blogposts .blogpost.large .txt-wrap {
    position: relative;
    z-index: 10
}

.blogposts .blogpost.large .img-wrap {
    position: absolute;
    top: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 9
}

.blogposts .blogpost.small .content-wrap {
    position: absolute;
    top: 0px;
    width: 50%;
    background: #fff
}

.blogposts .blogpost.small .content-wrap .txt-wrap .date {
    color: #e60000
}

.blogposts .blogpost.small .img-wrap {
    position: absolute;
    top: 0px;
    width: 50%;
    overflow: hidden;
    text-align: center
}

.blogposts .blogpost.small .img-wrap:after {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #fff;
    content: ' ';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate 45deg
}

.blogposts .blogpost.small.left .content-wrap {
    right: 0px
}

.blogposts .blogpost.small.left .img-wrap {
    left: 0px
}

.blogposts .blogpost.small.left .img-wrap:after {
    right: -12px
}

.blogposts .blogpost.small.right .content-wrap {
    left: 0px
}

.blogposts .blogpost.small.right .img-wrap {
    right: 0px
}

.blogposts .blogpost.small.right .img-wrap:after {
    left: -12px
}

div.show-more-blogposts {
    padding-top: 30px;
    text-align: center
}

@media only screen and (max-width: 599px) {
    div.show-more-blogposts {
        padding: 20px 20px 0
    }
}

.simple-promo-teaser {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden
}

@media only screen and (max-width: 599px) {
    .enterprise .simple-promo-teaser.size-lrg .img-wrap, .enterprise .simple-promo-teaser.size-mdm .img-wrap, .enterprise .simple-promo-teaser.size-sml .img-wrap, .enterprise .simple-promo-teaser.size-xsml .img-wrap {
        height: 160px
    }
}

.simple-promo-teaser .img-wrap img {
    float: right;
    overflow: hidden
}

.simple-promo-teaser .content-wrapper {
    position: relative;
    z-index: 3
}

.simple-promo-teaser .content-box {
    margin-bottom: 0;
    height: auto
}

.enterprise .simple-promo-teaser .content-box h2, .enterprise .simple-promo-teaser .content-box .h2, .enterprise .simple-promo-teaser .content-box h3, .enterprise .simple-promo-teaser .content-box .h3, .enterprise .simple-promo-teaser .content-box h4, .enterprise .simple-promo-teaser .content-box .h4, .enterprise .simple-promo-teaser .content-box h5, .enterprise .simple-promo-teaser .content-box .h5, .enterprise .simple-promo-teaser .content-box .blogposts .blogpost .date, .blogposts .blogpost .enterprise .simple-promo-teaser .content-box .date {
    color: #e60000 !important
}

.simple-promo-teaser .content-box .txt-wrap {
    margin: 0 20px 0px 20px;
    padding: 20px 0;
    position: relative
}

.simple-promo-teaser .content-box .txt-wrap p {
    margin: 0
}

.simple-promo-teaser .content-box .txt-wrap .h2, .simple-promo-teaser .content-box .txt-wrap .h3, .simple-promo-teaser .content-box .txt-wrap .h4, .simple-promo-teaser .content-box .txt-wrap .h5, .simple-promo-teaser .content-box .txt-wrap .blogposts .blogpost .date, .blogposts .blogpost .simple-promo-teaser .content-box .txt-wrap .date {
    margin-bottom: 10px
}

.simple-promo-teaser .content-box .txt-wrap .h2.red-txt, .simple-promo-teaser .content-box .txt-wrap .h3.red-txt, .simple-promo-teaser .content-box .txt-wrap .h4.red-txt, .simple-promo-teaser .content-box .txt-wrap .h5.red-txt, .simple-promo-teaser .content-box .txt-wrap .blogposts .blogpost .red-txt.date, .blogposts .blogpost .simple-promo-teaser .content-box .txt-wrap .red-txt.date {
    color: #e60000
}

.enterprise .simple-promo-teaser .content-box .txt-wrap .h2, .enterprise .simple-promo-teaser .content-box .txt-wrap .h3, .enterprise .simple-promo-teaser .content-box .txt-wrap .h4, .enterprise .simple-promo-teaser .content-box .txt-wrap .h5, .enterprise .simple-promo-teaser .content-box .txt-wrap .blogposts .blogpost .date, .blogposts .blogpost .enterprise .simple-promo-teaser .content-box .txt-wrap .date {
    margin-bottom: 20px
}

.simple-promo-teaser .content-box .btn-wrap {
    position: relative;
    margin: 0 20px 0px 20px;
    padding-bottom: 5px;
    position: relative
}

.simple-promo-teaser .content-box .btn-wrap .btn {
    margin: 0 10px 15px 0
}

.simple-promo-teaser .content-box .link-wrap {
    position: relative;
    margin: 0 20px
}

.simple-promo-teaser .content-box .link-wrap a {
    margin-bottom: 25px;
    display: inline-block;
    text-decoration: underline;
    font: 700 12.3076923077px "Vodafone", Arial, sans-serif
}

.simple-promo-teaser.size-xsml .content-box .txt-wrap ul.bullet-list {
    margin: 0
}

.simple-promo-teaser.size-xsml .content-box .txt-wrap ul.bullet-list li {
    margin-top: 0;
    margin-left: 16px;
    text-indent: -14px
}

.simple-promo-teaser.size-xsml .content-box .txt-wrap ul.bullet-list li:before {
    margin-right: 8px
}

.enterprise .simple-promo-teaser {
    border: 0;
    border-radius: 0;
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .simple-promo-teaser .abstract-box-default, .enterprise .simple-promo-teaser .content-box, .enterprise .simple-promo-teaser .red-box {
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .simple-promo-teaser .content-box {
    position: relative;
    display: block !important;
    height: 100%;
    background-color: #fff
}

.enterprise .simple-promo-teaser .red-box {
    position: absolute;
    top: -15px;
    left: 20px;
    display: block !important;
    height: 15px;
    width: calc(100% - 40px);
    background-color: #e60000
}

@media only screen and (max-width: 599px) {
    .simple-promo-teaser.switch .img-wrap {
        float: left
    }
    .simple-promo-teaser.switch .content-wrapper {
        clear: both
    }
    .enterprise .simple-promo-teaser.switch .img-wrap {
        float: none
    }
    .enterprise .simple-promo-teaser.switch .img-wrap img {
        float: left
    }
}

@media only screen and (min-width: 600px) {
    .simple-promo-teaser {
        padding: 20px
    }
    .simple-promo-teaser.size-xsml {
        height: 184px
    }
    .simple-promo-teaser.size-xsml .content-box {
        max-height: 144px
    }
    .simple-promo-teaser.size-sml {
        height: 282px
    }
    .simple-promo-teaser.size-sml .content-box {
        max-height: 242px
    }
    .simple-promo-teaser.size-mdm {
        height: 316px
    }
    .simple-promo-teaser.size-mdm .content-box {
        max-height: 276px
    }
    .simple-promo-teaser.size-lrg {
        height: 424px
    }
    .simple-promo-teaser.size-lrg .content-box {
        max-height: 384px
    }
    .simple-promo-teaser .img-wrap {
        position: absolute;
        top: 0;
        right: 0
    }
    .simple-promo-teaser .content-wrapper {
        width: 50%
    }
    .simple-promo-teaser .content-box {
        height: 100%
    }
    .simple-promo-teaser .content-box .txt-wrap.white-txt {
        color: #fff !important
    }
    .simple-promo-teaser .content-box .txt-wrap.white-txt .h2, .simple-promo-teaser .content-box .txt-wrap.white-txt .h3, .simple-promo-teaser .content-box .txt-wrap.white-txt .h4, .simple-promo-teaser .content-box .txt-wrap.white-txt .h5, .simple-promo-teaser .content-box .txt-wrap.white-txt .blogposts .blogpost .date, .blogposts .blogpost .simple-promo-teaser .content-box .txt-wrap.white-txt .date {
        color: #fff !important
    }
    .simple-promo-teaser .content-box.bg-light {
        background-color: rgba(255, 255, 255, 0.6)
    }
    .simple-promo-teaser .content-box.bg-dark {
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff
    }
    .simple-promo-teaser .content-box.bg-dark .h2, .simple-promo-teaser .content-box.bg-dark .h3, .simple-promo-teaser .content-box.bg-dark .h4, .simple-promo-teaser .content-box.bg-dark .h5, .simple-promo-teaser .content-box.bg-dark .blogposts .blogpost .date, .blogposts .blogpost .simple-promo-teaser .content-box.bg-dark .date {
        color: #fff !important
    }
    .simple-promo-teaser.switch .img-wrap {
        left: 0;
        right: auto
    }
    .simple-promo-teaser.switch .content-wrapper {
        float: right
    }
    .simple-promo-teaser.switch .red-box {
        left: -20px !important
    }
    .enterprise .simple-promo-teaser .red-box {
        top: 20px;
        height: calc(100% - 40px);
        left: 60px
    }
}

@media only screen and (min-width: 1025px) {
    .simple-promo-teaser .content-box {
        position: relative;
        height: auto
    }
    .simple-promo-teaser.size-xsml {
        height: 184px
    }
    .simple-promo-teaser.size-sml {
        height: 282px
    }
    .simple-promo-teaser.size-mdm {
        height: 316px
    }
    .simple-promo-teaser.size-lrg {
        height: 424px
    }
    .simple-promo-teaser.switch .img-wrap {
        left: 0;
        right: auto
    }
}

.a-bxslider {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    background: url(/simplicity/components/carousel/assets/bx_loader.gif) center center no-repeat;
    background-color: #efeeef;
    height: 300px
}

.a-bxslider>.h2, .a-bxslider>.h3, .a-bxslider>.h4, .a-bxslider>.h5, .blogposts .blogpost .a-bxslider>.date {
    padding-left: 10px
}

.a-bxslider .bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    padding: 0px 10px 0 10px
}

.a-bxslider .bx-wrapper img {
    max-width: 100%;
    display: block
}

.a-bxslider .bxslider {
    margin: 0;
    padding: 0
}

.a-bxslider ul.bxslider {
    list-style: none
}

.a-bxslider .bx-viewport {
    transform: translatez(0);
    padding: 10px 0 10px 0
}

.a-bxslider .bx-wrapper .bx-pager {
    text-align: center;
    height: 16px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px
}

.has-bg .a-bxslider .bx-wrapper .bx-pager {
    margin-bottom: 0px
}

.a-bxslider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.a-bxslider .bx-wrapper .bx-pager .bx-pager-item a {
    background: #d8d8d8;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    border-radius: 8px
}

.a-bxslider .bx-wrapper .bx-pager .bx-pager-item a.active, .a-bxslider .bx-wrapper .bx-pager .bx-pager-item a:hover, .a-bxslider .bx-wrapper .bx-pager .bx-pager-item a a:focus {
    background: #9b9b9b
}

.a-bxslider .bx-wrapper .bx-controls-direction .bx-prev, .a-bxslider .bx-wrapper .bx-controls-direction .bx-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 96px;
    margin-top: -48px;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity 0.3s;
    opacity: 1;
    cursor: pointer;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 7px 35px;
    border-radius: 3px
}

.a-bxslider .bx-wrapper .bx-controls-direction .bx-prev.disabled, .a-bxslider .bx-wrapper .bx-controls-direction .bx-next.disabled {
    display: none;
    display: block;
    opacity: 0;
    cursor: default
}

.a-bxslider .bx-wrapper .bx-controls-direction .bx-prev {
    left: -6px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.29);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-image: url(/simplicity/components/carousel/assets/arrow_consumer_left.png)
}

.a-bxslider .bx-wrapper .bx-controls-direction .bx-next {
    right: -6px;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.29);
    background-image: url(/simplicity/components/carousel/assets/arrow_consumer_right.png);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.a-bxslider .bx-wrapper .bx-loading {
    display: none
}

.a-bxslider .bx-wrapper .bx-controls-auto, .a-bxslider .bx-wrapper .bx-controls-auto * {
    display: none
}

.a-bxslider .bx-wrapper .bx-caption {
    display: none
}

.a-bxslider .bx-mobile-indicator {
    height: 0px
}

@media only screen and (max-width: 1024px) {
    .a-bxslider .bx-viewport {
        overflow: visible !important
    }
}

@media only screen and (max-width: 599px) {
    .a-bxslider .bx-mobile-indicator {
        position: relative;
        left: 10px;
        width: 100%;
        height: 6px;
        margin-top: 5px;
        margin-bottom: 15px
    }
    .a-bxslider .bx-mobile-indicator .bx-mobile-indicator-position {
        position: absolute;
        width: 100px;
        height: 6px;
        border-radius: 3px;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.3);
        transition-property: left;
        transition-duration: 0.2s;
        transition-delay: 0s;
        transition-timing-function: linear
    }
}

.a-bxslider.has-bg {
    padding-top: 20px;
    margin-bottom: 40px
}

.enterprise .a-bxslider.has-bg {
    padding-top: 0px;
    margin-bottom: 0px
}

.a-bxslider.has-bg:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -6px;
    right: -6px;
    bottom: -20px;
    background: #efeeef;
    z-index: -1
}

@media only screen and (max-width: 1024px) {
    .a-bxslider.has-bg:after {
        right: -300px
    }
}

.a-bxslider.loaded {
    background: none;
    height: auto
}

.a-bxslider .bxslider {
    opacity: 0
}

.a-bxslider.ready .bxslider {
    opacity: 1
}

.a-bxslider.ready .bxslider li {
    transition: margin-left 0.8s 0.4s ease
}

.a-bxslider .bxslider-item {
    background: white;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.enterprise .a-bxslider {
    background: url(/simplicity/components/carousel/assets/bx_loader_enterprise.gif) center 225px no-repeat;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 16px;
    padding-right: 16px
}

@media only screen and (max-width: 1024px) {
    .enterprise .a-bxslider {
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 0px;
        padding-right: 0px
    }
}

.enterprise .a-bxslider .bx-wrapper .bx-pager {
    display: none
}

.enterprise .a-bxslider .bx-wrapper .bx-controls-direction .bx-prev, .enterprise .a-bxslider .bx-wrapper .bx-controls-direction .bx-next {
    margin-top: -80px;
    width: 40px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    background-position: 10px 20px;
    background-repeat: no-repeat;
    border-radius: 0px;
    box-shadow: none
}

.enterprise .a-bxslider .bx-wrapper .bx-controls-direction .bx-prev {
    left: -8px;
    background-image: url(/simplicity/components/carousel/assets/arrow_enterprise_left.png)
}

.enterprise .a-bxslider .bx-wrapper .bx-controls-direction .bx-next {
    right: -8px;
    background-image: url(/simplicity/components/carousel/assets/arrow_enterprise_right.png)
}

.enterprise .a-bxslider .has-bg {
    padding-top: 0px;
    margin-bottom: 0px
}

.enterprise .a-bxslider:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    bottom: -30px;
    right: 10px;
    background: #e60000;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    z-index: -1
}

@media only screen and (max-width: 1024px) {
    .enterprise .a-bxslider:after {
        left: 0px;
        right: 0px
    }
}

.enterprise .a-bxslider .bxslider-item {
    background-color: #fff;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    border: none;
    border-radius: 0px
}

@media only screen and (max-width: 599px) {
    .a-bxslider.mod-carousel-module-large .bx-controls {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .a-bxslider.mod-carousel-module-large .bx-controls-direction {
        display: none
    }
}

.a-bxslider.mod-carousel-module-large .bxslider-item .img-wrap {
    margin-bottom: 20px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper {
    margin: 0px 20px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper p, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper h2, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .h2, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper h3, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .h3, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper h4, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .h4, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper h5, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .h5, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .blogposts .blogpost .date, .blogposts .blogpost .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .date {
    margin-bottom: 10px;
    padding-top: 0px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper h5, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .h5, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .blogposts .blogpost .date, .blogposts .blogpost .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .date {
    margin-bottom: 10px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .txt-wrap {
    margin-bottom: 20px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap {
    padding-bottom: 20px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .btn, .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink {
    display: block;
    margin-right: 0;
    margin-bottom: 0px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .btn:after {
    content: "\A";
    white-space: pre
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink {
    color: #333;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 8px 15px 4px 0px;
    text-indent: -4px;
    line-height: 16px;
    border: 1px solid transparent
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink svg {
    position: relative;
    top: -2px;
    left: 0px
}

.a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink:hover {
    text-decoration: underline
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .txt-wrap *:last-child {
    margin-bottom: 0px
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn {
    width: auto !important
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap {
    text-align: right;
    right: 0px
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .btn-wrap, .enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink {
    display: block
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .btn, .enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink {
    color: #9c2aa0;
    background: transparent;
    color: #9c2aa0;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    text-align: right
}

.enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .btn svg, .enterprise .a-bxslider.mod-carousel-module-large .bxslider-item .content-wrapper .btn-wrap .textlink svg {
    display: none
}

@media only screen and (max-width: 599px) {
    .a-bxslider.mod-handy-slider .bx-controls .bx-pager, .a-bxslider.mod-handy-slider .bx-controls .bx-controls-direction {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .a-bxslider.mod-handy-slider .bx-controls-direction {
        display: none
    }
}

.a-bxslider.mod-handy-slider .a-bxslider-headline {
    margin-bottom: 10px
}

.a-bxslider.mod-handy-slider.has-bg .a-bxslider-headline {
    padding-top: 10px
}

.a-bxslider.mod-handy-slider .bxslider-item {
    padding: 10px;
    z-index: 2
}

.a-bxslider.mod-handy-slider .bxslider-item a, .a-bxslider.mod-handy-slider .bxslider-item a:hover {
    text-decoration: none
}

.a-bxslider.mod-handy-slider .bxslider-item .badge {
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 0px 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    text-align: center
}

@media only screen and (max-width: 599px) {
    .a-bxslider.mod-handy-slider .bxslider-item .badge {
        left: -5px
    }
}

.a-bxslider.mod-handy-slider .bxslider-item .badge:before {
    position: absolute;
    top: 20px;
    left: 0px;
    content: '';
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent
}

@media only screen and (max-width: 599px) {
    .a-bxslider.mod-handy-slider .bxslider-item .badge:before {
        border-left: 5px solid transparent
    }
}

.a-bxslider.mod-handy-slider .bxslider-item .badge.badge_red {
    background: #e60000
}

.a-bxslider.mod-handy-slider .bxslider-item .badge.badge_red:before {
    border-top: 5px solid #830000
}

.a-bxslider.mod-handy-slider .bxslider-item .badge.badge_blue {
    background: #transparent
}

.a-bxslider.mod-handy-slider .bxslider-item .badge.badge_blue:before {
    border-top: 5px solid #003842
}

.a-bxslider.mod-handy-slider .bxslider-item .img-wrap {
    margin-bottom: 10px
}

.a-bxslider.mod-handy-slider .bxslider-item .img-wrap img {
    width: 100%
}

.a-bxslider.mod-handy-slider .bxslider-item .headline {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 5px
}

.a-bxslider.mod-handy-slider .bxslider-item .short_text {
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.a-bxslider.mod-handy-slider .bxslider-item .price {
    font-size: 22px;
    line-height: 24px;
    text-align: center
}

.a-bxslider.mod-handy-slider.hide-price .short_text, .a-bxslider.mod-handy-slider.hide-price .price {
    display: none
}

.a-bxslider.mod-handy-slider .bxslider-additional-cta a.btn {
    margin-bottom: 0px
}

@media only screen and (max-width: 599px) {
    .a-bxslider.mod-handy-slider .bxslider-additional-cta {
        padding: 0px 10px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .a-bxslider.mod-handy-slider .bxslider-additional-cta {
        padding: 0px 10px
    }
}

@media only screen and (min-width: 1025px) {
    .a-bxslider.mod-handy-slider .bxslider-additional-cta {
        padding: 0px 10px
    }
}

.enterprise .a-bxslider.mod-handy-slider:after {
    bottom: -15px
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-controls-direction .bx-prev {
    left: -6px
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-controls-direction .bx-next {
    right: -6px
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-controls-direction .bx-prev, .enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-controls-direction .bx-next {
    margin-top: 25px
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager {
    height: 10px;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block
}

@media only screen and (max-width: 1024px) {
    .enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager {
        display: none
    }
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager .bx-pager-item a {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);
    background: #000;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager .bx-pager-item a.active, .enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager .bx-pager-item a:hover, .enterprise .a-bxslider.mod-handy-slider .bx-wrapper .bx-pager .bx-pager-item a a:focus {
    background: #fff
}

.enterprise .a-bxslider.mod-handy-slider .a-bxslider-headline {
    display: none
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item {
    padding: 20px 20px 15px 20px;
    text-decoration: none
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .badge {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: #e60000;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .badge:before {
    display: none
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item a, .enterprise .a-bxslider.mod-handy-slider .bxslider-item a:hover {
    text-decoration: none
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .img-wrap {
    margin-bottom: 10px
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .img-wrap img {
    width: 100%
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .headline {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 5px
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .short_text {
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.enterprise .a-bxslider.mod-handy-slider .bxslider-item .price {
    font-size: 22px;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .enterprise .a-bxslider.mod-handy-slider .bxslider-item .price {
        font-size: 18px;
        line-height: 20px
    }
}

.mod-carousel-three {
    margin-bottom: 0px;
    position: relative;
    padding: 0px
}

.mod-carousel-three .bxslider {
    opacity: 1
}

.mod-carousel-three .bxslider .slide {
    margin-bottom: 20px
}

.mod-carousel-three.active .grid {
    margin-left: 0px
}

.mod-carousel-three.active .grid .col {
    padding: 0px
}

.mod-carousel-three .bx-wrapper .bx-prev {
    left: -16px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_left.png) no-repeat;
    background-position: 7px 35px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-three .bx-wrapper .bx-next {
    right: -16px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_right.png) no-repeat;
    background-position: 7px 35px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-three .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -78px;
    outline: 0;
    width: 35px;
    height: 96px;
    text-indent: -9999px;
    z-index: 99;
    background-color: white
}

.mod-carousel-three .bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

@media only screen and (max-width: 1024px) {
    .mod-carousel-three .bx-wrapper .bx-controls-direction a {
        display: none
    }
}

.mod-carousel-three .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    padding-bottom: 20px
}

.mod-carousel-three .bx-wrapper .bx-pager .bx-pager-item, .mod-carousel-three .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d2d2d2;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0px 5px 5px 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a:hover, .mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #919191
}

.mod-carousel-three.callya-promo-slider .slide-wrap {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head {
    padding: 0 20px;
    border-top: 1px solid #d2d2d2;
    background-color: #f4f4f4
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h2, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h2 {
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: bold;
    color: #e60000
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h3, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h3 {
    padding: 10px 0;
    margin-bottom: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h4, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h4 {
    padding: 0 0 10px;
    margin-bottom: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h2 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h2 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head h3 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h3 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head h4 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h4 p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content {
    padding: 0 20px 20px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .imgBox {
    margin: 0 -20px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .imgBox img {
    max-width: 100%
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .device-top-features {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li {
    margin-left: 26px;
    text-indent: -26px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li:before, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li:before {
    margin-left: 3px;
    margin-right: 16px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li p, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list {
    margin: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list li {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list li p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .grid {
    margin-bottom: 15px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .col {
    float: left
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-66 {
    width: 66.6667%
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-33 {
    width: 33.3333%;
    text-align: right;
    font-weight: bold
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-33.green {
    color: #427d00
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #cccccc
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box ul.icon-list {
    border: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box ul.icon-list li {
    margin: 5px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox {
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #cccccc;
    text-align: right
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox p {
    margin: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox .price {
    font-size: 32px;
    font-weight: bold;
    line-height: 36px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox .strike {
    font-size: 18px;
    line-height: 22px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .btn {
    width: 100%
}

.mod-carousel-three.callya-promo-slider .bx-wrapper .bx-pager {
    padding-top: 10px
}

.mod-carousel-three.nsf-product-tile .bgLayer {
    position: absolute;
    top: -10px;
    left: -816px;
    width: 2560px;
    height: 390px;
    z-index: -1
}

@media only screen and (max-width: 599px) {
    .mod-carousel-three.nsf-product-tile .bgLayer {
        left: -1110px
    }
}

.mod-carousel-three.nsf-product-tile .slide-wrap {
    margin-top: 30px
}

.mod-carousel-three.nsf-product-tile .bx-wrapper .bx-pager {
    padding-top: 10px
}

.image-text {
    margin-bottom: 5px;
    position: relative
}

.image-text .btn {
    margin: 0 0 15px 0;
    float: left;
    clear: both
}

.image-text h2, .image-text .h2, .image-text h3, .image-text .h3, .image-text h4, .image-text .h4, .image-text h5, .image-text .h5, .image-text .blogposts .blogpost .date, .blogposts .blogpost .image-text .date, .image-text p {
    margin-bottom: 10px !important
}

.image-text h2, .image-text .h2, .image-text .h2a {
    font-size: 30px;
    line-height: 34px
}

@media only screen and (max-width: 599px) {
    .image-text h2, .image-text .h2, .image-text .h2a {
        font-size: 22px;
        line-height: 25px
    }
}

.image-text .img-wrap {
    margin-bottom: 20px
}

.image-text .img-wrap img {
    width: 100%
}

.image-text .content-wrap {
    background-color: #fff
}

.image-text .btn-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 10px
}

.image-text .textlink {
    background-image: url(img/icon/arrow-right-b-xxsml.png);
    background-repeat: no-repeat;
    padding-left: 17px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    line-height: 22px
}

.image-text-two-in-a-row .mock-col-w-50 {
    float: left;
    width: 50%
}

@media only screen and (max-width: 599px) {
    .image-text-two-in-a-row .mock-col-w-50 {
        float: none;
        width: 100%;
        padding: 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .image-text-two-in-a-row .mock-col-w-50 {
        padding: 0 0 0 16px
    }
}

@media only screen and (min-width: 1025px) {
    .image-text-two-in-a-row .mock-col-w-50 {
        padding: 0 0 0 32px
    }
}

.enterprise .image-text .img-wrap img {
    width: calc(100% - 40px);
    margin-left: 20px
}

.enterprise .image-text .textlink {
    font-size: 16px;
    color: #9c2aa0;
    background-image: none;
    padding-left: 0
}

.enterprise .image-text .textlink:visited {
    color: #9c2aa0
}

.enterprise .image-text {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    margin-top: 20px;
    z-index: 1
}

@media only screen and (max-width: 599px) {
    .enterprise .image-text {
        padding: 0 0 20px
    }
}

.enterprise .image-text .img-wrap {
    margin-top: -20px;
    z-index: 1000;
    z-index: 2;
    position: relative
}

.enterprise .image-text .content-wrap {
    z-index: 1;
    position: relative
}

.enterprise .red-box-mobile {
    background-color: #e60000;
    width: calc(100% - 40px);
    height: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    margin-left: 20px;
    margin-top: -30px;
    z-index: -1;
    margin-bottom: 15px
}

.enterprise .red-box-dektop {
    background-color: #e60000;
    width: calc(100% - 36px);
    height: calc(100% - 80px);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 16px;
    bottom: 0px;
    z-index: -2
}

@media only screen and (min-width: 600px) {
    .ts-switch2 .img-wrap {
        float: right
    }
    .image-text .content-wrap {
        float: left
    }
    .image-text .btn {
        display: block;
        width: auto
    }
    .enterprise .image-text .img-wrap img {
        width: 100%;
        margin-left: 20px
    }
    .enterprise .image-text .content-wrap {
        margin-left: -20px
    }
    .enterprise .ts-switch2 .red-box-dektop {
        left: 32px;
        width: calc(100% - 32px)
    }
    .enterprise .ts-switch2 .content-wrap {
        left: 36px
    }
    .enterprise .ts-switch2 .img-wrap {
        margin-left: -16px
    }
    .enterprise .ts-switch2 .img-wrap img {
        margin-left: -20px
    }
    .enterprise .image-text .img-wrap {
        width: 49%
    }
    .enterprise .image-text .content-wrap {
        width: calc(51% + 20px)
    }
}

@media only screen and (min-width: 1025px) {
    .image-text .btn {
        display: inline-block !important;
        margin-right: 10px
    }
    .enterprise .red-box-dektop {
        left: 32px;
        width: calc(100% - 52px)
    }
    .enterprise .ts-switch2 .red-box-dektop {
        left: 52px;
        width: calc(100% - 52px)
    }
    .enterprise .ts-switch2 .content-wrap {
        left: 52px
    }
    .enterprise .ts-switch2 .img-wrap {
        margin-left: -32px;
        margin-right: 0px !important
    }
    .enterprise .ts-switch2 .img-wrap img {
        margin-left: -20px
    }
    .enterprise .image-text .img-wrap {
        width: 39% !important
    }
    .enterprise .image-text .content-wrap {
        width: calc(61% + 20px) !important
    }
}

.enterprise .professional-article .red-box-dektop, .enterprise .professional-article .red-box-mobile {
    display: none
}

.enterprise .professional-article .image-text {
    box-shadow: none
}

.enterprise .professional-article .image-text .img-wrap img {
    box-shadow: none;
    margin-left: 0
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .image-text .img-wrap img {
        width: 100%
    }
}

.enterprise .professional-article .image-text .content-wrap {
    box-shadow: none
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .image-text .content-wrap {
        padding: 0 !important
    }
}

.tabs {
    margin-bottom: 20px
}

.tabs .tabs-justify {
    margin: 0 -10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 1px 6px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 6px 0px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 6px 0px rgba(50, 50, 50, 0.6)
}

.tabs .tabs-justify>li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.tabs .tabs-justify>li>a {
    display: inline-block;
    padding: 15px 18px;
    font-size: 16px;
    line-height: 22px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    color: #333;
    position: relative;
    text-decoration: none
}

@media only screen and (max-width: 599px) {
    .tabs .tabs-justify>li>a {
        padding: 8px 3px
    }
}

.tabs .tabs-justify>li.active {
    border-bottom: 2px solid #e60000
}

.tabs .tabs-justify>li.active>a {
    color: #e60000
}

.tabs .tab-content {
    padding: 20px 0
}

.tabs .tab-content:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.enterprise .abstract-red-box, .enterprise .tabs>.red-box {
    position: absolute;
    background-color: #e60000;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    z-index: -1
}

.enterprise .tabs {
    position: relative;
    margin-bottom: 35px;
    background-color: #fff;
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .tabs:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 35px;
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    top: 40px;
    left: 0px
}

.enterprise .tabs .tabs-justify {
    margin: 0;
    overflow-y: visible;
    height: 115px;
    padding: 20px 0;
    position: relative;
    z-index: 1;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .tabs .tabs-justify>li {
    background-color: #000;
    border: 0
}

.enterprise .tabs .tabs-justify>li>a {
    color: #fff;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    padding: 0 20px;
    border: 0;
    line-height: 19px;
    box-shadow: none;
    -mox-box-shadow: none;
    -webkit-box-shadow: none;
    vertical-align: middle
}

.enterprise .tabs .tabs-justify>li.active>a {
    background-color: #e60000;
    margin: -10px 10px;
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    height: 75px;
    padding: 0 10px
}

.enterprise .tabs .tabs-justify>li.active>a>div {
    height: 77px;
    display: table-cell;
    vertical-align: middle
}

.enterprise .tabs .tab-content {
    padding: 0 20px 20px 20px
}

.enterprise .tabs>.red-box {
    left: 20px;
    width: calc(100% - 40px);
    height: 15px
}

.enterprise .professional-article .tabs {
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.enterprise .professional-article .tabs:before {
    display: none
}

.enterprise .professional-article .tabs .tabs-justify {
    height: 55px;
    margin: 0 -20px;
    padding: 0
}

.enterprise .professional-article .tabs .tabs-justify>li {
    background-color: #f4f4f4;
    border-bottom: 2px solid transparent;
    height: 55px
}

.enterprise .professional-article .tabs .tabs-justify>li>a {
    color: #333;
    height: auto;
    padding: 0 10px
}

.enterprise .professional-article .tabs .tabs-justify>li.active {
    border-bottom: 2px solid #e60000
}

.enterprise .professional-article .tabs .tabs-justify>li.active>a {
    color: #e60000;
    background-color: transparent;
    margin: 0;
    box-shadow: none;
    -mox-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .professional-article .tabs .tabs-justify>li.active>a>div {
    display: block;
    height: auto;
    width: auto
}

.enterprise .professional-article .tabs .tab-content {
    padding: 20px 0
}

.enterprise .professional-article .tabs .red-box {
    display: none
}

@media only screen and (min-width: 600px) {
    .tabs {
        overflow: hidden;
        padding-top: 5px
    }
    .tabs .tabs-justify {
        margin: 0;
        position: relative;
        width: 100%;
        display: table;
        table-layout: fixed;
        white-space: normal
    }
    .tabs .tabs-justify>li {
        width: 1%
    }
    .tabs .tabs-justify>li>a {
        line-height: 19px;
        padding: 15px 20px
    }
    .enterprise .tabs {
        margin: 0 20px 60px;
        overflow: visible;
        border-top: 0;
        padding-top: 0
    }
    .enterprise .tabs:before {
        left: 30px;
        width: calc(100% - 60px)
    }
    .enterprise .tabs .tabs-justify {
        height: 55px;
        padding: 20px 20px 0 20px;
        box-shadow: none;
        -mox-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: #fff
    }
    .enterprise .tabs .tabs-justify>li>a {
        font-size: 14px;
        line-height: 17px
    }
    .enterprise .tabs .tabs-justify .tab-content {
        padding: 50px 20px 20px 20px
    }
    .enterprise .tabs .tabs-justify .tab-content>.red-box {
        background-color: #e60000;
        width: calc(100% + 40px);
        height: calc(100% + 40px);
        position: absolute;
        z-index: -1;
        top: 0;
        left: -20px;
        -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
    }
    .enterprise .tabs .tab-content {
        padding: 50px 20px 20px 20px
    }
    .enterprise .tabs>.red-box {
        width: calc(100% + 40px);
        height: calc(100% - 40px);
        left: -20px;
        top: 80px
    }
    .enterprise .professional-article .tabs {
        box-shadow: none;
        -mox-box-shadow: none;
        -webkit-box-shadow: none
    }
    .enterprise .professional-article .tabs .tabs-justify {
        padding: 0;
        margin: 0
    }
    .enterprise .professional-article .tabs .tabs-justify>li>a {
        display: block;
        height: auto;
        margin: 0
    }
    .enterprise .professional-article .tabs .tab-content {
        padding: 40px 0 0
    }
}

@media only screen and (min-width: 1025px) {
    .tabs .tabs-justify>li>a {
        font-size: 18px;
        line-height: 20px
    }
    .enterprise .tabs .tabs-justify>li>a {
        font-size: 16px;
        line-height: 19px
    }
}

.divide {
    position: relative;
    clear: both;
    width: 100%
}

.debug .divide {
    background-color: blue
}

.divide div {
    position: absolute;
    background-color: #ccc;
    height: 1px;
    left: 0px;
    top: 1px;
    right: 0px
}

.debug .divide div {
    background-color: red
}

.grid>.divide div {
    left: 32px
}

.divide.divide_hidden {
    opacity: 0
}

.divide.no_divide {
    display: none
}

.divide.divide_sml {
    height: 21px
}

.divide.divide_sml div {
    top: 0px
}

.divide.divide_mdm {
    height: 41px
}

.divide.divide_mdm div {
    top: 10px
}

.divide.divide_lrg {
    height: 61px
}

.divide.divide_lrg div {
    top: 20px
}

.enterprise .divide.divide_lrg, .enterprise .divide.divide_mdm {
    height: 41px
}

.enterprise .divide.divide_lrg div, .enterprise .divide.divide_mdm div {
    top: 10px
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .divide.divide_lrg, .enterprise .divide.divide_mdm {
        height: 61px
    }
    .enterprise .divide.divide_lrg div, .enterprise .divide.divide_mdm div {
        top: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .divide.divide_lrg, .enterprise .divide.divide_mdm {
        height: 101px
    }
    .enterprise .divide.divide_lrg div, .enterprise .divide.divide_mdm div {
        top: 40px
    }
}

.enterprise .divide.divide_sml {
    height: 11px
}

.enterprise .divide.divide_sml div {
    top: -5px
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .divide.divide_sml {
        height: 21px
    }
    .enterprise .divide.divide_sml div {
        top: 0px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .divide.divide_sml {
        height: 41px
    }
    .enterprise .divide.divide_sml div {
        top: 10px
    }
}

.info-docs {
    margin-bottom: 30px
}

.info-docs h4, .info-docs .h4 {
    margin-bottom: 10px
}

.info-docs:last-child {
    margin-bottom: 0
}

.info-docs .h4 {
    margin-bottom: 10px
}

.info-docs-categories {
    margin-top: 20px
}

.info-docs-categories .info-docs-category {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: table;
    width: 100%
}

.info-docs-categories .info-docs-category:first-of-type {
    border-top: 1px solid #ccc
}

.info-docs-categories .info-docs-category .info-docs-category-icon, .info-docs-categories .info-docs-category .info-docs-elements {
    display: table-cell;
    vertical-align: middle
}

.info-docs-categories .info-docs-category .info-docs-category-icon {
    position: relative;
    width: 1%;
    padding: 0 14px;
    margin-right: 10px;
    background-color: #f4f4f4
}

.info-docs-categories .info-docs-category .info-docs-category-icon:after {
    position: absolute;
    top: 50%;
    right: -8px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-color: #f4f4f4;
    content: ' ';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate 45deg
}

.enterprise .info-docs-categories .info-docs-category .info-docs-category-icon:after {
    content: none
}

.info-docs-categories .info-docs-category .info-docs-elements {
    padding: 15px 20px 15px 30px
}

.info-docs-categories .info-docs-category .info-docs-elements .info-docs-element-title {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold
}

.info-docs-categories .info-docs-category .info-docs-elements>ul li {
    margin-top: 10px
}

.info-docs-categories .info-docs-category .info-docs-elements>ul li:first-of-type {
    margin-top: 0
}

.enterprise .info-docs-categories .info-docs-category {
    border-left: 0;
    border-right: 0
}

.enterprise .info-docs-categories .info-docs-category .info-docs-category-icon {
    padding: 24px;
    background-color: transparent
}

.enterprise .info-docs-categories .info-docs-category .info-docs-elements {
    padding: 15px 0 15px 8px
}

@media only screen and (min-width: 600px) {
    .info-docs-categories .info-docs-category .info-docs-category-icon {
        padding: 0 16px
    }
    .enterprise .info-docs {
        padding: 0
    }
    .enterprise .info-docs-categories {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1025px) {
    .info-docs-categories .info-docs-category .info-docs-category-icon {
        padding: 0 24px
    }
}

.text-only {
    width: 80%
}

@media only screen and (max-width: 1024px) {
    .text-only {
        width: 100%
    }
}

.text-only .cta-container {
    margin-top: 20px;
    text-align: right
}

.text-only .cta-container .btn {
    margin-bottom: 0
}

.text-only .cta-container.cta-left-align {
    text-align: left !important
}

.text-only ol a, .text-only ul a {
    text-decoration: underline
}

.enterprise .text-only {
    width: 100%
}

.enterprise .text-only .standard img {
    width: 100%
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .text-only .standard img {
        width: 60%
    }
}

.enterprise .text-only .image-left {
    float: left;
    width: calc(50% - 16px);
    margin-right: 16px
}

.enterprise .text-only .image-left img {
    width: 100%
}

@media only screen and (max-width: 599px) {
    .enterprise .text-only .image-left {
        float: none;
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .text-only .image-left {
        float: none;
        width: 60%;
        margin-right: 0
    }
}

.enterprise .text-only .image-top img {
    width: 100%
}

.enterprise .text-only .image-bottom {
    margin-top: 20px;
    margin-bottom: 0px !important
}

.enterprise .text-only .image-bottom img {
    width: 100%;
    margin-bottom: 0px !important
}

.enterprise .text-only h2, .enterprise .text-only .h2, .enterprise .text-only .h2a {
    margin-bottom: 20px
}

.enterprise .text-only h4, .enterprise .text-only .h4 {
    margin-bottom: 40px
}

@media only screen and (max-width: 599px) {
    .enterprise .text-only h2, .enterprise .text-only .h2, .enterprise .text-only .h2a, .enterprise .text-only h4, .enterprise .text-only .h4 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .text-only h2, .enterprise .text-only .h2, .enterprise .text-only .h2a, .enterprise .text-only h4, .enterprise .text-only .h4 {
        margin-bottom: 20px
    }
}

.enterprise .text-only .text-only-content.standard, .enterprise .text-only .text-only-content.image-top, .enterprise .text-only .text-only-content.image-bottom {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px
}

@media only screen and (max-width: 599px) {
    .enterprise .text-only .text-only-content.standard, .enterprise .text-only .text-only-content.image-top, .enterprise .text-only .text-only-content.image-bottom {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .text-only .text-only-content.standard, .enterprise .text-only .text-only-content.image-top, .enterprise .text-only .text-only-content.image-bottom {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.enterprise .text-only .text-only-content.image-left {
    float: left;
    width: calc(50% - 16px);
    margin-left: 16px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin-right: 0
}

@media only screen and (max-width: 599px) {
    .enterprise .text-only .text-only-content.image-left {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .text-only .text-only-content.image-left {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .text-only .two-cols img {
        width: 100%
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .text-only .two-cols img {
        width: 60%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .text-only .two-cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px
    }
    .enterprise .text-only .two-cols img {
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .text-only .two-cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px
    }
    .enterprise .text-only .two-cols img {
        width: 100%
    }
}

.enterprise .text-only img {
    margin-bottom: 5px;
    margin-bottom: 20px
}

.enterprise .text-only a {
    text-decoration: none
}

.footnotes {
    margin-bottom: 40px
}

.footnotes .accordion {
    margin: 0 -10px
}

.footnotes .accordion .tg-accord {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.footnotes .accordion .tg-accord .tg-item {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0
}

.footnotes .accordion .tg-accord .tg-item .tg-head .footnotes-opened-text {
    display: none
}

@media only screen and (max-width: 599px) {
    .footnotes .accordion .tg-accord .tg-item .tg-head {
        padding: 15px 40px 15px 10px
    }
}

.footnotes .accordion .tg-accord .tg-item .tg-body {
    background: transparent;
    padding: 15px 10px 5px
}

.footnotes .accordion .tg-accord .tg-item .tg-body.tg-display {
    background-color: transparent
}

.footnotes .accordion .tg-accord .tg-item .tg-body .tg-board {
    border: 0;
    padding: 0
}

.footnotes .accordion .tg-accord .tg-item .tg-body .tg-board ol.numbered-list {
    margin: 0
}

.footnotes .accordion ol li {
    counter-increment: step-counter;
    text-indent: -11px;
    margin-top: 20px;
    margin-left: 11px;
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px
}

.footnotes .accordion ol li:before {
    content: counter(step-counter);
    margin-right: 5px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold
}

.footnotes .accordion ol li:first-of-type {
    margin-top: 0
}

.enterprise .footnotes {
    margin-bottom: -20px;
    position: relative;
    top: 40px
}

.enterprise .footnotes .accordion {
    background-color: #fff;
    padding: 10px 0 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .footnotes .accordion:after {
    display: none
}

.enterprise .footnotes .accordion .tg-accord {
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .footnotes .accordion .tg-accord .tg-head {
    padding: 20px;
    color: #333;
    background-color: transparent;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .footnotes .accordion .tg-accord .tg-head .tg-show, .enterprise .footnotes .accordion .tg-accord .tg-head .tg-hide {
    right: 20px;
    color: #333;
    fill: #333
}

.enterprise .footnotes .accordion .tg-accord .tg-body {
    padding: 0 20px 0 25px
}

@media only screen and (min-width: 600px) {
    .footnotes .accordion {
        margin: 0
    }
    .footnotes .accordion .tg-accord .tg-item {
        border-radius: 3px
    }
    .footnotes .accordion .tg-accord .tg-item .tg-body {
        padding: 20px
    }
    .enterprise .footnotes {
        margin: 0 10%;
        padding: 40px 0 0;
        background-color: #f4f4f4
    }
    .enterprise .footnotes .accordion {
        margin: 0;
        padding: 0;
        background-color: #fff
    }
    .enterprise .footnotes .accordion .tg-accord {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .enterprise .footnotes .accordion .tg-accord .tg-item {
        border-radius: 0
    }
    .enterprise .footnotes .accordion .tg-accord .tg-item .tg-head {
        padding: 15px 40px;
        font-size: 18px;
        line-height: 22px
    }
    .enterprise .footnotes .accordion .tg-accord .tg-item .tg-head .tg-show, .enterprise .footnotes .accordion .tg-accord .tg-item .tg-head .tg-hide {
        right: 40px;
        margin-right: 0
    }
    .enterprise .footnotes .accordion .tg-accord .tg-item .tg-body {
        padding: 15px 40px 20px 45px !important
    }
    .enterprise .footnotes .accordion .tg-accord .tg-item .tg-body.tg-display {
        margin-bottom: 0
    }
}

.store-buttons {
    margin: 0 0 20px;
    width: 100%;
    display: inline-block;
    min-width: 140px
}

.store-buttons .sb, .store-buttons .sb-google-play, .store-buttons .sb-app-store, .store-buttons .sb-ms, .store-buttons .sb-blackberry, .store-buttons .sb-web-login {
    height: 40px;
    margin-bottom: 10px
}

.store-buttons .sb-google-play {
    background: url(/simplicity/assets/img/store-badges/google-play-en@1x.png) no-repeat;
    background-size: auto 40px
}

.store-buttons .sb-app-store {
    background: url(/simplicity/assets/img/store-badges/app-store-en.svg) no-repeat;
    background-size: auto 40px
}

.store-buttons .sb-ms {
    background: url(/simplicity/assets/img/store-badges/ms-en.svg) no-repeat;
    background-size: auto 40px
}

.store-buttons .sb-blackberry {
    background: url(/simplicity/assets/img/store-badges/black-berry-en@1x.png) no-repeat;
    background-size: auto 40px
}

@media only screen and (min-width: 600px) {
    .store-buttons .sb-web-login.displayblock {
        display: inline-block !important
    }
}

.overview {
    margin-bottom: 20px;
    padding: 0 20px 0px 20px;
    color: #fff;
    display: inline-block;
    position: relative
}

.overview h2, .overview .h2 {
    color: #e60000;
    margin-bottom: 10px
}

.overview h5, .overview .h5, .overview .blogposts .blogpost .date, .blogposts .blogpost .overview .date {
    margin-bottom: 3px
}

.overview .content-wrap {
    margin-bottom: 30px;
    position: relative
}

.overview .content-wrap .h1 {
    margin-bottom: 20px;
    margin-left: 0px;
    color: #fff
}

.overview .content-wrap .share {
    position: relative;
    height: 48px
}

.overview .content-wrap .share h4, .overview .content-wrap .share .h4 {
    display: inline;
    margin-left: 7px
}

.overview .content-wrap .share .share-button {
    background-color: #000;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: larger;
    font-weight: bold;
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    cursor: pointer;
    padding-top: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25)
}

.overview .content-wrap .share .share-button .h4 {
    color: #fff
}

.overview .content-wrap .share .share-button .i-xsml {
    margin-top: -2px;
    margin-left: 1px
}

.overview .content-wrap .share .share-icon-container {
    width: 144px;
    height: 48px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: calc(50% - 72px);
    opacity: 0
}

.overview .content-wrap .share .b-social {
    position: relative;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.overview .content-wrap .share .z1 {
    z-index: 1
}

.overview .content-wrap .share .z2 {
    z-index: 2
}

.overview .content-wrap .share .z3 {
    z-index: 3
}

.overview .quote {
    background-color: #e60000;
    text-align: center;
    padding-top: 28px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webki-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.overview .quote .quote-content {
    margin: 0 40px 40px 40px
}

.overview .quote .quote-content .icon {
    width: 32px;
    height: 32px;
    margin-bottom: 27px;
    margin-left: calc(50% - 16px)
}

.overview .quote .quote-button {
    background-color: rgba(153, 0, 0, 0.55);
    margin-bottom: 0px;
    padding: 15px 20px 15px 20px;
    color: #fff !important
}

.overview .quote .quote-button h3, .overview .quote .quote-button .h3 {
    margin-bottom: 0px !important;
    color: #fff !important
}

.overview .quote .quote-button p {
    margin-top: 2px;
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 18px
}

.overview .library {
    position: relative
}

.overview .library .redbox {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%
}

.overview .library .redbox .whitebox {
    background-color: #fff;
    text-align: left;
    color: #000;
    padding-top: 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 2
}

.overview .library .redbox .whitebox .library-content {
    margin: 0px 20px 15px 20px
}

.overview .library .redbox .whitebox .library-content span.h2, .overview .library .redbox .whitebox .library-content span.h5, .overview .library .redbox .whitebox .library-content .blogposts .blogpost span.date, .blogposts .blogpost .overview .library .redbox .whitebox .library-content span.date {
    display: block
}

.overview .library .redbox .whitebox .library-content .library-text {
    color: #000
}

.overview .library .redbox .whitebox .library-button {
    padding: 16px 20px 17px;
    background-color: rgba(204, 204, 204, 0.45);
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative
}

.overview .library .redbox .whitebox .library-button h5, .overview .library .redbox .whitebox .library-button .h5, .overview .library .redbox .whitebox .library-button .blogposts .blogpost .date, .blogposts .blogpost .overview .library .redbox .whitebox .library-button .date {
    display: inline
}

.overview .library .redbox::after {
    background-color: #e60000;
    width: calc(100% - 40px);
    margin-left: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    z-index: 1;
    position: relative
}

@media only screen and (min-width: 600px) {
    .overview {
        margin-bottom: 10px;
        padding: 0 0 0 5%;
        width: 90%;
        margin-left: 10%;
        background-color: initial
    }
    .overview .force-full-width {
        width: 80% !important
    }
    .overview .content-wrap {
        float: left;
        width: 50%
    }
    .overview .content-wrap p {
        margin-bottom: 30px
    }
    .overview .content-wrap .share {
        max-width: 198px
    }
    .overview .quote, .overview .library {
        width: 45%;
        float: right
    }
    .overview .library .redbox {
        padding-right: 8px;
        margin-bottom: 20px
    }
    .overview .library .redbox::after {
        position: absolute;
        height: calc(100% - 80px);
        top: 100px;
        width: calc(100% - 20px);
        left: 20px;
        margin-left: 0px
    }
}

@media only screen and (min-width: 1025px) {
    .overview {
        margin-bottom: 15px;
        width: 90%;
        margin-left: 10%
    }
    .overview .content-wrap {
        float: left;
        width: 424px
    }
    .overview .quote, .overview .library {
        width: 288px;
        float: right
    }
    .overview .library .redbox {
        padding-right: 8px
    }
    .overview .library .redbox::after {
        height: calc(100% - 90px);
        top: 110px
    }
}

.professional-article {
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.professional-article:after {
    content: "";
    display: block;
    clear: both
}

@media only screen and (min-width: 600px) {
    .professional-article {
        padding: 50px 10%
    }
    .professional-article .btn-break .btn {
        float: right;
        margin: 0 0 10px 6px
    }
}

.claviature {
    margin-bottom: 20px !important;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    margin: 0 -10px;
    position: relative;
    overflow: hidden
}

.claviature .claviature-tabs {
    margin-bottom: 4px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.claviature .claviature-tabs li {
    display: inline-block;
    padding: 0 10px
}

.claviature .claviature-tabs li.active {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold
}

.claviature .claviature-images img, .claviature .claviature-items img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block
}

.claviature .claviature-images>li .claviature-image-container .claviature-image-v1, .claviature .claviature-images>div .claviature-image-container .claviature-image-v1, .claviature .claviature-items>li .claviature-image-container .claviature-image-v1, .claviature .claviature-items>div .claviature-image-container .claviature-image-v1 {
    display: none;
    border-top: 1px solid #ccc
}

.claviature .claviature-images>li .claviature-image-container .claviature-image-v2, .claviature .claviature-images>div .claviature-image-container .claviature-image-v2, .claviature .claviature-items>li .claviature-image-container .claviature-image-v2, .claviature .claviature-items>div .claviature-image-container .claviature-image-v2 {
    display: block;
    border-top: 1px solid #ccc
}

.claviature .claviature-images>li .claviature-text-container, .claviature .claviature-images>div .claviature-text-container, .claviature .claviature-items>li .claviature-text-container, .claviature .claviature-items>div .claviature-text-container {
    position: absolute;
    width: 100%;
    height: 240px
}

@media only screen and (max-width: 599px) {
    .claviature .claviature-images>li .claviature-text-container, .claviature .claviature-images>div .claviature-text-container, .claviature .claviature-items>li .claviature-text-container, .claviature .claviature-items>div .claviature-text-container {
        top: 37% !important
    }
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content, .claviature .claviature-images>div .claviature-text-container .claviature-text-content, .claviature .claviature-items>li .claviature-text-container .claviature-text-content, .claviature .claviature-items>div .claviature-text-container .claviature-text-content {
    position: absolute;
    bottom: 0;
    padding: 20px 10px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content h2, .claviature .claviature-images>li .claviature-text-container .claviature-text-content .h2, .claviature .claviature-images>div .claviature-text-container .claviature-text-content h2, .claviature .claviature-images>div .claviature-text-container .claviature-text-content .h2, .claviature .claviature-items>li .claviature-text-container .claviature-text-content h2, .claviature .claviature-items>li .claviature-text-container .claviature-text-content .h2, .claviature .claviature-items>div .claviature-text-container .claviature-text-content h2, .claviature .claviature-items>div .claviature-text-container .claviature-text-content .h2 {
    color: #e60000;
    margin-bottom: 10px
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content p:last-of-type, .claviature .claviature-images>div .claviature-text-container .claviature-text-content p:last-of-type, .claviature .claviature-items>li .claviature-text-container .claviature-text-content p:last-of-type, .claviature .claviature-items>div .claviature-text-container .claviature-text-content p:last-of-type {
    margin-bottom: 0
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-cta {
    margin-top: 20px
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-cta .btn, .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-cta .btn, .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-cta .btn, .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-cta .btn {
    margin-bottom: 0
}

.claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-link, .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-link, .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-link, .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-link {
    margin-top: 20px
}

@media only screen and (max-width: 599px) {
    .claviature .claviature-images>li.bg_white .claviature-text-container, .claviature .claviature-images>div.bg_white .claviature-text-container, .claviature .claviature-items>li.bg_white .claviature-text-container, .claviature .claviature-items>div.bg_white .claviature-text-container {
        background-color: rgba(255, 255, 255, 0.6)
    }
    .claviature .claviature-images>li.bg_white_gradient .claviature-text-container, .claviature .claviature-images>div.bg_white_gradient .claviature-text-container, .claviature .claviature-items>li.bg_white_gradient .claviature-text-container, .claviature .claviature-items>div.bg_white_gradient .claviature-text-container {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
    }
}

.claviature .claviature-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 50
}

.claviature .claviature-dots>a {
    background-color: #d2d2d2;
    text-indent: -9999px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 5px 5px 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.claviature .claviature-dots>a.active {
    background-color: #919191
}

.claviature .bx-wrapper {
    margin-bottom: 0
}

.claviature .bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: 240px;
    margin-top: 0;
    width: 40px;
    height: 60px;
    color: transparent;
    background-repeat: no-repeat
}

.claviature .bx-wrapper .bx-controls-direction a.bx-prev, .claviature .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: center center;
    background-color: #fff;
    background-size: 25px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.claviature .bx-wrapper .bx-controls-direction a.bx-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-lrg.i-mdm.i-sml_1_' fill='rgba(151,151,151,0.999)' %3E%3Cpath class='st0' d='M25.819,48.02L67.756,6.082c1.435-1.435,3.782-1.435,5.217,0v0c1.435,1.435,1.435,3.782,0,5.217 L31.036,53.237c-1.435,1.435-3.782,1.435-5.217,0l0,0C24.384,51.803,24.384,49.455,25.819,48.02z'/%3E%3Cpath class='st0' d='M30.958,47.943l43.147,40.693c1.476,1.392,1.545,3.739,0.153,5.215h0c-1.392,1.476-3.739,1.545-5.215,0.153 L25.895,53.311c-1.476-1.392-1.545-3.739-0.153-5.215l0,0C27.135,46.62,29.482,46.551,30.958,47.943z'/%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
    left: 0;
    border-radius: 0 3px 3px 0
}

@media only screen and (max-width: 599px) {
    .claviature .bx-wrapper .bx-controls-direction a.bx-prev {
        margin-bottom: 20px
    }
}

.claviature .bx-wrapper .bx-controls-direction a.bx-prev.disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-lrg.i-mdm.i-sml_1_' fill='rgba(151,151,151,0.4)' %3E%3Cpath class='st0' d='M25.819,48.02L67.756,6.082c1.435-1.435,3.782-1.435,5.217,0v0c1.435,1.435,1.435,3.782,0,5.217 L31.036,53.237c-1.435,1.435-3.782,1.435-5.217,0l0,0C24.384,51.803,24.384,49.455,25.819,48.02z'/%3E%3Cpath class='st0' d='M30.958,47.943l43.147,40.693c1.476,1.392,1.545,3.739,0.153,5.215h0c-1.392,1.476-3.739,1.545-5.215,0.153 L25.895,53.311c-1.476-1.392-1.545-3.739-0.153-5.215l0,0C27.135,46.62,29.482,46.551,30.958,47.943z'/%3E%3C/g%3E%3C/svg%3E");
    cursor: default
}

.claviature .bx-wrapper .bx-controls-direction a.bx-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-lrg.i-mdm.i-sml_1_' fill='rgba(151,151,151,0.999)' %3E%3Cpath class='st0' d='M74.181,51.99L32.244,93.929c-1.435,1.435-3.782,1.435-5.217,0l0,0c-1.435-1.435-1.435-3.782,0-5.217 l41.938-41.938c1.435-1.435,3.782-1.435,5.217,0l0,0C75.616,48.208,75.616,50.556,74.181,51.99z'/%3E%3Cpath class='st0' d='M69.042,52.067L25.895,11.374c-1.476-1.392-1.545-3.739-0.153-5.215l0,0 c1.392-1.476,3.739-1.545,5.215-0.153L74.105,46.7c1.476,1.392,1.545,3.739,0.153,5.215v0 C72.865,53.391,70.518,53.459,69.042,52.067z'/%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
    right: 0;
    border-radius: 3px 0 0 3px
}

@media only screen and (max-width: 599px) {
    .claviature .bx-wrapper .bx-controls-direction a.bx-next {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 600px) {
    .claviature .bx-wrapper .bx-controls-direction a.bx-next {
        top: 0px
    }
}

.claviature .bx-wrapper .bx-controls-direction a.bx-next.disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg id='i-lrg.i-mdm.i-sml_1_' fill='rgba(151,151,151,0.4)' %3E%3Cpath class='st0' d='M74.181,51.99L32.244,93.929c-1.435,1.435-3.782,1.435-5.217,0l0,0c-1.435-1.435-1.435-3.782,0-5.217 l41.938-41.938c1.435-1.435,3.782-1.435,5.217,0l0,0C75.616,48.208,75.616,50.556,74.181,51.99z'/%3E%3Cpath class='st0' d='M69.042,52.067L25.895,11.374c-1.476-1.392-1.545-3.739-0.153-5.215l0,0 c1.392-1.476,3.739-1.545,5.215-0.153L74.105,46.7c1.476,1.392,1.545,3.739,0.153,5.215v0 C72.865,53.391,70.518,53.459,69.042,52.067z'/%3E%3C/g%3E%3C/svg%3E");
    cursor: default
}

.enterprise .claviature {
    max-height: none;
    margin: 0;
    overflow: visible;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .claviature:before {
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    background-color: #e60000;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

@media only screen and (max-width: 1024px) {
    .enterprise .claviature .mod-claviature-tabs-wrapper {
        position: absolute;
        left: 0;
        z-index: 2;
        overflow: hidden;
        height: 114px
    }
    .enterprise .claviature .mod-claviature-tabs-scroller {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        height: 114px
    }
}

.enterprise .claviature .claviature-tabs {
    display: block;
    margin: 0;
    white-space: normal;
    overflow-x: auto;
    padding: 10px 0;
    height: auto;
    width: 9000px
}

@media only screen and (min-width: 1025px) {
    .enterprise .claviature .claviature-tabs {
        position: absolute
    }
}

.enterprise .claviature .claviature-tabs li {
    vertical-align: middle;
    color: #fff;
    background: red;
    background: -webkit-linear-gradient(-50deg, #222, #000);
    background: -o-linear-gradient(-50deg, #222, #000);
    background: -moz-linear-gradient(-50deg, #222, #000);
    background: linear-gradient(-50deg, #222, #000);
    height: 94px;
    padding: 0 25px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    float: left
}

.enterprise .claviature .claviature-tabs li>div {
    width: 100%;
    height: 94px;
    display: table
}

.enterprise .claviature .claviature-tabs li>div>div {
    display: table-cell;
    vertical-align: middle
}

.enterprise .claviature .claviature-tabs li.active {
    text-decoration: none;
    margin: -10px 0;
    padding: 0;
    position: relative;
    z-index: 2
}

.enterprise .claviature .claviature-tabs li.active>div {
    background-color: #e60000;
    padding: 0 25px;
    width: calc(100% + 1px);
    height: 114px
}

.enterprise .claviature .claviature-tabs li.active>div {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 25px 0 35px
}

.enterprise .claviature .claviature-tabs li:first-of-type.active>div {
    width: calc(100% + 10px);
    margin-left: 0;
    padding: 0 25px
}

.enterprise .claviature .claviature-tabs li:last-of-type.active>div {
    width: calc(100% + 10px);
    padding: 0 25px 0 35px
}

@media only screen and (min-width: 1025px) {
    .enterprise .claviature .claviature-tabs:after {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 1px);
        height: 94px;
        box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        bottom: 10px;
        left: 0px;
        z-index: -1
    }
}

.enterprise .claviature .claviature-images>li, .enterprise .claviature .claviature-images>div, .enterprise .claviature .claviature-items>li, .enterprise .claviature .claviature-items>div {
    display: none;
    max-height: none
}

.enterprise .claviature .claviature-images>li.active, .enterprise .claviature .claviature-images>div.active, .enterprise .claviature .claviature-items>li.active, .enterprise .claviature .claviature-items>div.active {
    display: block
}

.enterprise .claviature .claviature-images>li .claviature-image-container, .enterprise .claviature .claviature-images>div .claviature-image-container, .enterprise .claviature .claviature-items>li .claviature-image-container, .enterprise .claviature .claviature-items>div .claviature-image-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 91px
}

.enterprise .claviature .claviature-images>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-image-v1 {
    display: none;
    border: 0
}

.enterprise .claviature .claviature-images>li .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-image-v2 {
    display: block;
    border: 0
}

.enterprise .claviature .claviature-images>li .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-play-video-button {
    display: block;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px)
}

.enterprise .claviature .claviature-images>li .claviature-image-container .claviature-play-video-button svg, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-play-video-button svg, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-play-video-button svg, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-play-video-button svg {
    fill: #000;
    color: #fff
}

.enterprise .claviature .claviature-images>li .claviature-text-container, .enterprise .claviature .claviature-images>div .claviature-text-container, .enterprise .claviature .claviature-items>li .claviature-text-container, .enterprise .claviature .claviature-items>div .claviature-text-container {
    position: relative;
    background-color: #fff;
    padding: 40px 20px;
    height: auto
}

.enterprise .claviature .claviature-images>li .claviature-text-container:before, .enterprise .claviature .claviature-images>div .claviature-text-container:before, .enterprise .claviature .claviature-items>li .claviature-text-container:before, .enterprise .claviature .claviature-items>div .claviature-text-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 35px;
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    top: -35px;
    left: 0px
}

.enterprise .claviature .claviature-images>li .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-images>div .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-items>li .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-items>div .claviature-text-container .claviature-text-content {
    position: relative;
    padding: 0;
    border: 0
}

.enterprise .claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-cta, .enterprise .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-cta, .enterprise .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-cta, .enterprise .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-cta {
    margin-top: 20px
}

.enterprise .claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-link, .enterprise .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-link, .enterprise .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-link, .enterprise .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-link {
    margin-top: 20px
}

.enterprise .claviature .claviature-dots {
    display: none !important
}

@media only screen and (min-width: 600px) {
    .claviature {
        max-height: 500px;
        margin: 0;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
    }
    .claviature .claviature-tabs {
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: table;
        table-layout: fixed;
        height: 72px;
        margin-bottom: 0;
        white-space: normal
    }
    .claviature .claviature-tabs li {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        background-color: rgba(255, 255, 255, 0.7);
        border-left: 1px solid #ccc;
        cursor: pointer;
        position: relative;
        height: 72px
    }
    .claviature .claviature-tabs li:first-child {
        border-left: 0
    }
    .claviature .claviature-tabs li:after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background-color: transparent;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .claviature .claviature-tabs li:hover {
        color: #990000
    }
    .claviature .claviature-tabs li:hover:after {
        background-color: #990000
    }
    .claviature .claviature-tabs li.active {
        font-family: "Vodafone", Arial, sans-serif;
        font-weight: normal;
        color: #e60000
    }
    .claviature .claviature-tabs li.active:after {
        background-color: #e60000
    }
    .claviature .claviature-images, .claviature .claviature-items {
        position: relative;
        max-height: none
    }
    .claviature .claviature-images:after, .claviature .claviature-items:after {
        content: "";
        display: block;
        padding-top: 54%
    }
    .claviature .claviature-images>li, .claviature .claviature-images>div, .claviature .claviature-items>li, .claviature .claviature-items>div {
        position: absolute;
        z-index: -1;
        width: 100%;
        opacity: 0
    }
    .claviature .claviature-images>li.active, .claviature .claviature-images>div.active, .claviature .claviature-items>li.active, .claviature .claviature-items>div.active {
        opacity: 1;
        z-index: 1;
        top: 0;
        left: 0
    }
    .claviature .claviature-images>li .claviature-image-container .claviature-image-v1, .claviature .claviature-images>div .claviature-image-container .claviature-image-v1, .claviature .claviature-items>li .claviature-image-container .claviature-image-v1, .claviature .claviature-items>div .claviature-image-container .claviature-image-v1 {
        display: block;
        margin-left: -1px;
        margin-top: -1px;
        border: 0
    }
    .claviature .claviature-images>li .claviature-image-container .claviature-image-v2, .claviature .claviature-images>div .claviature-image-container .claviature-image-v2, .claviature .claviature-items>li .claviature-image-container .claviature-image-v2, .claviature .claviature-items>div .claviature-image-container .claviature-image-v2 {
        display: none;
        border: 0
    }
    .claviature .claviature-images>li .claviature-text-container, .claviature .claviature-images>div .claviature-text-container, .claviature .claviature-items>li .claviature-text-container, .claviature .claviature-items>div .claviature-text-container {
        position: absolute;
        width: 50%;
        height: auto;
        background-color: transparent;
        padding: 0
    }
    .claviature .claviature-images>li .claviature-text-container.left, .claviature .claviature-images>div .claviature-text-container.left, .claviature .claviature-items>li .claviature-text-container.left, .claviature .claviature-items>div .claviature-text-container.left {
        left: 0px;
        padding-left: 30px;
        padding-right: 30px
    }
    .claviature .claviature-images>li .claviature-text-container.right, .claviature .claviature-images>div .claviature-text-container.right, .claviature .claviature-items>li .claviature-text-container.right, .claviature .claviature-items>div .claviature-text-container.right {
        right: 0px;
        padding-left: 30px;
        padding-right: 30px
    }
    .claviature .claviature-images>li .claviature-text-container.top, .claviature .claviature-images>div .claviature-text-container.top, .claviature .claviature-items>li .claviature-text-container.top, .claviature .claviature-items>div .claviature-text-container.top {
        top: 30px
    }
    .claviature .claviature-images>li .claviature-text-container.middle, .claviature .claviature-images>div .claviature-text-container.middle, .claviature .claviature-items>li .claviature-text-container.middle, .claviature .claviature-items>div .claviature-text-container.middle {
        margin-top: -50px;
        top: 50%;
        transform: translate(0%, -50%)
    }
    .claviature .claviature-images>li .claviature-text-container.bottom, .claviature .claviature-images>div .claviature-text-container.bottom, .claviature .claviature-items>li .claviature-text-container.bottom, .claviature .claviature-items>div .claviature-text-container.bottom {
        bottom: 130px
    }
    .claviature .claviature-images>li .claviature-text-container .claviature-text-content, .claviature .claviature-images>div .claviature-text-container .claviature-text-content, .claviature .claviature-items>li .claviature-text-container .claviature-text-content, .claviature .claviature-items>div .claviature-text-container .claviature-text-content {
        position: relative;
        padding: 0;
        border: 0
    }
    .claviature .claviature-images>li .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-images>div .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-items>li .claviature-text-container .claviature-text-content .claviature-cta, .claviature .claviature-items>div .claviature-text-container .claviature-text-content .claviature-cta {
        margin-top: 20px
    }
    .claviature .bx-wrapper {
        position: absolute;
        z-index: 2;
        bottom: 0;
        height: 72px !important;
        margin: 0 60px
    }
    .claviature .bx-wrapper .bx-viewport {
        height: 72px !important
    }
    .claviature .bx-wrapper .bx-viewport .claviature-tabs li {
        display: table
    }
    .claviature .bx-wrapper .bx-viewport .claviature-tabs li:first-child {
        border-left: 1px solid #ccc
    }
    .claviature .bx-wrapper .bx-viewport .claviature-tabs li>div {
        display: table-cell;
        vertical-align: middle
    }
    .claviature .bx-wrapper .bx-controls-direction a {
        top: 0px;
        width: 61px;
        height: 72px;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 3
    }
    .claviature .bx-wrapper .bx-controls-direction a.bx-prev, .claviature .bx-wrapper .bx-controls-direction a.bx-next {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        background-position: center center
    }
    .claviature .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -60px;
        border-right: 1px solid #ccc;
        border-radius: 0 0 0 3px
    }
    .claviature .bx-wrapper .bx-controls-direction a.bx-next {
        right: -60px;
        border-left: 1px solid #ccc;
        border-radius: 0 0 3px 0
    }
    .enterprise .claviature {
        height: auto;
        margin: 0 -8px;
        border-radius: 0
    }
    .enterprise .claviature .claviature-tabs {
        bottom: inherit
    }
    .enterprise .claviature .claviature-tabs li {
        text-align: left;
        border-left: 0
    }
    .enterprise .claviature .claviature-tabs li.active {
        color: #fff;
        border-color: transparent;
        font-family: "Vodafone", Arial, sans-serif;
        font-weight: bold
    }
    .enterprise .claviature .claviature-tabs li:hover {
        color: #fff
    }
    .enterprise .claviature .claviature-tabs li:hover:after {
        display: none
    }
    .enterprise .claviature .claviature-images, .enterprise .claviature .claviature-items {
        min-height: none;
        max-height: none
    }
    .enterprise .claviature .claviature-images:after, .enterprise .claviature .claviature-items:after {
        display: none;
        padding-top: 0
    }
    .enterprise .claviature .claviature-images>li, .enterprise .claviature .claviature-images>div, .enterprise .claviature .claviature-items>li, .enterprise .claviature .claviature-items>div {
        position: relative
    }
    .enterprise .claviature .claviature-images>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-image-v1 {
        margin: 0
    }
    .enterprise .claviature .claviature-images>li .claviature-text-container, .enterprise .claviature .claviature-images>div .claviature-text-container, .enterprise .claviature .claviature-items>li .claviature-text-container, .enterprise .claviature .claviature-items>div .claviature-text-container {
        position: relative;
        width: 100%;
        background-color: #fff;
        margin: 0;
        padding: 40px 50px;
        transform: none
    }
    .enterprise .claviature .bx-wrapper {
        border: 0
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs li {
        border-left: 0
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a {
        border: 0
    }
}

@media only screen and (min-width: 1025px) {
    .claviature .claviature-tabs {
        height: 100px
    }
    .claviature .claviature-tabs li {
        height: 100px
    }
    .claviature .bx-wrapper {
        height: 100px !important
    }
    .claviature .bx-wrapper .bx-viewport {
        height: 100px !important
    }
    .claviature .bx-wrapper .bx-controls-direction a {
        height: 100px
    }
    .enterprise .claviature {
        height: 600px;
        padding: 0 20px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0
    }
    .enterprise .claviature:before {
        position: absolute;
        left: 0;
        top: 40px;
        height: 310px
    }
    .enterprise .claviature .claviature-tabs {
        width: 608px;
        z-index: 4;
        overflow: visible;
        left: 160px;
        bottom: 72px !important;
        top: inherit !important
    }
    .enterprise .claviature .claviature-tabs li.active>div {
        padding: 0 35px;
        width: calc(100% + 20px);
        margin-left: -10px
    }
    .enterprise .claviature .claviature-tabs li:first-of-type.active>div {
        padding: 0 35px;
        width: calc(100% + 20px);
        margin-left: -10px
    }
    .enterprise .claviature .claviature-tabs li:last-of-type.active>div {
        width: calc(100% + 20px);
        padding: 0 35px;
        margin-left: -10px
    }
    .enterprise .claviature .claviature-images>li, .enterprise .claviature .claviature-images>div, .enterprise .claviature .claviature-items>li, .enterprise .claviature .claviature-items>div {
        position: relative;
        display: block
    }
    .enterprise .claviature .claviature-images>li .claviature-image-container, .enterprise .claviature .claviature-images>div .claviature-image-container, .enterprise .claviature .claviature-items>li .claviature-image-container, .enterprise .claviature .claviature-items>div .claviature-image-container {
        width: 508px;
        height: 488px;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 2;
        overflow: hidden;
        box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
        opacity: 0;
        margin: 0
    }
    .enterprise .claviature .claviature-images>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-image-v1, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-image-v1 {
        display: block
    }
    .enterprise .claviature .claviature-images>li .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-image-v2, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-image-v2 {
        display: none
    }
    .enterprise .claviature .claviature-images>li .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-images>div .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-items>li .claviature-image-container .claviature-play-video-button, .enterprise .claviature .claviature-items>div .claviature-image-container .claviature-play-video-button {
        top: 182px
    }
    .enterprise .claviature .claviature-images>li .claviature-text-container, .enterprise .claviature .claviature-images>div .claviature-text-container, .enterprise .claviature .claviature-items>li .claviature-text-container, .enterprise .claviature .claviature-items>div .claviature-text-container {
        position: absolute;
        width: 668px;
        height: 600px;
        top: 0;
        left: 220px;
        z-index: 1;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        display: table;
        padding: 90px 28px 206px 320px;
        opacity: 0
    }
    .enterprise .claviature .claviature-images>li .claviature-text-container:before, .enterprise .claviature .claviature-images>div .claviature-text-container:before, .enterprise .claviature .claviature-items>li .claviature-text-container:before, .enterprise .claviature .claviature-items>div .claviature-text-container:before {
        display: none
    }
    .enterprise .claviature .claviature-images>li .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-images>div .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-items>li .claviature-text-container .claviature-text-content, .enterprise .claviature .claviature-items>div .claviature-text-container .claviature-text-content {
        display: table-cell;
        vertical-align: middle
    }
    .enterprise .claviature .claviature-images>li.active .claviature-image-container, .enterprise .claviature .claviature-images>li.active .claviature-text-container, .enterprise .claviature .claviature-images>div.active .claviature-image-container, .enterprise .claviature .claviature-images>div.active .claviature-text-container, .enterprise .claviature .claviature-items>li.active .claviature-image-container, .enterprise .claviature .claviature-items>li.active .claviature-text-container, .enterprise .claviature .claviature-items>div.active .claviature-image-container, .enterprise .claviature .claviature-items>div.active .claviature-text-container {
        opacity: 1
    }
    .enterprise .claviature .claviature-images>li.active .claviature-image-container, .enterprise .claviature .claviature-images>div.active .claviature-image-container, .enterprise .claviature .claviature-items>li.active .claviature-image-container, .enterprise .claviature .claviature-items>div.active .claviature-image-container {
        z-index: 3
    }
    .enterprise .claviature .bx-wrapper {
        z-index: 4;
        height: 114px !important;
        margin: 0 150px;
        left: 10px;
        width: 608px;
        bottom: 72px
    }
    .enterprise .claviature .bx-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 35px;
        box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
        bottom: 10px;
        left: 0px;
        z-index: -1
    }
    .enterprise .claviature .bx-wrapper .bx-viewport {
        height: 114px !important;
        padding: 10px 0
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs {
        padding: 0;
        overflow: visible;
        left: 0;
        top: 0 !important
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs:after {
        display: none
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs li {
        min-width: 0 !important
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs li.active {
        height: 114px
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs li.active:after {
        display: none
    }
    .enterprise .claviature .bx-wrapper .bx-viewport .claviature-tabs li.active>div {
        display: table;
        top: 0
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a {
        width: 60px;
        height: 60px;
        top: 10px;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
        border-radius: 0
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a.bx-prev {
        background-image: url(vodafone/img/svgdefs.svg#i-arrow-left-sml-white);
        background-size: 18px
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a.bx-prev.disabled {
        display: block;
        background-image: url(vodafone/img/svgdefs.svg#i-arrow-left-sml-grey);
        opacity: 1
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a.bx-next {
        border-left: 0;
        background-image: url(vodafone/img/svgdefs.svg#i-arrow-right-sml-white);
        background-size: 18px
    }
    .enterprise .claviature .bx-wrapper .bx-controls-direction a.bx-next.disabled {
        display: block;
        background-image: url(vodafone/img/svgdefs.svg#i-arrow-right-sml-grey);
        opacity: 1
    }
}

.di-content.claviature-video-overlay {
    background-color: rgba(0, 0, 0, 0.75)
}

.di-content.claviature-video-overlay .di-inner {
    background-color: transparent;
    max-width: 888px
}

.di-content.claviature-video-overlay .di-inner .youtube img, .di-content.claviature-video-overlay .di-inner .youtube .youtube-play {
    opacity: 0
}

.di-content.claviature-video-overlay .di-close {
    background-color: #000;
    padding: 7px;
    border-color: #000
}

.di-content.claviature-video-overlay .di-close svg, .di-content.claviature-video-overlay .di-close i {
    color: #fff;
    fill: #fff
}

.claviature.callya-claviature .claviature-tabs {
    height: 55px;
    margin: 2px 0 4px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.claviature.callya-claviature .claviature-tabs li {
    position: relative;
    border-left: 1px solid #ccc;
    height: 55px
}

.claviature.callya-claviature .claviature-tabs li:first-child {
    border-left: 0
}

.claviature.callya-claviature .claviature-tabs li img {
    position: absolute;
    top: 11px;
    left: 10px
}

.claviature.callya-claviature .claviature-tabs li>div {
    display: table;
    height: 55px
}

.claviature.callya-claviature .claviature-tabs li>div>div {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    padding-left: 42px;
    white-space: normal
}

.claviature.callya-claviature .claviature-tabs li:after {
    content: "";
    display: block;
    width: calc(100% + 3px);
    height: 4px;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0
}

.claviature.callya-claviature .claviature-tabs li:hover {
    color: #990000
}

.claviature.callya-claviature .claviature-tabs li:hover:after {
    background-color: #990000
}

.claviature.callya-claviature .claviature-tabs li.active {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: normal;
    color: #e60000
}

.claviature.callya-claviature .claviature-tabs li.active:after {
    background-color: #e60000
}

.claviature.callya-claviature .claviature-images li {
    background-color: #f4f4f4;
    padding-top: 30px
}

.claviature.callya-claviature .claviature-images li li {
    position: relative;
    opacity: 1;
    z-index: 0;
    padding-top: 0
}

.claviature.callya-claviature .claviature-dots {
    display: none
}

.claviature.callya-claviature .image-text .content-wrap {
    background-color: transparent
}

.claviature.callya-claviature ul.bullet-list, .claviature.callya-claviature ul.ulContent {
    margin: 0 0 15px
}

.claviature.callya-claviature ul.bullet-list li, .claviature.callya-claviature ul.ulContent li {
    margin-left: 26px;
    text-indent: -26px
}

.claviature.callya-claviature ul.bullet-list li:before, .claviature.callya-claviature ul.ulContent li:before {
    margin-left: 3px;
    margin-right: 16px
}

.claviature.callya-claviature ul.bullet-list li p, .claviature.callya-claviature ul.ulContent li p {
    display: inline
}

.claviature.callya-claviature ul.icon-list {
    margin: 15px 0
}

.claviature.callya-claviature .price {
    font-size: 26px;
    line-height: 31px;
    font-weight: bold
}

.claviature.callya-claviature .runtime {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .claviature.callya-claviature {
        max-height: none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 -8px
    }
    .claviature.callya-claviature .claviature-tabs {
        position: relative;
        height: 70px
    }
    .claviature.callya-claviature .claviature-tabs li {
        height: 70px;
        text-align: left
    }
    .claviature.callya-claviature .claviature-tabs li img {
        top: 16px
    }
    .claviature.callya-claviature .claviature-tabs li>div>div {
        width: auto
    }
    .claviature.callya-claviature .claviature-tabs li:after {
        width: 100%
    }
    .claviature.callya-claviature .claviature-images:after {
        display: none
    }
    .claviature.callya-claviature .claviature-images>li {
        position: static;
        display: none
    }
    .claviature.callya-claviature .claviature-images>li.active {
        display: block
    }
    .claviature.callya-claviature .claviature-dots {
        display: block;
        position: static;
        padding-top: 10px
    }
    .claviature.callya-claviature .bx-wrapper {
        position: relative;
        height: 70px !important;
        margin: 2px 0 0;
        padding: 0 60px;
        box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
        -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
    }
    .claviature.callya-claviature .bx-wrapper .claviature-tabs {
        margin: 0;
        box-shadow: none
    }
    .claviature.callya-claviature .bx-controls-direction a {
        height: 70px
    }
    .claviature.callya-claviature .bx-controls-direction a.bx-prev {
        left: 0
    }
    .claviature.callya-claviature .bx-controls-direction a.bx-next {
        right: 0
    }
}

@media only screen and (min-width: 1025px) {
    .claviature.callya-claviature {
        margin: 0 -16px
    }
    .claviature.callya-claviature .bx-wrapper {
        height: 70px !important
    }
}

@media only screen and (max-width: 599px) {
    .callya-claviature {
        height: auto !important
    }
}

.callback-module {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 0 30px 0;
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.callback-module .grid {
    margin-left: 0px
}

@media only screen and (min-width: 1025px) {
    .callback-module .grid .col.w-50:first-child {
        padding-right: 60px
    }
    .callback-module .grid .col.w-50:first-child .callback-item {
        float: right;
        max-width: 250px
    }
    .callback-module .grid .col.w-50:last-child {
        padding-left: 60px
    }
    .callback-module .grid .col.w-50:last-child .callback-item {
        float: left;
        max-width: 250px
    }
}

.callback-module .callback-item {
    text-align: center
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .callback-module .col.w-50 {
        width: 100%
    }
}

.callback-module p {
    margin-bottom: 30px
}

.callback-module h2, .callback-module .h2 {
    margin-bottom: 5px;
    color: #000 !important
}

.callback-module h4, .callback-module .h4 {
    margin-bottom: 0px
}

.callback-module .phone-number {
    font-size: 26px;
    line-height: 30px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: lighter;
    color: #333
}

.callback-module .callback-content {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 20px 0 20px
}

.callback-module .btn {
    margin: 0
}

@media only screen and (min-width: 600px) {
    .callback-module {
        width: calc(100% + 16px);
        margin-left: -8px;
        padding-left: 8px;
        padding-top: 30px;
        padding-bottom: 40px
    }
    .callback-module .callback-content {
        width: calc(100% - 8px)
    }
}

@media only screen and (min-width: 1025px) {
    .callback-module {
        width: calc(100% + 2000px);
        margin-left: -1000px;
        padding-left: 1000px;
        padding-top: 50px;
        padding-bottom: 50px
    }
    .callback-module .callback-content {
        width: 928px
    }
}

.stage {
    position: relative;
    left: 0px;
    z-index: -1;
    top: -46px;
    margin-bottom: -36px
}

.enterprise .stage {
    z-index: 0;
    margin-bottom: -46px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .stage {
        top: -136px;
        margin-bottom: -81px
    }
}

@media only screen and (min-width: 1025px) {
    .stage {
        top: -136px;
        margin-bottom: -81px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .stage {
        margin-bottom: -96px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .stage {
        margin-bottom: -166px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .stage {
        margin-bottom: -186px
    }
}

.stage .stage-textbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .stage .stage-textbox {
        left: 68px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .stage .stage-textbox {
        left: 0 !important;
        bottom: 50% !important
    }
}

@media only screen and (min-width: 600px) {
    .stage .stage-textbox {
        bottom: calc(50% - 40px);
        transform: translate(0, 50%)
    }
}

.enterprise .stage .stage-textbox .belt {
    margin-top: 0;
    padding: 0 8px
}

.enterprise .stage .stage-textbox .belt:after {
    display: none
}

.stage .stage-textbox .stage-textbox-content {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: lighter;
    font-size: 22px;
    line-height: 25px;
    margin: 0 -10px;
    position: relative;
    padding: 15px 10px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .stage .stage-textbox .stage-textbox-content {
        left: 0px;
        margin: 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .stage .stage-textbox .stage-textbox-content {
        padding: 10px;
        width: 40%;
        font-size: 30px;
        line-height: 34px;
        margin: 0
    }
}

@media only screen and (min-width: 1025px) {
    .stage .stage-textbox .stage-textbox-content {
        padding: 20px;
        width: 40%;
        font-size: 36px;
        line-height: 40px;
        left: 28px;
        margin: 0px
    }
}

@media only screen and (min-width: 1085px) {
    .stage .stage-textbox .stage-textbox-content {
        left: 0px;
        margin: 0px
    }
}

.stage .stage-textbox .stage-textbox-content, .stage .stage-textbox.light .stage-textbox-content {
    background-color: rgba(255, 255, 255, 0.6)
}

.stage .stage-textbox.dark .stage-textbox-content {
    color: #fff;
    background-color: rgba(51, 51, 51, 0.6)
}

.stage .stage-textbox.transparent .stage-textbox-content {
    background-color: transparent
}

.stage .stage-textbox.center .stage-textbox-content {
    left: 50%;
    transform: translate(-50%, 0)
}

.stage .stage-textbox.right .stage-textbox-content {
    float: right
}

.enterprise .stage .stage-textbox .stage-textbox-content {
    background-color: transparent !important;
    color: #e60000;
    float: none;
    transform: none !important
}

@media only screen and (min-width: 600px) {
    .enterprise .stage .stage-textbox .stage-textbox-content {
        padding: 0
    }
}

.stage .mod-stage-image {
    overflow: hidden;
    width: 100%
}

.stage .mod-stage-image img {
    width: 100%;
    max-width: 100%
}

.stage .mod-stage-image.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.stage .mod-stage-image.bg-cover img {
    visibility: hidden
}

.stage.level-large .mod-stage-image {
    max-height: 367px
}

@media only screen and (min-width: 600px) {
    .stage.level-large .mod-stage-image {
        max-height: 450px
    }
}

.stage.level-medium .mod-stage-image {
    max-height: 319px
}

@media only screen and (min-width: 600px) {
    .stage.level-medium .mod-stage-image {
        max-height: 400px
    }
}

.stage.level-small .mod-stage-image {
    max-height: 272px
}

@media only screen and (min-width: 600px) {
    .stage.level-small .mod-stage-image {
        max-height: 350px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .stage .stage-textbox {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .stage .stage-textbox {
        left: 68px !important;
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .stage .stage-textbox {
        left: 0 !important;
        bottom: 50% !important;
        display: none
    }
}

.mejs-offscreen {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.mejs-container {
    position: relative;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.mejs-container:focus {
    outline: none
}

.me-plugin {
    position: absolute
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    display: none
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(/simplicity/svgdefs.svg#i-bigplay-lrg-white) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(/simplicity/assets/img/mediaelements/bigplay.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(/simplicity/assets/img/mediaelements/loading.gif) 50% 50% no-repeat
}

.mejs-overlay-loading, .mejs-overlay-loading span {
    display: none
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(/simplicity/assets/img/mediaelements/controls.svg) no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(/simplicity/assets/img/mediaelements/controls.png)
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
    visibility: visible
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(/simplicity/assets/img/mediaelements/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
    display: block
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important
}

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background: transparent url(/simplicity/assets/img/mediaelements/jumpforward.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(/simplicity/assets/img/mediaelements/skipback.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff
}

.mod-stage-show {
    position: relative;
    left: 0px;
    z-index: -1;
    top: -66px;
    margin-bottom: -56px
}

.mod-stage-show .mejs-controls, .mod-stage-show .mejs-overlay-play, .mod-stage-show .mejs-overlay-play * {
    display: none !important
}

.enterprise .mod-stage-show {
    z-index: 0;
    margin-bottom: -66px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mod-stage-show {
        top: -156px;
        margin-bottom: -81px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-stage-show {
        top: -156px;
        margin-bottom: -81px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .mod-stage-show {
        margin-bottom: -116px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .mod-stage-show {
        margin-bottom: -186px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .mod-stage-show {
        margin-bottom: -206px
    }
}

.mod-stage-show .slideshow {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mod-stage-show .slideshow img {
    visibility: hidden
}

.mod-stage-show .mod-stage-image {
    overflow: hidden;
    width: 100%
}

.mod-stage-show .mod-stage-image img {
    width: 100%;
    max-width: 100%
}

.mod-stage-show .mod-stage-image.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mod-stage-show .mod-stage-image.bg-cover img {
    visibility: hidden
}

.mod-stage-show.level-2 .mod-stage-image {
    display: none
}

@media only screen and (max-width: 599px) {
    .mod-stage-show.level-2 .mod-stage-image {
        max-height: 367px;
        display: block
    }
}

.mod-stage-show.level-2 .show-items {
    height: 450px
}

.mod-stage-show.level-3 .mod-stage-image {
    display: none
}

@media only screen and (max-width: 599px) {
    .mod-stage-show.level-3 .mod-stage-image {
        max-height: 319px;
        display: block
    }
}

.mod-stage-show.level-3 .show-items {
    height: 400px
}

.mod-stage-show .show-items {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width: 599px) {
    .mod-stage-show .show-items {
        display: none
    }
}

.mod-stage-show .show-items .show-item {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.mod-stage-show .show-items .show-item .video-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.mod-stage-show .show-items .show-item .slideshow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .mod-stage-show .show-items .show-item .slideshow {
        display: none
    }
}

.mod-stage-show .show-items .show-item .mejs-offscreen, .mod-stage-show .show-items .show-item .mejs-controls {
    display: none
}

.mod-stage-show.modus-image .show-items .show-item {
    top: 0px
}

.mod-stage-show.modus-image .show-items .show-item .video {
    display: none
}

.mod-stage-show.modus-video .show-items .show-item {
    top: 900px
}

.mod-stage-show.modus-video .show-items .show-item .slideshow {
    display: none
}

@media only screen and (max-width: 599px) {
    .mod-stage-show .video-show {
        display: none
    }
}

.mod-stage-show.modus-image .show-items .show-item {
    z-index: -3;
    opacity: 0;
    top: 0
}

.mod-stage-show.modus-image .show-items .show-item.current {
    z-index: -2;
    opacity: 1
}

.mod-stage-show.modus-image .show-items .show-item.next {
    z-index: -1
}

.mod-stage-show.modus-image .show-items .show-item .video {
    display: none
}

.mod-stage-show.modus-image .show-items .show-item .slideshow {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.enterprise .content #herospace-fullsize .belt {
    margin-top: 0px
}

.enterprise .content #herospace-fullsize .belt:after {
    background: none
}

@media only screen and (max-width: 599px) {
    .contains-herospace-fullsize footer {
        position: relative;
        top: -126px
    }
}

#herospace-fullsize {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

#herospace-fullsize a:hover {
    text-decoration: none !important
}

@media only screen and (max-width: 599px) {
    #herospace-fullsize {
        top: -66px;
        padding-top: 180px;
        padding-bottom: 30px;
        background-position: 50%
    }
    #herospace-fullsize .col.w-50, #herospace-fullsize .col.w-33 {
        width: 100%
    }
    #herospace-fullsize .content-wrapper {
        position: relative
    }
    #herospace-fullsize .content-wrapper .top {
        margin-left: 10px;
        margin-bottom: 80px;
        min-width: 40%;
        max-width: 60%
    }
    #herospace-fullsize .content-wrapper .top h1, #herospace-fullsize .content-wrapper .top .h1 {
        margin-bottom: 12px
    }
    #herospace-fullsize .content-wrapper .linkboxes {
        top: 45%;
        width: 100%
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox {
        background: #e60000;
        color: #fff;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        padding-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head {
        position: relative;
        left: -10px;
        background: rgba(0, 0, 0, 0.6);
        padding: 10px 37px 10px 30px;
        text-decoration: none !important
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head * {
        color: #fff
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head h3, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .h3 {
        margin-bottom: 5px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head h5, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .h5, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .blogposts .blogpost .date, .blogposts .blogpost #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .date {
        margin-bottom: 0px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .arrow {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-top: -10px;
        right: 7px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .copytext {
        padding: 10px 10px 10px 20px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .copytext p {
        margin: 0px
    }
}

@media only screen and (min-width: 600px) {
    #herospace-fullsize {
        background-position: 50%;
        background-attachment: fixed
    }
    #herospace-fullsize .content-wrapper {
        position: relative
    }
    #herospace-fullsize .content-wrapper .top {
        position: absolute;
        top: 25%;
        min-width: 40%;
        max-width: 60%
    }
    #herospace-fullsize .content-wrapper .top h1, #herospace-fullsize .content-wrapper .top .h1 {
        margin-bottom: 10px
    }
    #herospace-fullsize .content-wrapper .linkboxes {
        position: absolute;
        top: 65%;
        width: 100%
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox {
        background: #e60000;
        color: #fff;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
        padding-top: 30px;
        margin-left: 10px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head {
        position: relative;
        left: -10px;
        background: rgba(0, 0, 0, 0.6);
        padding: 10px 37px 10px 30px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head * {
        color: #fff
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head h3, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .h3 {
        margin-bottom: 5px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head h5, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .h5, #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .blogposts .blogpost .date, .blogposts .blogpost #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .date {
        margin-bottom: 0px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .head .arrow {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-top: -10px;
        right: 7px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .copytext {
        padding: 20px 10px 20px 20px
    }
    #herospace-fullsize .content-wrapper .linkboxes .linkbox .copytext p {
        margin: 0px
    }
    #herospace-fullsize .content-wrapper .linkboxes .col.w-50 .linkbox {
        margin-left: 20px
    }
    #herospace-fullsize .content-wrapper .linkboxes .col.w-50 .linkbox .head {
        left: -20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #herospace-fullsize .content-wrapper .top {
        left: 68px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    #herospace-fullsize .content-wrapper .top {
        left: 10px
    }
}

@media only screen and (max-width: 1024px) {
    #herospace-fullsize .top h3, #herospace-fullsize .top .h3 {
        font-size: 14px;
        line-height: 20px
    }
}

.herospace2-basic {
    position: absolute;
    width: 100%
}

.herospace2-basic .bxslider {
    opacity: 0
}

.herospace2-basic .bxslider li {
    background-position: center;
    overflow: hidden
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li.bg-light .bg-box {
        background-color: rgba(255, 255, 255, 0.6);
        padding: 15px
    }
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li.bg-dark .bg-box {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 15px;
        color: #fff
    }
    .herospace2-basic .bxslider li.bg-dark .bg-box .h2, .herospace2-basic .bxslider li.bg-dark .bg-box .h3, .herospace2-basic .bxslider li.bg-dark .bg-box .h4, .herospace2-basic .bxslider li.bg-dark .bg-box .h5, .herospace2-basic .bxslider li.bg-dark .bg-box .blogposts .blogpost .date, .blogposts .blogpost .herospace2-basic .bxslider li.bg-dark .bg-box .date, .herospace2-basic .bxslider li.bg-dark .bg-box p {
        color: #fff !important
    }
}

.herospace2-basic .bxslider li .herospace2-video-mobile-canvas, .herospace2-basic .bxslider li .herospace2-video {
    position: absolute;
    min-height: 100%
}

.herospace2-basic .bxslider li .herospace2-video-mobile-canvas.right-aligned, .herospace2-basic .bxslider li .herospace2-video.right-aligned {
    right: 0
}

.herospace2-basic .bxslider li .herospace2-video-fallback {
    min-width: 100%;
    min-height: 100%
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li {
        background-position: top center;
        background-size: cover
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .herospace2-basic .bxslider li {
        background-position: top center;
        background-size: cover
    }
    .herospace2-basic .bxslider li .only-sml {
        display: inline !important
    }
    .herospace2-basic .bxslider li .only-lrg {
        display: none !important
    }
}

.herospace2-basic .bxslider li .bg-sml-img {
    max-width: 100%;
    height: auto;
    position: absolute
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .bg-sml-img {
        position: static
    }
}

.herospace2-basic .bxslider li .badges-box {
    position: absolute;
    z-index: 1000
}

.herospace2-basic .bxslider li .apple-box {
    position: absolute;
    z-index: 1001
}

.herospace2-basic .bxslider li .apple-box img {
    display: block
}

.herospace2-basic .bxslider li .apple-box .apple-image-small {
    margin: 0 auto 30px auto
}

@media only screen and (min-width: 768px) {
    .herospace2-basic .bxslider li .apple-box .apple-image-small {
        display: none !important
    }
}

.herospace2-basic .bxslider li .apple-box .apple-image-large {
    margin: 0 auto 30px auto
}

@media only screen and (max-width: 767px) {
    .herospace2-basic .bxslider li .apple-box .apple-image-large {
        display: none !important
    }
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-center {
        text-align: center
    }
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-right {
        text-align: right
    }
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-left {
        text-align: left
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-center {
        text-align: center
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-right {
        text-align: right
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-left {
        text-align: left
    }
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-in-row {
        text-align: center
    }
}

.herospace2-basic .bxslider li .apple-box .buttons.buttons-align-in-row .btn {
    float: left
}

.herospace2-basic .bxslider li .apple-box .buttons.buttons-align-in-row .second-button {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    top: 0px
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-in-row {
        text-align: center
    }
}

.herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-in-row .btn {
    float: left
}

.herospace2-basic .bxslider li .apple-box .buttons.buttons-align-mobile-in-row .second-button {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    top: 0px
}

.herospace2-basic .bxslider li .apple-box .buttons a {
    margin-right: 0
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .apple-box .buttons a {
        width: auto;
        margin-bottom: 10px
    }
}

.herospace2-basic .bxslider li .hero2-content {
    position: relative;
    transform: translateY(-58%)
}

@media only screen and (min-width: 600px) {
    .herospace2-basic .bxslider li .hero2-content {
        top: 50%
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .hero2-content {
        position: absolute;
        transform: none;
        bottom: 0px;
        height: 182px;
        width: 100%
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .hero2-content .belt {
        padding: 0
    }
}

.herospace2-basic .bxslider li .hero2-content .text-box {
    padding-left: 0
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .hero2-content .text-box {
        padding: 20px 10px 10px 10px;
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .herospace2-basic .bxslider li .hero2-content .text-box .w-30, .herospace2-basic .bxslider li .hero2-content .text-box .w-40, .herospace2-basic .bxslider li .hero2-content .text-box .w-50, .herospace2-basic .bxslider li .hero2-content .text-box .w-60 {
        float: left !important
    }
    .herospace2-basic .bxslider li .hero2-content .text-box p {
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 767px) {
    .herospace2-basic .bxslider li .hero2-content .text-box p {
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .hero2-content .text-box.text-box-white {
        background: rgba(255, 255, 255, 0.75)
    }
}

.herospace2-basic .bxslider li .hero2-content .text-box .grid {
    margin-left: 0
}

.herospace2-basic .bxslider li .hero2-content .text-box .w-40.right, .herospace2-basic .bxslider li .hero2-content .text-box .w-50.right, .herospace2-basic .bxslider li .hero2-content .text-box .w-60.right {
    float: right
}

.herospace2-basic .bxslider li .hero2-content h1, .herospace2-basic .bxslider li .hero2-content .h1 {
    margin-bottom: 10px !important
}

@media only screen and (max-width: 767px) {
    .herospace2-basic .bxslider li .hero2-content h1, .herospace2-basic .bxslider li .hero2-content .h1 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px
    }
}

.herospace2-basic .bxslider li .hero2-content p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .herospace2-basic .bxslider li .hero2-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .herospace2-basic .bxslider li .hero2-content p {
        font-size: 20px;
        line-height: 24px
    }
}

.herospace2-basic .bxslider li .hero2-content .buttons.buttons-align-center {
    text-align: center
}

@media only screen and (max-width: 599px) {
    .herospace2-basic .bxslider li .hero2-content .buttons a {
        width: auto;
        margin-bottom: 10px
    }
}

.herospace2-basic .bxslider li .logo-decoration {
    position: absolute;
    width: 100%;
    bottom: 55px
}

.herospace2-basic .bxslider li .logo-decoration .logo-decoration-left {
    text-align: left
}

.herospace2-basic .bxslider li .logo-decoration .logo-decoration-right {
    text-align: right
}

.herospace2-basic .bxslider li .logo-decoration img {
    display: inline
}

.herospace2-basic .bx-controls-direction {
    display: none
}

.herospace2-basic #bx-pager {
    position: relative;
    bottom: 40px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 599px) {
    .herospace2-basic #bx-pager {
        bottom: 0 !important;
        overflow: visible !important;
        overflow-x: scroll !important
    }
}

@media only screen and (max-width: 599px) {
    .herospace2-basic #bx-pager .belt {
        padding: 0
    }
}

.herospace2-basic #bx-pager ul {
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
    height: 40px !important
}

.herospace2-basic #bx-pager ul li {
    display: inline-block;
    width: 33.333333333333339%;
    margin: 0;
    max-width: 315px;
    min-width: 150px;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (max-width: 599px) {
    .herospace2-basic #bx-pager ul li {
        max-width: 1315px
    }
}

.herospace2-basic #bx-pager ul li a {
    text-decoration: none;
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px
}

.herospace2-basic #bx-pager ul li a.active {
    font-weight: bold;
    text-decoration: none
}

.herospace2-basic #bx-pager ul li a:hover {
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .herospace2-basic #bx-pager ul li a {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) {
    .herospace2-basic #bx-pager ul li a {
        font-size: 16px
    }
}

.enterprise .herospace2-basic-proxy {
    height: 0px !important
}

@media only screen and (max-width: 599px) {
    .enterprise .herospace2-basic .text-box {
        bottom: -182px !important;
        padding: 20px 20px 20px 20px !important
    }
}

.enterprise .herospace2-basic h1, .enterprise .herospace2-basic .h1 {
    font-weight: lighter
}

.enterprise .herospace2-basic p {
    font-weight: bold
}

@media only screen and (min-width: 1025px) {
    .enterprise .herospace2-basic .belt {
        padding-left: 8px !important
    }
    .enterprise .herospace2-basic .belt .text-box {
        margin-right: -7px
    }
    .enterprise .herospace2-basic .belt h1 .h1 {
        font-size: 45px;
        line-height: 50px
    }
    .enterprise .herospace2-basic .belt p {
        font-size: 22px;
        line-height: 30px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .herospace2-basic h1 .h1 {
        font-size: 40px;
        line-height: 44px
    }
    .enterprise .herospace2-basic p {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .herospace2-basic h1 .h1 {
        font-size: 22px;
        line-height: 55px
    }
    .enterprise .herospace2-basic p {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .herospace2-basic h1 .h1 {
        font-size: 22px;
        line-height: 25px
    }
    .enterprise .herospace2-basic p {
        font-size: 14px;
        line-height: 20px
    }
}

.enterprise .herospace2-basic #bx-pager {
    bottom: 90px;
    box-shadow: none
}

@media only screen and (max-width: 599px) {
    .enterprise .herospace2-basic #bx-pager {
        bottom: 7px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .herospace2-basic #bx-pager {
        bottom: 81px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .herospace2-basic #bx-pager {
        margin: 0 10px 0 10px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1084px) {
    .enterprise .herospace2-basic #bx-pager {
        margin-left: 23px !important
    }
}

.enterprise .herospace2-basic #bx-pager ul {
    background: none !important;
    height: 41px !important;
    position: relative
}

.enterprise .herospace2-basic #bx-pager ul li {
    background: rgba(51, 51, 51, 0.55);
    position: relative;
    height: 34px !important;
    margin-top: 7px
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .herospace2-basic #bx-pager ul li {
        max-width: 515px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1084px) {
    .enterprise .herospace2-basic #bx-pager ul li {
        max-width: 305px !important
    }
    .enterprise .herospace2-basic #bx-pager ul li.fiftyPercent {
        max-width: 457px !important
    }
    .enterprise .herospace2-basic #bx-pager ul li.twentyfivePercent {
        max-width: 228px !important
    }
}

@media only screen and (min-width: 1085px) {
    .enterprise .herospace2-basic #bx-pager ul li {
        max-width: 315px
    }
    .enterprise .herospace2-basic #bx-pager ul li.fiftyPercent {
        max-width: 472px !important
    }
    .enterprise .herospace2-basic #bx-pager ul li.twentyfivePercent {
        max-width: 236px !important
    }
}

.enterprise .herospace2-basic #bx-pager ul li a {
    color: white;
    height: 34px !important;
    line-height: 31px !important;
    border-top: 2px solid rgba(51, 51, 51, 0);
    font-weight: bold
}

.enterprise .herospace2-basic #bx-pager ul li a.active {
    border-top: 2px solid #e60000;
    font-weight: bold;
    text-decoration: none
}

.enterprise .herospace2-basic #bx-pager ul li a.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e60000;
    position: absolute;
    left: calc(50% - 6px);
    top: -7px;
    z-index: 1000
}

.enterprise .herospace2-basic #bx-pager ul li a:hover {
    text-decoration: none
}

.enterprise .herospace2-basic .bx-wrapper .bx-controls .bx-default-pager {
    text-align: center;
    color: #666;
    width: 100%;
    position: absolute;
    bottom: 27px;
    z-index: 2
}

@media only screen and (max-width: 599px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-controls .bx-default-pager {
        bottom: 61px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-controls .bx-default-pager {
        bottom: 0px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-controls .bx-default-pager {
        bottom: -59px
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-controls .bx-default-pager {
        bottom: -36px
    }
}

.enterprise .herospace2-basic .bx-wrapper .bx-pager .bx-pager-item, .enterprise .herospace2-basic .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    padding: 0;
    *zoom: 1;
    *display: inline
}

.enterprise .herospace2-basic .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 18px;
    height: 18px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin: 0 8px;
    outline: 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-pager.bx-default-pager a {
        width: 14px;
        height: 14px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .herospace2-basic .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px;
        height: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0 5px
    }
}

.enterprise .herospace2-basic .bx-wrapper .bx-pager.bx-default-pager a:hover, .enterprise .herospace2-basic .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e60000
}

@media only screen and (min-width: 1025px) and (max-width: 1085px) {
    .herospace2-basic .bxslider li .hero2-content .text-box {
        padding-left: 28px
    }
    .logo-decoration-align {
        padding-left: 28px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
    .herospace2-basic .bxslider li .hero2-content .text-box {
        padding-left: 68px
    }
    .logo-decoration-align {
        padding-left: 68px
    }
}

.enterprise .tariff-tile {
    margin-bottom: 20px
}

.enterprise .tariff-tile .tariff-tile-row:first-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px
}

.enterprise .tariff-tile .tariff-tile-row:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0
}

.enterprise .tariff-tile .tariff-tile-base-data {
    color: #e60000;
    margin-bottom: 30px
}

.enterprise .tariff-tile .tariff-tile-base-data .tariff-tile-name {
    font-size: 22px;
    line-height: 14px
}

.enterprise .tariff-tile .tariff-tile-base-data .tariff-tile-name span {
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold
}

.enterprise .tariff-tile .tariff-tile-base-data h3, .enterprise .tariff-tile .tariff-tile-base-data .h3 {
    color: #e60000
}

.enterprise .tariff-tile .tariff-tile-base-data span {
    padding-left: 2px
}

.enterprise .tariff-tile .tariff-tile-top-properties {
    margin-bottom: 30px
}

.enterprise .tariff-tile .tariff-tile-top-properties ul li {
    position: relative;
    padding-left: 25px;
    margin-top: 5px
}

.enterprise .tariff-tile .tariff-tile-top-properties ul li:first-child {
    margin-top: 0
}

.enterprise .tariff-tile .tariff-tile-top-properties ul li svg {
    position: absolute;
    top: 0;
    left: 0
}

.enterprise .tariff-tile .tariff-tile-top-properties ul li strong {
    color: #e60000
}

.enterprise .tariff-tile .tariff-tile-price {
    margin-bottom: 20px
}

.enterprise .tariff-tile .tariff-tile-price span {
    font-size: 22px;
    line-height: 24px
}

.enterprise .tariff-tile .tariff-tile-details-link {
    margin-bottom: 30px
}

.enterprise .tariff-tile .tariff-tile-additional-properties h4, .enterprise .tariff-tile .tariff-tile-additional-properties .h4 {
    color: #e60000
}

.enterprise .tariff-tile .tariff-tile-additional-properties h4 svg, .enterprise .tariff-tile .tariff-tile-additional-properties .h4 svg {
    vertical-align: top;
    margin-left: 5px
}

.enterprise .tariff-tile .tariff-tile-additional-properties .properties-row .roaming-box, .enterprise .tariff-tile .tariff-tile-additional-properties .properties-row .international-box {
    margin-bottom: 30px
}

.enterprise .tariff-tile .tariff-tile-additional-properties .properties-row .roaming-box p:last-child, .enterprise .tariff-tile .tariff-tile-additional-properties .properties-row .international-box p:last-child {
    margin-bottom: 0
}

.enterprise .tariff-tile .tariff-tile-additional-properties .properties-row .advantages-box .icon-list {
    margin: 0
}

.enterprise .tariff-tile .di-content .di-inner {
    padding: 65px 20px 20px
}

.enterprise .tariff-tile-overlay-text {
    width: 100%;
    overflow-y: scroll;
    height: calc(100% - 20px)
}

.enterprise .list-price-button .btn {
    margin-bottom: 0
}

@media only screen and (min-width: 600px) {
    .enterprise .tariff-tile {
        max-width: 602px
    }
    .enterprise .tariff-tile .tariff-tile-row {
        display: table-cell;
        vertical-align: top;
        width: 50%;
        padding: 0 0 0 40px
    }
    .enterprise .tariff-tile .tariff-tile-row:first-child {
        padding: 0 40px 0 0;
        border-right: 1px solid #ccc;
        border-bottom: 0
    }
    .enterprise .tariff-tile .tariff-tile-row:last-child {
        border-right: 0 !important
    }
    .enterprise .tariff-tile .tariff-tile-base-data .tariff-tile-name {
        font-size: 30px;
        line-height: 20px
    }
    .enterprise .tariff-tile .di-content .di-inner {
        overflow: hidden
    }
    .enterprise .tariff-tile .tariff-tile-overlay-text {
        height: calc(100% - 35px)
    }
    .enterprise .tariff-tile .tariff-tile-details-link {
        margin-bottom: 0
    }
    .enterprise .list-price-button {
        text-align: right
    }
}

@media only screen and (min-width: 1025px) {
    .enterprise .tariff-tile {
        max-width: none
    }
    .enterprise .tariff-tile .tariff-tile-row {
        width: 66.667%
    }
    .enterprise .tariff-tile .tariff-tile-row:first-child {
        width: 33.333%
    }
    .enterprise .tariff-tile .tariff-tile-row .tariff-tile-additional-properties:after {
        content: "";
        display: block;
        clear: both
    }
    .enterprise .tariff-tile .tariff-tile-row .tariff-tile-additional-properties .properties-row {
        float: left;
        width: 50%
    }
    .enterprise .tariff-tile .tariff-tile-row .tariff-tile-additional-properties .properties-row:first-child {
        padding-right: 18px;
        padding-left: 0 !important
    }
    .enterprise .tariff-tile .tariff-tile-row .tariff-tile-additional-properties .properties-row:last-child {
        padding-left: 18px
    }
    .enterprise .tariff-tile .tariff-tile-row .tariff-tile-additional-properties .properties-row .international-box {
        margin-bottom: 0
    }
    .enterprise .tariff-tile .tariff-tile-base-data .tariff-tile-name {
        font-size: 36px;
        line-height: 24px
    }
    .enterprise .tariff-tile .tariff-tile-overlay-text {
        height: calc(100% - 39px)
    }
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper {
    overflow-x: auto;
    background-color: #ffffff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: -26px;
    margin-right: -26px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .bx-wrapper {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .bx-wrapper .bx-viewport {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .slidePager {
    text-align: center;
    height: 16px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper a {
    background: #d8d8d8;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    border-radius: 8px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .slidePager .slidePagerItemWrapper a.proxy-active {
    background: #9b9b9b
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
    width: 33%;
    padding: 0 16px;
    float: left;
    position: relative;
    margin-bottom: 50px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .head-burger {
    background-image: url(/simplicity/assets/css/img/svgs/arrow-down.svg);
    height: 20px;
    width: 20px;
    background-size: 20px;
    left: calc(50% - 10px);
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    opacity: 0.58
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    position: relative;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 3px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .badge {
    overflow: hidden;
    width: 50%;
    position: absolute;
    top: -25px;
    background: #e60000;
    color: #fff;
    text-align: center;
    line-height: 25px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
    padding: 20px 20px 40px;
    background: #f5f5f5;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    border-radius: 3px 3px 0 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head:before {
    position: absolute;
    bottom: -1px;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    display: block;
    content: " ";
    background: #dbdbdb;
    z-index: 1
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 4px;
    display: block;
    content: " ";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.33)), color-stop(33%, rgba(0, 0, 0, 0.1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%)
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.active:after {
    position: absolute;
    bottom: 11px;
    height: 1px;
    width: calc(100% - 40px);
    background: #dbdbdb;
    content: " ";
    z-index: 99
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-amount {
    font-size: 24px;
    line-height: 27px;
    color: #e60000
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-text {
    font-size: 24px;
    line-height: 27px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .title {
    font-size: 18px;
    line-height: 20px;
    color: #e60000
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .subtitle {
    display: none
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail {
    position: relative;
    padding: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail:after, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail:after {
    position: absolute;
    left: 20px;
    bottom: -1px;
    height: 1px;
    width: calc(100% - 40px);
    background: #dbdbdb;
    content: " "
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .h4, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .h4 {
    color: #e60000
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn {
    width: 100%;
    margin: 0 6px 15px 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn:last-child, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn:last-child {
    margin: 0 6px 0 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .btn-secondary, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .btn-secondary {
    background: #fff;
    color: #000
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:not(.icon-list) li, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul:not(.icon-list) li {
    padding-left: 8px;
    margin-top: 5px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:not(.icon-list) li:before, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul:not(.icon-list) li:before {
    margin-right: 7px;
    content: "• ";
    color: #000
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul.icon-list, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail ul.icon-list {
    margin: 0
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .asterisk-text, .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .asterisk-text {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.detail_not-joined ul li:not(.stretched), .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail.detail_not-joined ul li:not(.stretched) {
    display: block
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .interval {
    line-height: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    color: #333333
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .old-price {
    font-size: 18px;
    margin-bottom: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price {
    margin-bottom: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer {
    display: none;
    border-bottom: 1px solid #dbdbdb;
    position: absolute;
    width: 100%;
    height: 205px;
    background: #f5f5f5;
    top: 100px;
    padding: 20px;
    overflow: hidden;
    -webkit-transition: height 0.5s, padding 0.5s;
    -moz-transition: height 0.5s, padding 0.5s;
    -ms-transition: height 0.5s, padding 0.5s;
    -o-transition: height 0.5s, padding 0.5s;
    transition: height 0.5s, padding 0.5s
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .h4 {
    font-size: 18px;
    margin-bottom: 20px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p {
    position: relative;
    margin-bottom: 40px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p strong {
    display: inline-block;
    padding-bottom: 10px
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: -21px;
    height: 1px;
    width: 100%;
    background: #dbdbdb;
    content: " "
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer p:last-of-type:after {
    display: none
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 4px;
    display: block;
    content: " ";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.33)), color-stop(33%, rgba(0, 0, 0, 0.1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.1) 33%, transparent 100%)
}

.wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger {
    background-image: url(/simplicity/assets/css/img/svgs/arrow-up.svg)
}

.wrapper:not(.enterprise) .mod-tariff-module .a-bxslider {
    background: none
}

@media only screen and (max-width: 599px) {
    .wrapper:not(.enterprise) {
        overflow: visible !important
    }
    .wrapper:not(.enterprise) .mod-tariff-module {
        overflow: visible !important
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper {
        margin-left: -4px;
        margin-right: 0px;
        overflow: visible !important
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .bx-wrapper {
        overflow: visible;
        padding-left: 0px;
        padding-right: 0px;
        overflow: visible !important
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .slidePager {
        display: none
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
        padding: 0 4px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail {
        padding: 10px 20px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail .btn {
        margin: 0 6px 10px 0
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .details .detail .btn:last-child {
        margin: 0 6px 10px 0
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer .h4 {
        margin-bottom: 10px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer p {
        margin-bottom: 20px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile .info-layer p:after {
        bottom: -11px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .bx-controls {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper {
        margin-left: -18px;
        margin-right: -8px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper {
        padding: 0 8px
    }
    .wrapper:not(.enterprise) .mod-tariff-module .bx-controls-direction {
        display: none
    }
}

.enterprise .mod-tariff-module.has_no_products .tariff-module-products {
    display: none
}

.enterprise .mod-tariff-module.has_no_products .a-bxslider:after {
    top: auto;
    height: 250px;
    left: -16px;
    right: -16px
}

.enterprise .mod-tariff-module.one-tiles .a-bxslider:after, .enterprise .mod-tariff-module.two-tiles .a-bxslider:after {
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper {
    height: auto;
    position: relative;
    margin: 20px 16px 30px 16px;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    background: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .bx-wrapper .bx-viewport {
    overflow: visible !important;
    padding: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tile-products, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tile-product {
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.one-tiles-wrapper, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
    width: 33%;
    margin: 20px auto 30px !important;
    background: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    overflow: hidden
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.one-tiles-wrapper .tariff-module-tiles, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.two-tiles-wrapper .tariff-module-tiles {
    background: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
    width: 66%
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles {
    position: relative;
    z-index: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles:after {
    clear: both;
    display: table;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    float: left;
    width: 100%
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):before, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 0.5px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):before {
    left: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider:not(.top):after {
    right: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:before, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 0.5px;
    background: #fff;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:before {
    left: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider.top:after {
    right: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .vertical-divider-before:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #cccccc;
    content: " ";
    left: -10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .horizontal-divider.default-detail:after {
    bottom: -1px;
    background: #cccccc !important
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper .horizontal-divider:after {
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:not(:first-child):not(:last-child) .horizontal-divider:after {
    width: 100%;
    left: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child .vertical-divider:before {
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child .horizontal-divider:after {
    right: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:last-child .vertical-divider:after {
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:last-child .horizontal-divider:after {
    left: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile-wrapper:first-child:last-child .horizontal-divider:after {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
    position: relative
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .badge {
    overflow: hidden;
    position: absolute;
    top: -20px;
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #e60000;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    background: #fff;
    text-align: center;
    font-weight: bold;
    z-index: 1
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head-burger-wrapper {
    position: absolute;
    width: 100%;
    height: 32px;
    bottom: auto;
    top: 70px;
    left: 0;
    cursor: pointer
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head-burger-wrapper .head-burger {
    position: absolute;
    border: 1px solid #ffffff;
    border-left: 0;
    border-right: 0;
    top: 13px;
    width: 30px;
    height: 5px;
    left: calc(50% - 15px);
    opacity: 0.7
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
    position: relative;
    z-index: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top {
    position: relative;
    padding: 10px 10px 29px 10px;
    background: #e60000;
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .subtitle {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .title {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    line-height: 34px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen {
    position: relative;
    padding: 15px 10px;
    background: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .volumen .volumen-amount {
    color: #e60000;
    margin-right: 3px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 2
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .top {
    padding-left: 11px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .volumen {
    color: #fff;
    background: #e60000;
    padding-left: 11px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .volumen .volumen-amount {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .vertical-divider:before {
    width: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head.show-as-active .vertical-divider:after {
    width: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details {
    position: relative
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap {
    position: relative;
    padding: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail:before {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 1px;
    bottom: 0px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail.first:before {
    left: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail.last:before {
    right: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail-not-joined:after {
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail-wrap .detail-not-joined.first:after {
    content: "";
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ebebeb;
    z-index: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline.joined, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail li.joined, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p.joined {
    overflow: hidden;
    margin-bottom: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p {
    margin-bottom: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .icon-list li {
    padding-left: 35px;
    background-position-y: 2px;
    background-position-x: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .bullet-list li {
    margin-left: 0px;
    padding-left: 35px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .bullet-list li:before {
    margin-left: 3px;
    margin-right: 17px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail svg {
    margin-top: -3px;
    margin-left: 6px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .gap-top {
    margin-top: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy {
    position: relative;
    display: block
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy .detail-headline, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy p, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy li {
    position: absolute;
    z-index: 1;
    height: auto
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top .detail-headline, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top p, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy.gap-top li {
    margin-top: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .not-joined {
    position: relative
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail span.proxy:after, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .not-joined:after {
    position: absolute;
    left: -10px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #cccccc;
    content: " "
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.first span.proxy:after, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.first .not-joined:after {
    content: "";
    display: none
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline {
    margin-bottom: 0px;
    padding-bottom: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail .detail-headline:first-child {
    padding-top: 5px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul.bullet-list {
    margin-bottom: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul li {
    margin-top: 0px;
    padding-top: 4px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:first-child li:first-of-type {
    padding-top: 5px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail ul:last-child li:last-of-type {
    padding-bottom: 5px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p:first-child {
    padding-top: 5px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail p:last-child {
    padding-bottom: 5px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail {
    position: relative;
    padding: 10px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .price {
    font-weight: bold;
    font-size: 32px;
    color: #333333
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .additional {
    margin-bottom: 20px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .price-info .additional.old-price {
    font-size: 18px;
    margin-bottom: 15px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .asterisk-text {
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 18px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail h3 {
    height: 20px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail h3 a {
    color: #9c2aa0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .price-detail .h4 {
    color: #e60000
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 205px;
    background: #fff;
    border: 1px solid #e60000;
    top: 140px;
    padding: 20px 10px 10px;
    z-index: 2;
    overflow: hidden;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer:after {
    position: absolute;
    content: ' ';
    top: -6px;
    left: 0px;
    width: 100%;
    height: 5px;
    background: #e60000
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer.wider {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .h4 {
    color: #e60000;
    margin-bottom: 0px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger-wrapper {
    bottom: -9px;
    top: auto
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .info-layer .head-burger-wrapper .head-burger {
    border: 1px solid #e60000;
    border-left: 0;
    border-right: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .active {
    width: calc(100% + 2px)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active {
    margin-left: -1px;
    margin-right: -1px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 2
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .top {
    padding-left: 11px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .volumen {
    color: #fff;
    background: #e60000;
    padding-left: 11px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .volumen .volumen-amount {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .head .head-burger-wrapper {
    top: auto;
    bottom: -9px
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.top:before, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.top:after, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.volumen:before, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.volumen:after, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.price-detail:before, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .vertical-divider.price-detail:after {
    display: none !important
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after {
    background: #e60000;
    width: 100%;
    left: 0
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after.detail:first-child {
    right: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .horizontal-divider:not(.detail):after.detail:last-child {
    left: 0;
    width: calc(100% - 10px)
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .price-detail {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    z-index: 3;
    background: #e60000;
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .price-detail a {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .details .price-detail .price-info .price {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-tiles-wrapper.has_products .tariff-module-tiles .tariff-module-tile-wrapper .tariff-module-tile.active .details .price-detail h3 a {
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-products {
    margin-top: -30px;
    position: relative
}

.enterprise .mod-tariff-module .tariff-module-products .arrow-down {
    height: 45px;
    top: 0px;
    left: 16px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    background: #e60000;
    transition: opacity 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .enterprise .mod-tariff-module .tariff-module-products .arrow-down {
        top: -1px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .enterprise .mod-tariff-module .tariff-module-products .arrow-down {
        top: -2px
    }
}

.enterprise .mod-tariff-module .tariff-module-products .arrow-down .arrow-box {
    width: 0%;
    height: 0;
    border-top: 30px solid #e60000
}

.enterprise .mod-tariff-module .tariff-module-products .arrow-down .arrow-shadow {
    height: 10px;
    position: absolute;
    z-index: -2;
    left: 0px;
    top: 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise .mod-tariff-module .tariff-module-products .arrow-down .arrow-shadow.left {
    transform-origin: 100% 10px
}

.enterprise .mod-tariff-module .tariff-module-products .arrow-down .arrow-shadow.right {
    transform-origin: 0 10px
}

.enterprise .mod-tariff-module .tariff-module-products.two-tiles .arrow-down, .enterprise .mod-tariff-module .tariff-module-products.one-tiles .arrow-down {
    background: #333;
    top: 0px !important
}

.enterprise .mod-tariff-module .tariff-module-products .professional-article:after {
    position: absolute;
    display: block;
    background: #e60000;
    z-index: -1;
    content: " ";
    top: -220px;
    bottom: 14px;
    left: 32px;
    right: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .mod-tariff-module .tariff-module-products.two-tiles .professional-article:after, .enterprise .mod-tariff-module .tariff-module-products.one-tiles .professional-article:after {
    top: 250px
}

.enterprise .mod-tariff-module .tariff-module-products .divide {
    display: none
}

.enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading {
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center
}

.enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading h2, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading h3, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading h4, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading h5, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .h2, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .h3, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .h4, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .h5, .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .blogposts .blogpost .date, .blogposts .blogpost .enterprise .mod-tariff-module .tariff-module-products .tariff-module-products-subheading .date {
    margin: 0px;
    color: #fff
}

.enterprise .mod-tariff-module .tariff-module-products .professional-article {
    margin: 0px 16px 30px 16px
}

.enterprise .mod-tariff-module .tariff-module-products .img-wrap {
    text-align: center
}

.enterprise .mod-tariff-module .tariff-module-products .img-wrap img {
    max-height: 260px;
    width: auto
}

.enterprise .mod-tariff-module .tariff-module-products .price {
    font-size: 22px;
    line-height: 24px
}

.enterprise .mod-tariff-module .tariff-module-products .price_without_contract {
    display: none
}

.enterprise .mod-tariff-module .one-tiles .detail-wrap {
    background: #ffffff
}

.enterprise .mod-tariff-module .one-tiles .detail-wrap li, .enterprise .mod-tariff-module .one-tiles .detail-wrap h3, .enterprise .mod-tariff-module .one-tiles .detail-wrap .h4, .enterprise .mod-tariff-module .one-tiles .detail-wrap p {
    background-color: #ffffff !important
}

.enterprise .mod-tariff-module .one-tiles .price-detail {
    background: #ffffff
}

.enterprise .mod-tariff-module .one-tiles .price-detail li, .enterprise .mod-tariff-module .one-tiles .price-detail h3, .enterprise .mod-tariff-module .one-tiles .price-detail .h4 {
    background: none !important
}

@media only screen and (max-width: 599px) {
    .enterprise .mod-tariff-module.has_no_products .a-bxslider:after {
        left: -20px;
        right: -20px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper {
        background: rgba(255, 255, 255, 0) !important;
        box-shadow: none !important;
        margin-right: 20px;
        margin-left: 20px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .bx-controls {
        display: none
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .bx-viewport {
        padding-top: 25px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.one-tiles-wrapper {
        width: 74%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper.two-tiles-wrapper {
        width: auto !important;
        padding-left: 15px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles:before {
        position: absolute;
        width: 100%;
        height: 30px;
        top: -25px;
        left: 0;
        background: #333333;
        content: " "
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles.one-tiles {
        width: 100%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles.two-tiles {
        width: 148%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles.three-tiles {
        width: 222%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles.four-tiles {
        width: 296%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles.five-tiles {
        width: 370%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile {
        width: 100% !important
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap {
        background: #ffffff
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap li, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap h3, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap .h4, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .detail-wrap p {
        background-color: #ffffff !important
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail {
        background: #ffffff
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail li, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail h3, .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .price-detail .h4 {
        background: none !important
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile.active {
        width: calc(100% + 2px) !important
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #ebebeb;
        content: " ";
        left: -1px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:after {
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #ebebeb;
        content: " ";
        width: 100%
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider:first-child:before {
        top: 10px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .horizontal-vertical-divider.advantage-detail:before {
        bottom: 10px
    }
    .enterprise .mod-tariff-module .tariff-module-products .professional-article {
        margin: 0 0 30px
    }
    .enterprise .mod-tariff-module .tariff-module-products .professional-article:after {
        left: 0px;
        right: 0px;
        bottom: -16px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head {
        position: relative;
        z-index: 0
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .top .title {
        font-size: 22px;
        line-height: 26px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .head .head-burger-wrapper {
        top: 60px
    }
    .enterprise .mod-tariff-module .tariff-module-tiles-wrapper .tariff-module-tiles .tariff-module-tile .details .detail.price-details a.btn {
        width: 100%
    }
    .enterprise .mod-tariff-module .tariff-module-products .professional-article:after {
        left: 16px
    }
}

.enterprise .professional-article .slideshare {
    margin-bottom: 0
}

.enterprise .professional-article .slideshare .mod-slideshare {
    margin-bottom: 0;
    margin-top: 0
}

.enterprise .professional-article .slideshare .mod-slideshare .headline {
    color: #e60000;
    text-align: left
}

.enterprise .professional-article .slideshare .mod-slideshare .subHeadline {
    color: #333;
    text-align: left
}

.enterprise .professional-article .slideshare .mod-slideshare .text {
    color: #333;
    text-align: left;
    width: 100%;
    margin: 10px auto 30px
}

.enterprise .professional-article .slideshare .mod-slideshare .frame iframe {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.enterprise .mod-slideshare {
    position: relative;
    margin-bottom: 50px
}

.enterprise .mod-slideshare:after {
    position: absolute;
    display: block;
    background: #e60000;
    z-index: -1;
    content: " ";
    bottom: -30px;
    left: -19px;
    right: -19px;
    height: 440px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .mod-slideshare .headline {
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.enterprise .mod-slideshare .subHeadline {
    color: #fff;
    text-align: center
}

.enterprise .mod-slideshare .text {
    color: #fff;
    text-align: center;
    width: 630px;
    position: relative;
    margin: 0 auto 40px;
    font-size: 14px
}

.enterprise .mod-slideshare .frame iframe {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    margin-bottom: 0 !important;
    border: none !important;
    border-width: 0 !important
}

.enterprise .mod-slideshare .frame>div {
    display: none
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .mod-slideshare {
        margin-left: 0;
        margin-right: 0
    }
    .enterprise .mod-slideshare {
        margin-left: 20px;
        margin-right: 20px
    }
    .enterprise .mod-slideshare:after {
        bottom: -15px;
        left: 0;
        right: 0;
        height: 50px
    }
    .enterprise .mod-slideshare .text {
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise .professional-article .mod-slideshare {
        margin-left: 0;
        margin-right: 0
    }
    .enterprise .professional-article .mod-slideshare .text {
        width: 100%
    }
    .enterprise .mod-slideshare {
        margin-left: 20px;
        margin-right: 20px
    }
    .enterprise .mod-slideshare .text {
        width: 76%;
        margin-bottom: 30px
    }
    .enterprise .mod-slideshare .frame iframe {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7)
    }
    .enterprise .mod-slideshare:after {
        max-height: 60%
    }
}

.mod-tooltip2 {
    display: inline-block;
    margin-bottom: 20px
}

.mod-tooltip2 .tt-handle {
    position: relative;
    color: #333;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    min-height: 20px;
    cursor: pointer;
    padding-left: 30px;
    display: inline-block
}

.mod-tooltip2 svg {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.simple-promo-teaser .btn-wrap .mod-tooltip2 {
    margin-left: 20px
}

.image-text .mod-tooltip2, .action-box .mod-tooltip2 {
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 1024px) {
    .mod-tooltip2 .tt-handle {
        min-height: 34px;
        padding-left: 44px;
        padding-top: 9px
    }
    .mod-tooltip2 svg {
        width: 34px;
        height: 34px;
        margin-top: -17px
    }
    .simple-promo-teaser .btn-wrap .mod-tooltip2 {
        margin-left: 0px
    }
}

.tt-mover {
    position: absolute;
    width: 1px;
    height: 1px
}

.tt-mover .tt-container {
    position: absolute;
    bottom: -4px;
    left: 0px;
    height: 15px
}

.tt-mover .tt-container .tt-inner {
    background-color: #fff;
    position: absolute;
    bottom: 12px;
    left: -12px;
    display: block;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    z-index: 100;
    padding: 15px
}

.tt-mover .tt-container .tt-inner:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 101;
    bottom: -20px;
    left: 6px;
    background-color: #fff;
    border: solid transparent;
    transform: translateY(-15px) rotate(45deg);
    -webkit-transform: translateY(-15px) rotate(45deg);
    box-shadow: 2px 1px 3px -1px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 2px 1px 3px -1px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 2px 1px 3px -1px rgba(50, 50, 50, 0.6)
}

.tt-mover .tt-container .tt-close-handle {
    position: absolute;
    top: 15px;
    left: -10px
}

.subheadings {
    text-align: center !important;
    padding: 0 20px 10px
}

.subheadings h2, .subheadings .h2, .subheadings h3, .subheadings .h3, .subheadings p {
    color: white !important
}

.subheadings p {
    margin-bottom: 0;
    margin-bottom: 10px
}

.subheadings h2, .subheadings .h2, .subheadings h3, .subheadings .h3 {
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .subheadings {
        padding: 0 calc(10% + 30px) 20px
    }
}

@media only screen and (min-width: 1025px) {
    .subheadings {
        padding: 0 calc(10% + 50px) 30px
    }
}

.mod-reference-teaser {
    margin-bottom: 10px;
    position: relative
}

@media only screen and (max-width: 599px) {
    .mod-reference-teaser {
        padding: 0 20px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-reference-teaser {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) {
    .mod-reference-teaser .col.w-50.push-50 {
        margin-left: 50%
    }
    .mod-reference-teaser .col.w-50.pull-50 {
        margin-left: -100%
    }
}

@media only screen and (min-width: 1025px) {
    .mod-reference-teaser {
        margin-bottom: 60px
    }
}

.mod-reference-teaser .reference-teaser-text {
    color: #fff
}

.mod-reference-teaser .reference-teaser-text h3, .mod-reference-teaser .reference-teaser-text .h3 {
    margin-bottom: 10px;
    color: #fff
}

.mod-reference-teaser .reference-teaser-text .btn-wrap {
    margin-top: 20px
}

@media only screen and (max-width: 599px) {
    .mod-reference-teaser .reference-teaser-text {
        text-align: center;
        padding: 0 20px;
        margin-bottom: 20px
    }
    .mod-reference-teaser .reference-teaser-text .in-mobile-on-top {
        position: absolute;
        top: 0px;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center
    }
    .mod-reference-teaser .reference-teaser-text .btn-wrap {
        margin-top: 52px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-reference-teaser .reference-teaser-text {
        margin-top: 58px;
        padding-right: 20px;
        width: 80%
    }
}

@media only screen and (min-width: 1025px) {
    .mod-reference-teaser .reference-teaser-text {
        margin-top: 78px;
        width: 335px
    }
}

.mod-reference-teaser .reference-teaser-cards {
    position: relative;
    width: 100%
}

.mod-reference-teaser .reference-teaser-cards:before {
    content: ' ';
    background: #e60000;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 58px;
    bottom: -20px;
    left: 0;
    right: 0
}

.mod-reference-teaser .reference-teaser-cards .cards-controll-wrap {
    display: none
}

@media only screen and (max-width: 599px) {
    .mod-reference-teaser .reference-teaser-cards {
        margin-bottom: 52px;
        height: 294px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-reference-teaser .reference-teaser-cards {
        height: 320px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-reference-teaser .reference-teaser-cards {
        height: 285px
    }
    .mod-reference-teaser .reference-teaser-cards:before {
        top: 78px;
        bottom: -40px;
        left: -16px;
        right: 40px
    }
    .mod-reference-teaser .reference-teaser-cards .cards-controll-wrap {
        position: absolute;
        bottom: -24px;
        width: 100%;
        height: 48px;
        text-align: center;
        display: block
    }
    .mod-reference-teaser .reference-teaser-cards .cards-controll-wrap .cards-controll {
        color: #fff;
        padding-left: 15px;
        padding-right: 20px;
        height: 48px;
        line-height: 48px;
        background: #000;
        display: inline-block;
        cursor: pointer;
        transition: color 0.2s
    }
    .mod-reference-teaser .reference-teaser-cards .cards-controll-wrap .cards-controll svg {
        margin-right: 4px
    }
    .mod-reference-teaser .reference-teaser-cards .cards-controll-wrap .controll:hover {
        color: #9c2aa0
    }
}

.mod-reference-teaser .cards-stack {
    position: relative;
    top: 18px
}

.mod-reference-teaser .cards-stack .card {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.mod-reference-teaser .cards-stack .card .card-rotate {
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    padding: 10px;
    color: #000;
    transform: rotate(0deg);
    width: 100%;
    height: 100%
}

.mod-reference-teaser .cards-stack .card .img-wrap {
    position: absolute;
    top: 10px;
    left: 10px;
    overflow: hidden
}

.mod-reference-teaser .cards-stack .card .cite {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 120px;
    padding-bottom: 10px
}

.mod-reference-teaser .cards-stack .card .cite span[itemprop=author] {
    display: none
}

.mod-reference-teaser .cards-stack .card .cite svg {
    margin-bottom: 20px
}

@media only screen and (max-width: 599px) {
    .mod-reference-teaser .cards-stack {
        height: 276px;
        width: 240px;
        left: 50%;
        margin-left: -120px
    }
    .mod-reference-teaser .cards-stack .card {
        height: 276px
    }
    .mod-reference-teaser .cards-stack .card .img-wrap {
        right: 10px;
        height: 100px
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img {
        width: 100%
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-top {
        display: block
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-side {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-reference-teaser .cards-stack {
        height: 302px;
        width: 60%;
        left: 20%
    }
    .mod-reference-teaser .cards-stack .card {
        height: 302px
    }
    .mod-reference-teaser .cards-stack .card .img-wrap {
        right: 10px;
        height: 100px
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img {
        width: 100%;
        max-width: none
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-top {
        display: block
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-side {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .mod-reference-teaser .cards-stack {
        height: 267px
    }
    .mod-reference-teaser .cards-stack .card {
        width: 448px;
        height: 267px
    }
    .mod-reference-teaser .cards-stack .card .img-wrap {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 168px;
        bottom: 10px;
        overflow: hidden
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img {
        height: 100%;
        max-width: none
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-top {
        display: none
    }
    .mod-reference-teaser .cards-stack .card .img-wrap img.on-side {
        display: block
    }
    .mod-reference-teaser .cards-stack .card .cite {
        margin-right: 60px;
        margin-left: 193px;
        padding-top: 42px;
        padding-bottom: 24px
    }
}

.mod-reference-teaser .cards-stack.animation .card {
    top: -18px;
    transition: opacity .4s, transform .4s, top .4s, left .4s;
    transform-origin: 50% 0%;
    transform: scale(0.8);
    opacity: 0
}

.mod-reference-teaser .cards-stack.animation .card .card-rotate {
    transition: transform .4s
}

.mod-reference-teaser .cards-stack.animation .card.thirdOnStack {
    opacity: 1
}

.mod-reference-teaser .cards-stack.animation .card.secondOnStack {
    top: -10px;
    transform: scale(0.9);
    transform-origin: 50% 0%;
    opacity: 1
}

.mod-reference-teaser .cards-stack.animation .card.firstOnStack {
    top: 0px;
    transform: scale(1);
    transform-origin: 50% 0%;
    opacity: 1
}

.mod-reference-teaser .cards-stack.animation .card.toLeft .card-rotate, .mod-reference-teaser .cards-stack.animation .card.flyOutleft .card-rotate {
    transform-origin: top right
}

.mod-reference-teaser .cards-stack.animation .card.toRight .card-rotate, .mod-reference-teaser .cards-stack.animation .card.flyOutRight .card-rotate {
    transform-origin: top left
}

.mod-reference-teaser .cards-stack.animation .card.touch {
    transition: none
}

.mod-reference-teaser .cards-stack.animation .card.touch .card-rotate {
    transition: none
}

.mod-reference-teaser .cards-stack.animation .card.flyOutRight {
    top: 50px;
    left: 300px;
    opacity: 0;
    transform: scale(1)
}

.mod-reference-teaser .cards-stack.animation .card.flyOutRight .card-rotate {
    transform: rotate(20deg)
}

.mod-reference-teaser .cards-stack.animation .card.flyOutLeft {
    top: 50px;
    left: -300px;
    opacity: 0;
    transform: scale(1)
}

.mod-reference-teaser .cards-stack.animation .card.flyOutLeft .card-rotate {
    transform: rotate(-20deg)
}

.mod-reference-teaser .cards-stack.animation .card.popout {
    transform: scale(1.4);
    opacity: 0;
    top: 30px
}

.reference-gallery .filter-header {
    width: 100%;
    background-color: #000;
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.25)
}

.reference-gallery .filter-header .filter-menu-button {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    line-height: 30px
}

.reference-gallery .filter-header .filter-menu-button.active {
    background-color: #e60000
}

.reference-gallery .filter-header .filter-menu-button:hover, .reference-gallery .filter-header .filter-menu-button:active, .reference-gallery .filter-header .filter-menu-button.nice-select.open, .reference-gallery .filter-header .filter-menu-button:focus {
    text-decoration: none
}

.reference-gallery .filter-header .filter-menu-button .i-xsml {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin-right: 5px
}

.reference-gallery .filter-body {
    display: none;
    padding: 16px 20px 24px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
    position: relative
}

.reference-gallery .filter-body h4, .reference-gallery .filter-body .h4 {
    margin-bottom: 16px
}

.reference-gallery .filter-body .filter-tiles {
    border-top: 1px solid #ccc;
    padding: 16px 0
}

.reference-gallery .filter-body .filter-tiles:after {
    content: "";
    display: block;
    clear: both
}

.reference-gallery .filter-body .filter-tiles .filter-tile {
    padding: 10px 16px;
    float: left;
    margin: 0 16px 16px 0;
    background-color: #fff
}

.reference-gallery .filter-body .filter-tiles .filter-tile.active {
    background-color: #e60000;
    color: #fff
}

.reference-gallery .filter-body .filter-tiles .filter-tile:hover, .reference-gallery .filter-body .filter-tiles .filter-tile:active, .reference-gallery .filter-body .filter-tiles .filter-tile.nice-select.open, .reference-gallery .filter-body .filter-tiles .filter-tile:focus {
    text-decoration: none
}

.reference-gallery .filter-body .filter-tiles .clear-tile {
    clear: both
}

.reference-gallery .filter-body .close-filter-body {
    position: absolute;
    background-color: #ccc;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    text-align: center;
    padding: 4px 5px
}

.reference-gallery .reference-body {
    margin: 40px -20px 0
}

.reference-gallery .reference-body .reference-tiles {
    margin-bottom: -10px
}

.reference-gallery .reference-body .reference-tiles .reference-tile {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.reference-gallery .reference-body .reference-tiles .reference-tile.hidden {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.reference-gallery .reference-body .reference-tiles .reference-tile:after {
    content: "";
    display: block;
    clear: both
}

.reference-gallery .reference-body .reference-tiles .reference-tile:hover {
    background-color: white
}

.reference-gallery .reference-body .reference-tiles .reference-tile:hover .reference-hover-box {
    height: 100%
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-asset {
    width: 50%;
    float: left;
    padding-right: 10px
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-asset img {
    width: 100%
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text {
    float: left;
    width: 50%;
    padding: 20px 20px 20px 10px
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text h3, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text .h3 {
    margin-bottom: 20px;
    color: #000
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text h5, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text .h5, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text .blogposts .blogpost .date, .blogposts .blogpost .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text .date {
    color: #e60000;
    margin-bottom: 0
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #e60000;
    overflow: hidden;
    transition-property: all;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1)
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content {
    padding: 38px 0 20px;
    margin: 0 20px;
    position: relative;
    height: 100%
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-video {
    padding: 16px 0;
    color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    float: left;
    width: calc(50% - 10px)
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf a, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-video a {
    color: #fff
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf svg, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-video svg {
    vertical-align: bottom;
    margin-right: 5px
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf {
    margin-right: 10px
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-video {
    margin-left: 10px
}

.reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-detail-button {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: 20px
}

@media only screen and (min-width: 600px) {
    .reference-gallery .reference-body {
        margin: 40px 0 0
    }
    .reference-gallery .reference-body .reference-tiles {
        margin-bottom: -16px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile {
        margin-bottom: 16px;
        background-color: transparent
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-asset {
        width: 100%;
        float: none;
        padding: 0
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text {
        width: 100%;
        float: none;
        padding: 20px;
        background-color: #f4f4f4
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text h3, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-tile-text .h3 {
        margin-bottom: 10px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box {
        width: calc(100% - 16px);
        left: 16px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content {
        padding: 46px 0 30px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf, .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-video {
        float: none;
        width: 100%;
        margin: 0
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-pdf {
        margin-bottom: -1px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .reference-detail-button {
        bottom: 30px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile .reference-hover-box .hover-box-content .btn {
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .reference-gallery .reference-body {
        margin: 60px 0 0
    }
    .reference-gallery .reference-body .reference-tiles {
        margin-left: -16px
    }
    .reference-gallery .reference-body .reference-tiles .reference-tile {
        padding: 0 0 0 16px
    }
}

.enterprise .twitter-timeline {
    border-top: 4px solid #1da1f2;
    position: relative;
    background-color: #fff;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.35)
}

.enterprise .twitter-timeline:after {
    content: "";
    display: block;
    background-color: #e60000;
    height: 15px;
    position: absolute;
    bottom: -15px;
    left: 20px;
    right: 20px;
    z-index: -1;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7)
}

.enterprise .twitter-timeline .timeline-head {
    background-color: #f5f8fa;
    padding: 10px;
    position: relative
}

.enterprise .twitter-timeline .timeline-head h3, .enterprise .twitter-timeline .timeline-head .h3 {
    font-weight: lighter
}

.enterprise .twitter-timeline .timeline-head a {
    color: #1da1f2
}

.enterprise .twitter-timeline .timeline-head .twitter-follow-button {
    position: absolute !important;
    top: 9px;
    right: 10px
}

.enterprise .twitter-timeline .timeline-tweets .tweet {
    padding: 10px 10px 10px 55px;
    border-top: 1px solid #ccc;
    position: relative
}

.enterprise .twitter-timeline .timeline-tweets .tweet a {
    color: #e60000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.enterprise .twitter-timeline .timeline-tweets .tweet p {
    margin-bottom: 10px
}

.enterprise .twitter-timeline .timeline-tweets .tweet svg.twitter-logo {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ccc;
    fill: #ccc
}

.enterprise .twitter-timeline .timeline-tweets .tweet .profile-image {
    position: absolute;
    top: 10px;
    left: 10px
}

.enterprise .twitter-timeline .timeline-tweets .tweet .name {
    font-weight: bold;
    color: #333
}

.enterprise .twitter-timeline .timeline-tweets .tweet .screen-name {
    color: #ccc
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar {
    height: 20px
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar:after {
    content: " ";
    display: table;
    clear: both
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .like-tweet, .enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet {
    display: inline-block;
    margin-right: 5px;
    position: relative
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .like-tweet svg, .enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet svg {
    color: #ccc;
    fill: #ccc
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip {
    position: absolute;
    background-color: #fff;
    min-width: 130px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 4px;
    z-index: 100;
    left: -10px;
    top: 27px;
    display: none;
    padding-bottom: 4px
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip .arrow-up {
    top: -19px;
    border-top-width: 0;
    border-color: transparent;
    border-bottom-color: rgba(15, 70, 100, 0.12);
    left: 15px;
    margin-left: -9px;
    border-width: 9px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip .arrow-up:after {
    content: " ";
    top: -6px;
    border-top-width: 0;
    border-color: transparent;
    border-bottom-color: #fff;
    margin-left: -8px;
    border-width: 8px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip .h5, .enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip .blogposts .blogpost .date, .blogposts .blogpost .enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip .date {
    font-size: 12px;
    font-weight: lighter;
    color: #667580;
    padding: 10px 15px 5px;
    margin: 0
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip ul li a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 2px 15px;
    color: #333
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .share-tweet .share-tooltip ul li a:hover {
    background-color: #1da1f2;
    color: #fff
}

.enterprise .twitter-timeline .timeline-tweets .tweet .interaction-bar .date {
    float: right;
    color: #ccc
}

.enterprise .twitter-timeline .timeline-tweets .tweet .i-sml {
    width: 28px;
    height: 28px
}

.enterprise .twitter-timeline .timeline-tweets .tweet .i-xsml {
    width: 25px;
    height: 25px
}

.enterprise .twitter-timeline .btn-more-tweets {
    width: 100%;
    text-align: center;
    background-color: #1da1f2;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    cursor: pointer
}

.enterprise .twitter-timeline .btn-more-tweets:hover {
    background-color: #0c7abf
}

.enterprise .twitter-timeline .spinner {
    padding: 10px;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .enterprise .twitter-timeline {
        width: 50%;
        margin: 0 auto 40px
    }
    .enterprise .twitter-timeline:after {
        left: -20px;
        right: -20px;
        bottom: -40px;
        height: calc(100% - 60px);
        max-height: 510px
    }
}

.topangebote .subHead {
    position: relative;
    margin: 0 0px 30px 0px;
    font-family: 'VodafoneRgRegular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    padding: 16px 0 0 10px;
    border-top: 1px solid #cccccc
}

.topangebote .devicePagerBox {
    display: none
}

.topangebote .device {
    width: 760px
}

.topangebote .deviceSlider {
    width: auto;
    height: 500px
}

.topangebote .deviceSlider .phoneContainer {
    float: left
}

.topangebote .phoneBox {
    position: relative;
    background: #ffffff;
    width: 220px;
    height: 481px
}

.topangebote .phoneBox .imgBox {
    position: relative;
    padding-top: 20px
}

.topangebote .phoneBox .imgBox img {
    position: relative;
    width: 136px;
    left: -22px
}

.topangebote .phoneBox.Tablet .imgBox img {
    left: -7px
}

.topangebote .phoneBox .txtBox {
    position: relative;
    height: 272px
}

.topangebote .phoneBox .txtBox h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 3px 0;
    min-height: 34px;
    width: 296px
}

.topangebote .phoneBox .priceBox {
    position: relative;
    min-height: 140px;
    margin: 0 3px 15px;
    padding-top: 6px;
    font-size: 14px;
    line-height: 18px
}

.topangebote .phoneBox .priceBox .price {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold
}

.topangebote .phoneBox .priceBox .spacer {
    position: relative;
    height: 5px
}

.topangebote .phoneBox .benefit {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 66px;
    height: 66px;
    background-color: #e60000;
    right: 95px;
    border-radius: 33px
}

.topangebote .phoneBox .benefit span {
    position: relative;
    font-size: 11px;
    line-height: 20px;
    color: #ffffff;
    padding: 0 8px;
    text-align: center
}

.topangebote .phoneBox .benefit span.only-lrg {
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    padding: 16px 0 0
}

.topangebote .phoneBox .btn {
    position: absolute;
    bottom: 10px
}

@media only screen and (max-width: 600px) {
    .topangebote {
        margin: 0 0 10px 0
    }
    .topangebote .subHead {
        margin: 0 0px 0px 0px;
        font-family: 'VodafoneLtRegular', Arial, Helvetica, sans-serif;
        font-size: 24px;
        line-height: 28px;
        padding: 16px 0 0 0px;
        border-top: 0
    }
    .topangebote .device {
        width: 300px
    }
    .topangebote .devicePagerBox {
        display: block;
        margin-bottom: 40px
    }
    .topangebote .deviceSliderBox {
        height: 322px
    }
    .topangebote .deviceSlider {
        height: 350px
    }
    .topangebote .phoneBox {
        margin: 10px 2px 10px;
        height: 310px;
        width: 298px;
        border: 1px solid #cccccc;
        box-shadow: 0 1px 2px #ccc
    }
    .topangebote .phoneBox .imgBox {
        position: relative;
        top: 80px;
        left: 10px;
        padding-top: 0
    }
    .topangebote .phoneBox .imgBox img {
        position: relative;
        width: 120px;
        left: -5px
    }
    .topangebote .phoneBox .txtBox {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 298px
    }
    .topangebote .phoneBox .txtBox h3 {
        position: relative;
        height: 71px;
        font-family: 'VodafoneRgRegular', Arial, Helvetica, sans-serif;
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        padding: 14px 45px 1px 18px;
        margin: 0;
        background-color: #f4f4f4
    }
    .topangebote .phoneBox .priceBox {
        position: relative;
        margin: 0 0 0 130px
    }
    .topangebote .phoneBox .priceBox br.nowrap {
        display: none
    }
    .topangebote .phoneBox .btn {
        position: absolute;
        top: 268px;
        left: 20px;
        width: 260px;
        padding: 8px 20px 22px;
        font-size: 16px
    }
    .topangebote .phoneBox .benefit {
        position: absolute;
        top: -10px;
        right: -9px;
        width: auto;
        height: auto
    }
    .topangebote .phoneBox .benefit:before {
        position: absolute;
        content: " ";
        width: 0;
        height: 0;
        top: 12px;
        right: -8px;
        border-style: solid;
        border-left-color: #830000;
        border-width: 8px;
        color: transparent
    }
    .topangebote .phoneBox .benefit span {
        position: relative;
        display: block;
        font-size: 11px;
        line-height: 20px;
        color: #ffffff;
        padding: 0 8px;
        background-color: #e60000
    }
}

.wm-device-nav .tg-drop.tg-nav .tg-active {
    border-top: 1px solid #d5d5d5;
    border-radius: 3px
}

.wm-device-nav .tg-nav {
    border: none;
    box-shadow: none;
    margin-left: -10px;
    margin-right: -10px
}

.wm-device-nav .tg-nav .tg-item {
    display: block;
    margin: 0
}

.wm-device-nav .tg-nav .tg-item:before {
    display: none
}

.wm-device-nav .tg-nav .tg-item:nth-child(4n+1) {
    clear: left
}

.wm-device-nav .tg-nav .tg-head {
    margin: 1px;
    padding: 10px 0;
    border-top: 1px solid #d5d5d5;
    font-size: 14px;
    line-height: 1.3;
    display: block
}

.wm-device-nav .tg-nav .tg-head:hover, .wm-device-nav .tg-nav .tg-head:focus {
    border-top: 2px solid #9c2aa0;
    margin: 0
}

.wm-device-header {
    margin: 0 0 30px
}

.wm-device-header div {
    float: left;
    margin: 0 20px 0 0
}

.wm-top-topics .wm-show-more {
    text-align: right;
    margin-top: 20px
}

.mod-iphone-highlight {
    position: relative
}

.mod-iphone-highlight .iphone-navi {
    border-bottom: 2px solid #CDCDCD;
    padding-bottom: 8px
}

.mod-iphone-highlight .iphone-navi h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    padding: 0 0 0 11px;
    margin: 0
}

.mod-iphone-highlight .iphone-navi ul {
    display: inline-block
}

.mod-iphone-highlight .iphone-navi ul li {
    display: inline-block;
    padding-left: 20px
}

.mod-iphone-highlight .iphone-navi ul li:after {
    content: '|';
    padding-left: 20px
}

.mod-iphone-highlight .iphone-navi ul li:last-child:after {
    content: none
}

@media only screen and (max-width: 599px) {
    .mod-iphone-highlight .iphone-navi {
        display: none
    }
}

.mod-iphone-highlight .iphone-section {
    position: relative
}

.mod-iphone-highlight .iphone-section .img-wrap img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

.mod-iphone-highlight .iphone-section .content-wrap {
    position: absolute;
    font-size: 15px
}

@media only screen and (max-width: 599px) {
    .mod-iphone-highlight .iphone-section .content-wrap {
        font-size: 12px;
        line-height: 16px
    }
    .mod-iphone-highlight .iphone-section .content-wrap p {
        font-size: 12px;
        line-height: 16px
    }
}

.mod-iphone-highlight .iphone-section .content-wrap.light {
    color: #cccccc
}

.mod-iphone-highlight .iphone-section .content-wrap.light p {
    font-size: 22px;
    line-height: 30px
}

@media only screen and (max-width: 599px) {
    .mod-iphone-highlight .iphone-section .content-wrap.light p {
        font-size: 16px;
        line-height: 24px
    }
}

.mod-iphone-highlight .iphone-section .btn {
    position: absolute;
    width: auto !important
}

.compare-table-wrap .grid {
    margin-bottom: 20px
}

@media only screen and (max-width: 599px) {
    .compare-table-wrap .compare-table .w-20 {
        position: relative;
        width: 100%;
        padding-top: 16px;
        padding-left: 50%;
        float: left
    }
    .compare-table-wrap .compare-table .w-20:before {
        position: absolute;
        top: 16px;
        left: 0px;
        content: attr(data-model);
        width: 50%;
        display: block;
        float: left;
        clear: both
    }
}

#roaming-calculator {
    font-family: "Vodafone", Arial
}

#roaming-calculator input, #roaming-calculator textarea, #roaming-calculator select {
    font-family: "Vodafone", Arial
}

#roaming-calculator .roaming-fm {
    width: 100%
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .roaming-fm {
        width: 60%
    }
}

#roaming-calculator select, #roaming-calculator input {
    color: #767676;
    font-size: 16px;
    line-height: 18px
}

#roaming-calculator select.error, #roaming-calculator input.error {
    color: #E60000;
    border: 1px solid #E60000
}

#roaming-calculator select option:hover, #roaming-calculator select option:active, #roaming-calculator select option.nice-select.open {
    background-color: #EBEBEB
}

#roaming-calculator label {
    font-size: 16px;
    line-height: 20px;
    color: #767676;
    padding-bottom: 10px
}

@media only screen and (min-width: 450px) {
    #roaming-calculator label {
        padding-bottom: 5px
    }
}

#roaming-calculator .fm-data {
    padding: 0 0 20px
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .fm-data {
        padding: 0 0 10px
    }
}

#roaming-calculator i.select-arrow {
    width: 15px;
    height: 15px;
    background-size: 33px;
    margin-left: -3px
}

#roaming-calculator i.i-arrow-down-grey-lrg {
    background-position: 0 -440px
}

#roaming-calculator i.i-arrow-up-grey-lrg {
    background-position: 0 -742px
}

#roaming-calculator .alert {
    padding: 8px 15px
}

#roaming-calculator .alert.warning::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 120px;
    margin-top: 3px;
    background-color: #FEF0F0;
    border-bottom: 1px solid #ff5400;
    border-right: 1px solid #ff5400;
    clear: both;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#roaming-calculator #calculateRoamingCosts {
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

#roaming-calculator #calculateRoamingCosts.more-calculation-cta {
    color: #333333
}

#roaming-calculator .fm-to-roaming-sale {
    float: left;
    margin-right: 7px;
    height: 32px;
    display: none;
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .fm-to-roaming-sale {
        width: auto;
        margin-bottom: 0
    }
}

#roaming-calculator .fm-to-roaming-sale a {
    height: 32px
}

#roaming-calculator .calculated-roaming-wrapper {
    display: none;
    padding: 5px 15px;
    height: 44px;
    width: 100%
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .calculated-roaming-wrapper {
        width: 60%
    }
}

#roaming-calculator .calculated-roaming-wrapper .roaming-notification-text, #roaming-calculator .calculated-roaming-wrapper #costsForRoaming {
    color: #333333;
    font-size: 14px;
    line-height: 16px;
    padding-left: 47px
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .calculated-roaming-wrapper .roaming-notification-text, #roaming-calculator .calculated-roaming-wrapper #costsForRoaming {
        line-height: 33px
    }
}

#roaming-calculator .calculated-roaming-wrapper #costsForRoaming {
    padding: 0
}

#roaming-calculator .more-calculation-cta, #roaming-calculator .more-calculation-cta:focus, #roaming-calculator .more-calculation-cta:hover {
    color: #333333;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border-color: #333;
    outline-color: #333;
    border: none
}

#roaming-calculator .required-label-roaming-calc {
    color: #333333;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 30px
}

#roaming-calculator #roaming-info-wrapper {
    display: none
}

#roaming-calculator #roaming-info-wrapper .roaming-info-headline, #roaming-calculator #roaming-info-wrapper .roaming-info-text {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold
}

#roaming-calculator #roaming-info-wrapper .roaming-info-text {
    font-weight: normal;
    margin-top: 10px;
    color: #333333;
    font-size: 14px;
    line-height: 20px
}

#roaming-calculator .error-message-roaming-used-app, #roaming-calculator .error-message-roaming-used-minutes {
    background-color: #FEF0F0;
    display: none;
    width: 100%
}

@media only screen and (min-width: 450px) {
    #roaming-calculator .error-message-roaming-used-app, #roaming-calculator .error-message-roaming-used-minutes {
        width: 60%
    }
}

#roaming-calculator .error-message-roaming-used-app p, #roaming-calculator .error-message-roaming-used-minutes p {
    color: #333333;
    font-size: 14px;
    line-height: 33px;
    padding-left: 47px
}

.mod-multi-upload {
    margin-bottom: 15px
}

.mod-multi-upload input[type=file] {
    display: none
}

.mod-multi-upload .dropHandle {
    position: relative;
    padding-left: 35px
}

.mod-multi-upload .dropHandle svg {
    position: absolute;
    top: 7px;
    left: 7px
}

.mod-multi-upload .dropHandle .text-first {
    display: inline
}

.mod-multi-upload .dropHandle .text-addidional {
    display: none
}

.mod-multi-upload .dropHandle.atLeastOneValidFile .text-first {
    display: none
}

.mod-multi-upload .dropHandle.atLeastOneValidFile .text-addidional {
    display: inline
}

.mod-multi-upload .preview {
    padding-bottom: 10px
}

.mod-multi-upload .preview li {
    margin-bottom: 10px
}

.mod-multi-upload .preview li .status {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #333;
    margin-right: 5px
}

.mod-multi-upload .preview li .error {
    display: none;
    color: #e60000;
    padding: 2px 0 2px 30px;
    width: 290px;
    border: none;
    background: none;
    font-size: 12px
}

.mod-multi-upload .preview li.removed {
    color: #ccc
}

.mod-multi-upload .preview li.removed .status {
    border: 1px solid #ccc
}

.mod-multi-upload .preview li.invalid {
    color: #e60000
}

.mod-multi-upload .preview li.invalid .status {
    border: 1px solid #e60000
}

.mod-multi-upload .preview li.invalid .error {
    display: block
}

.mod-multi-upload .preview li.removed .status svg, .mod-multi-upload .preview li.invalid .status svg {
    visibility: hidden
}

.mod-mph {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    height: 100%
}

.mod-mph .mph_landscape_asset, .mod-mph .mph_portrait_asset {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: #333;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph_portrait_asset {
        display: block
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-mph .mph_landscape_asset {
        display: block
    }
}

@media only screen and (max-height: 1024px) and (orientation: landscape) {
    .mod-mph .mph_portrait_asset {
        display: none
    }
    .mod-mph .mph_landscape_asset {
        display: block
    }
}

@media only screen and (min-width: 1025px) {
    .mod-mph .mph_landscape_asset {
        display: block
    }
}

.mod-mph .mph-additional-bottom-link {
    position: absolute;
    width: 100%;
    bottom: 36px
}

.mod-mph .mph-additional-bottom-link .h2, .mod-mph .mph-additional-bottom-link .h3 {
    text-align: center !important;
    font-size: 24px;
    color: #fff;
    margin-bottom: 4px
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph-additional-bottom-link {
        display: none
    }
}

@media only screen and (max-height: 599px) and (orientation: landscape) {
    .mod-mph .mph-additional-bottom-link {
        display: none
    }
}

.mod-mph .mph_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph_center {
        width: 280px
    }
}

@media only screen and (max-height: 599px) and (orientation: landscape) {
    .mod-mph .mph_center {
        width: 523px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-mph .mph_center {
        width: 520px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-mph .mph_center {
        width: 760px
    }
}

.mod-mph .mph_center .h1 {
    color: #fff;
    text-align: center
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph_center .h1 {
        margin: 0 -50px 10px -50px
    }
}

@media only screen and (max-height: 599px) and (orientation: landscape) {
    .mod-mph .mph_center .h1 {
        margin-bottom: 30px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-mph .mph_center .h1 {
        margin-bottom: 50px;
        margin: 0 -50px 30px -50px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-mph .mph_center .h1 {
        margin-bottom: 30px
    }
}

.mod-mph .mph_center ul li {
    float: left;
    width: 100px;
    margin-right: 120px
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph_center ul li {
        margin-right: 80px;
        margin-bottom: 41px
    }
    .mod-mph .mph_center ul li:nth-child(even) {
        margin-right: 0px
    }
}

@media only screen and (max-height: 599px) and (orientation: landscape) {
    .mod-mph .mph_center ul li {
        margin-right: 41px;
        margin-bottom: 0px !important
    }
    .mod-mph .mph_center ul li:nth-child(even) {
        margin-right: 41px !important
    }
    .mod-mph .mph_center ul li:last-child {
        margin-right: 0px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-mph .mph_center ul li {
        margin-bottom: 81px;
        margin-right: 40px
    }
    .mod-mph .mph_center ul li:last-child {
        margin-right: 0px !important
    }
}

@media only screen and (max-width: 1024px) {
    .mod-mph .mph_center ul li:nth-child(3), .mod-mph .mph_center ul li:nth-child(4) {
        margin-bottom: 0px
    }
}

@media only screen and (min-width: 1025px) {
    .mod-mph .mph_center ul li:last-child {
        margin-right: 0px
    }
}

.mod-mph .mph_center ul li a {
    position: relative;
    display: inline-block;
    width: 100px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.mod-mph .mph_center ul li a .mph_icon {
    width: 100px;
    height: 100px;
    padding: 26px;
    border-radius: 50px;
    margin-bottom: 15px;
    transition: background-color 0.2s;
    background-color: #fff
}

.mod-mph .mph_center ul li a:hover .mph_icon {
    background-color: #e60000
}

.mod-mph .mph_center ul li a:active .mph_icon, .mod-mph .mph_center ul li a.nice-select.open .mph_icon {
    transition: none;
    background-color: #e60000
}

.mod-mph .mph_center ul li a svg {
    fill: #333;
    transition: fill 0.2s
}

.mod-mph .mph_center ul li a .mph_icon.combi svg {
    margin-top: -10px;
    margin-left: -10px;
    width: 68px;
    height: 68px
}

.mod-mph .mph_center ul li a:hover svg {
    fill: #fff
}

.mod-mph .mph_center ul li a:active svg, .mod-mph .mph_center ul li a.nice-select.open svg {
    transition: none;
    fill: #fff
}

.mod-mph .mph_center ul li a .h3 {
    color: #fff;
    transition: color 0.2s;
    margin: 0px auto;
    margin-left: -50px;
    width: 200px;
    text-align: center
}

@media only screen and (max-width: 599px) {
    .mod-mph .mph_center ul li a .h3 {
        margin-left: -30px;
        width: 160px;
        font-size: 16px;
        line-height: 20px
    }
}

.mod-mph .mph_center ul li a:hover .h3 {
    color: #e60000
}

.mod-mph .mph_center ul li a:active .h3, .mod-mph .mph_center ul li a.nice-select.open .h3 {
    transition: none;
    color: #e60000
}

.mph-note {
    position: absolute;
    top: 50%;
    margin-top: 185px;
    width: 100%;
    height: 55px;
    background-color: #ffffff
}

@media only screen and (max-width: 599px) {
    .mph-note {
        margin-top: 205px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mph-note {
        margin-top: 140px
    }
}

.mph-note a.belt {
    display: table;
    height: 55px
}

.mph-note a.belt:hover {
    text-decoration: none
}

.mph-note .mph-note-icon-box {
    display: table-cell;
    width: 40px;
    vertical-align: middle
}

.mph-note .mph-note-icon-box .mph-note-icon-highlight {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #e60000;
    padding: 3px 4px
}

.mph-note .mph-note-icon-box .mph-note-icon-highlight svg {
    width: 24px;
    height: 24px
}

.mph-note .mph-note-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px
}

@media only screen and (max-width: 1024px) {
    .mph-note .mph-note-text {
        font-size: 14px
    }
}

.mph-note .mph-note-text strong {
    color: #e60000
}

.content .mph-note {
    position: relative;
    background-color: #eaeaea;
    margin-top: -46px;
    margin-bottom: 30px
}

@media only screen and (max-width: 599px) {
    .content .mph-note {
        margin-top: -6px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .content .mph-note {
        margin-top: -26px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .content .mph-note {
        margin-top: 6px
    }
}

.content .mph-note:before {
    position: absolute;
    display: block;
    content: " ";
    top: 0px;
    left: -800px;
    width: 2545px;
    height: 55px;
    background-color: #eaeaea;
    z-index: -1
}

.content .mph-note a.belt {
    padding: 0
}

.mph-banner {
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    margin-top: -100px
}

@media only screen and (min-width: 600px) {
    .mph-banner {
        top: 75%
    }
}

@media only screen and (max-width: 599px) {
    .mph-banner {
        bottom: 0px;
        height: 90px;
        margin-bottom: 0
    }
}

.mph-banner .mph-banner-dt-img {
    position: relative;
    top: 0;
    height: 200px;
    background-position: center top
}

.mph-banner .mph-banner-m-img {
    position: relative;
    display: block;
    top: 0;
    height: 90px;
    background-position: center top
}

.mph-banner .btn-wrap {
    position: absolute;
    top: 0;
    left: 50%
}

.mph-banner .btn-wrap .br {
    display: none
}

.mph-banner .btn-wrap.stacked .btn {
    display: table;
    margin: 0 auto
}

.mph-banner .btn-wrap.stacked .btn:last-child {
    margin: -8px auto 0
}

.mph-banner .btn-wrap.stacked .br {
    display: inline
}

.mod-mph-toast {
    position: fixed;
    display: none;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.97);
    border-top: 4px solid #e60000;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    z-index: 5
}

.mod-mph-toast .belt {
    position: relative
}

.mod-mph-toast .txtBox {
    position: relative;
    padding: 14px 34px 20px 100px
}

.mod-mph-toast .txtBox .h2 {
    margin-bottom: 10px
}

.mod-mph-toast .txtBox .h4 {
    margin-bottom: 20px
}

.mod-mph-toast .imgBox {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 80px;
    height: 80px
}

.mod-mph-toast .imgBox img {
    position: relative;
    width: 80px;
    height: 80px
}

.mod-mph-toast .close {
    position: absolute;
    top: 14px;
    right: 12px
}

.mod-mph-toast .close .close-icon {
    width: 23px;
    height: 23px;
    cursor: pointer
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-mph-toast .imgBox {
        left: 8px
    }
    .mod-mph-toast .close {
        right: 4px
    }
}

@media only screen and (max-width: 599px) {
    .mod-mph-toast .txtBox {
        padding: 14px 24px 10px 70px
    }
    .mod-mph-toast .imgBox {
        left: 10px;
        width: 60px;
        height: 60px
    }
    .mod-mph-toast .imgBox img {
        position: relative;
        width: 60px;
        height: 60px
    }
    .mod-mph-toast .close {
        right: 6px
    }
    .mod-mph-toast .btn {
        width: auto
    }
}

.nsf-overlay-content {
    display: none
}

.no-scroll {
    overflow: hidden
}

.no-scroll .mod-overlay {
    overflow-y: scroll
}

.mod-overlay, .nsf-overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1001;
    cursor: pointer;
    padding: 52px 0
}

.mod-overlay .overlay, .nsf-overlay .overlay {
    position: fixed;
    width: 928px;
    z-index: 1002;
    left: 50%;
    margin-left: -464px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    max-height: calc(100% - 104px);
    cursor: auto
}

.mod-overlay .overlay .header-mob, .nsf-overlay .overlay .header-mob {
    display: none
}

.mod-overlay .overlay .overlay-content, .nsf-overlay .overlay .overlay-content {
    padding: 30px;
    font-size: 14px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.mod-overlay .overlay .overlay-content .h2, .nsf-overlay .overlay .overlay-content .h2 {
    color: #333
}

.mod-overlay .overlay .overlay-content .text, .nsf-overlay .overlay .overlay-content .text {
    color: #333
}

.mod-overlay .overlay .module, .nsf-overlay .overlay .module {
    margin-top: 20px
}

.mod-overlay .close, .nsf-overlay .close {
    position: absolute;
    top: -44px;
    right: 0;
    cursor: pointer
}

.mod-overlay .close .label, .nsf-overlay .close .label {
    opacity: 0;
    float: left;
    line-height: 32px;
    margin-right: 5px;
    color: #fff;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in
}

.mod-overlay .close .close-icon, .nsf-overlay .close .close-icon {
    padding: 5px;
    background-color: #ffffff;
    border-radius: 3px
}

.mod-overlay .close:hover .label, .nsf-overlay .close:hover .label {
    opacity: 1
}

.mod-overlay .close.btn, .nsf-overlay .close.btn {
    position: initial;
    top: initial;
    right: initial
}

@media only screen and (max-width: 599px) {
    .mod-overlay .overlay, .nsf-overlay .overlay {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
        left: 0
    }
    .mod-overlay .overlay .overlay-content, .nsf-overlay .overlay .overlay-content {
        padding: 10px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-overlay .overlay, .nsf-overlay .overlay {
        margin-left: 8px;
        margin-right: 8px;
        width: calc(100% - 16px);
        left: 0
    }
    .mod-overlay .overlay .overlay-content, .nsf-overlay .overlay .overlay-content {
        padding: 20px
    }
}

.enterprise.mod-overlay .overlay {
    border-radius: 0;
    border: 0;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4)
}

.enterprise.mod-overlay .overlay .overlay-content {
    margin: 0 auto;
    padding: 30px 10%
}

.enterprise.mod-overlay .overlay .h1, .enterprise.mod-overlay .overlay .h2 {
    margin-bottom: 10px
}

.enterprise.mod-overlay .overlay .text {
    margin-top: 40px
}

.enterprise.mod-overlay.dark-theme {
    background: rgba(0, 0, 0, 0.75)
}

.enterprise.mod-overlay.dark-theme .overlay {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.enterprise.mod-overlay.dark-theme .overlay .close .label {
    display: none
}

.enterprise.mod-overlay.dark-theme .overlay .close .close-icon {
    background-color: #000;
    fill: #fff !important
}

.enterprise.mod-overlay.dark-theme .overlay .overlay-content {
    padding: 0;
    overflow-y: hidden
}

@media only screen and (max-width: 599px) {
    .enterprise.mod-overlay.dark-theme .overlay {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        height: auto;
        top: 50%
    }
    .enterprise.mod-overlay.dark-theme .overlay .header-mob {
        display: none
    }
    .enterprise.mod-overlay.dark-theme .overlay .close {
        right: 15px;
        top: 15px
    }
    .enterprise.mod-overlay.dark-theme .overlay .overlay-content {
        padding: 62px 15px 10px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise.mod-overlay.dark-theme .overlay .overlay-content {
        padding: 0
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .enterprise.mod-overlay .overlay {
        width: calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px
    }
    .enterprise.mod-overlay .overlay .overlay-content {
        padding: 20px;
        padding: 30px 10%
    }
    .enterprise.mod-overlay .overlay .text {
        margin-top: 30px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise.mod-overlay {
        padding: 0
    }
    .enterprise.mod-overlay .close {
        top: 10px;
        right: 10px;
        z-index: 6
    }
    .enterprise.mod-overlay .close .close-icon {
        z-index: 6;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4)
    }
    .enterprise.mod-overlay .overlay {
        width: 100%;
        left: 0;
        top: 0;
        margin-left: 0;
        margin-right: 0;
        transform: initial;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: none
    }
    .enterprise.mod-overlay .overlay .header-mob {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 62px;
        z-index: 5;
        background: #fff
    }
    .enterprise.mod-overlay .overlay .overlay-content {
        width: 100%;
        padding: 62px 20px 10px;
        position: relative;
        z-index: 4
    }
    .enterprise.mod-overlay .overlay .text {
        margin-top: 16px
    }
}

.mod-simple-promo-teaser .img-cover-wrapper .play-video {
    right: 25%
}

.mod-simple-promo-teaser.switch .img-cover-wrapper .play-video {
    left: 25%;
    margin-left: -50px;
    margin-right: 0
}

.video-wrapper .mejs-overlay-button {
    background-size: 100px 200px
}

.video-wrapper .mejs-controls {
    background: rgba(255, 255, 255, 0.6);
    opacity: 0;
    display: none
}

@media (min-width: 1025px) {
    .video-wrapper .mejs-controls {
        opacity: 1;
        display: block
    }
}

.video-wrapper .mejs-controls .mejs-play button {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Il94MkVfaS14eHNtbF8uaS14c21sIj48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MTAuODQ5NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBjbGFzcz0ic3QwIiBwb2ludHM9Ijg4LjcsNTAuOCAxNC41LDEwLjIgMTQuNSw5MS42IDg4LjcsNTAuOCAiLz48L2c+PGcgaWQ9Il94MkVfaS1scmdfLmktbWRtXy5pLXNtbCI+PHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjEwLjg0OTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgY2xhc3M9InN0MCIgcG9pbnRzPSI4OC43LDUwLjggMTQuNSwxMC4yIDE0LjUsOTEuNiA4OC43LDUwLjggIi8+PC9nPjwvc3ZnPg==) no-repeat
}

.video-wrapper .mejs-controls .mejs-pause button {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9ImktbHJnLmktbWRtLmktc21sIj48bGluZSBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMS4zMjc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI2OS44IiB5MT0iNy41IiB4Mj0iNjkuOCIgeTI9IjkyLjUiLz48bGluZSBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMS4zMjc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSIzMC4yIiB5MT0iOTIuNSIgeDI9IjMwLjIiIHkyPSI3LjUiLz48bGluZSBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMS4zMjc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI2OS44IiB5MT0iNy41IiB4Mj0iNjkuOCIgeTI9IjkyLjUiLz48bGluZSBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMS4zMjc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSIzMC4yIiB5MT0iOTIuNSIgeDI9IjMwLjIiIHkyPSI3LjUiLz48L2c+PC9zdmc+) no-repeat;
    background-position: 0 0;
    background-size: 20px 20px
}

.video-wrapper .mejs-controls .mejs-mute button {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Il94MkVfaS1scmdfLmktbWRtXy5pLXNtbCI+PHBhdGggY2xhc3M9InN0MCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6Ny4xODY1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIGQ9Ik04Mi4yLDI1LjFjMTMuNywxMy42LDEzLjcsMzUuNiwwLDQ5LjIiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTcyLDMxLjljOS43LDkuNiw5LjcsMjUuMiwwLDM0LjgiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTYxLjgsMzkuOWM1LjYsNS41LDUuNiwxNC41LDAsMjAiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTI1LjQsNTkuMWwxOS4yLDE5VjIxLjhMMjYsNDAuMkgxMC45Yy0xLjksMC0zLjUsMS40LTMuNSwzLjJ2MTIuNWMwLDEuOCwxLjYsMy4yLDMuNSwzLjJoMy4zIi8+PC9nPjxnIGlkPSJfeDJFX2kteHhzbWxfLmkteHNtbCI+PHBhdGggY2xhc3M9InN0MCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6Ny4xODY1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIGQ9Ik04Mi4yLDI1LjFjMTMuNywxMy42LDEzLjcsMzUuNiwwLDQ5LjIiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTcyLDMxLjljOS43LDkuNiw5LjcsMjUuMiwwLDM0LjgiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTYxLjgsMzkuOWM1LjYsNS41LDUuNiwxNC41LDAsMjAiLz48cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjE4NjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTI1LjQsNTkuMWwxOS4yLDE5VjIxLjhMMjYsNDAuMkgxMC45Yy0xLjksMC0zLjUsMS40LTMuNSwzLjJ2MTIuNWMwLDEuOCwxLjYsMy4yLDMuNSwzLjJoMy4zIi8+PC9nPjwvc3ZnPg==) no-repeat;
    background-position: 0 0
}

.video-wrapper .mejs-controls .mejs-unmute button {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Il94MkVfaS1scmdfLmktbWRtXy5pLXNtbCI+PHBhdGggY2xhc3M9InN0MCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MTAuNzk5OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNNDguNiw2My42bDI4LjgsMjguNlY3LjVMNDkuNSwzNS4ySDI2LjhjLTIuOSwwLTUuMiwyLjItNS4yLDQuOHYxOC44YzAsMi43LDIuMyw0LjgsNS4yLDQuOGg1Ii8+PC9nPjxnIGlkPSJfeDJFX2kteHhzbWxfLmkteHNtbCI+PHBhdGggY2xhc3M9InN0MCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MTAuNzk5OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNNDguNiw2My42bDI4LjgsMjguNlY3LjVMNDkuNSwzNS4ySDI2LjhjLTIuOSwwLTUuMiwyLjItNS4yLDQuOHYxOC44YzAsMi43LDIuMyw0LjgsNS4yLDQuOGg1Ii8+PC9nPjwvc3ZnPg==) no-repeat;
    background-position: 0 0
}

.video-wrapper .mejs-controls .mejs-fullscreen-button button {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Il94MkVfaS1scmdfLmktbWRtXy5pLXNtbCI+PHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjEwLjg5Nzg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgY2xhc3M9InN0MCIgcG9pbnRzPSIzNi4xLDkxLjggOCw5MS44IDgsNjMuOCAiLz48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MTAuODk3ODtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBjbGFzcz0ic3QwIiBwb2ludHM9IjY0LjcsNi43IDkyLjgsNi43IDkyLjgsMzQuNyAiLz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMC44OTc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIGNsYXNzPSJzdDAiIHgxPSI5Mi44IiB5MT0iNi44IiB4Mj0iMTMuOCIgeTI9Ijg1LjgiLz48L2c+PGcgaWQ9Il94MkVfaS14eHNtbF8uaS14c21sIj48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MTAuODk3ODtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBjbGFzcz0ic3QwIiBwb2ludHM9IjM2LjEsOTEuOCA4LDkxLjggOCw2My44ICIvPjxwb2x5bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxMC44OTc4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIGNsYXNzPSJzdDAiIHBvaW50cz0iNjQuNyw2LjcgOTIuOCw2LjcgOTIuOCwzNC43ICIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjEwLjg5Nzg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgY2xhc3M9InN0MCIgeDE9IjkyLjgiIHkxPSI2LjgiIHgyPSIxMy44IiB5Mj0iODUuOCIvPjwvZz48L3N2Zz4=) no-repeat;
    background-position: 0 0
}

.video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total {
    height: 4px;
    margin-top: 7px
}

.video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-buffering, .video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded, .video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current {
    height: 4px
}

.video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current {
    background: #E60000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iX3gyRV9pLXh4c21sXy5pLXhzbWwiPjxjaXJjbGUgY2xhc3M9InN0MCIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6bm9uZTsiIGN4PSIxOCIgY3k9IjE3LjQiIHI9IjEzIi8+PGNpcmNsZSBjbGFzcz0ic3QxIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRTYwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgY3g9IjE4IiBjeT0iMTgiIHI9IjEzIi8+PC9nPjxnIGlkPSJfeDJFX2ktbHJnXy5pLW1kbV8uaS1zbWxfMl8iPjxjaXJjbGUgY2xhc3M9InN0MCIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6bm9uZTsiIGN4PSIxOCIgY3k9IjE3LjQiIHI9IjEzIi8+PGNpcmNsZSBjbGFzcz0ic3QxIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRTYwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgY3g9IjE4IiBjeT0iMTgiIHI9IjEzIi8+PC9nPjwvc3ZnPg==) no-repeat
}

.video-wrapper .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
    background: #000000
}

.video-wrapper .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    background: #E60000
}

.video-wrapper .mejs-controls .mejs-currenttime, .video-wrapper .mejs-controls .mejs-duration {
    color: #333333
}

.mod-video-content {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    background: #ffffff
}

.mod-video-content .video-only-text {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #cccccc;
    border-top: 0
}

.mod-video-content .video-only-text .text-header {
    font-weight: bold;
    font-size: 20px
}

.mod-video-content .video-only-text .text {
    margin-top: 10px
}

.mod-video-content .video-only-text .text a {
    font-weight: bold
}

.mod-video-content.video-only .video-wrapper {
    position: relative
}

.vc2-element.img-cover-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.vc2-element.img-cover-wrapper .img-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0.4
}

.vc2-element.img-cover-wrapper .play-video {
    position: absolute;
    top: 50%;
    right: 50%;
    height: 100px;
    width: 100px;
    overflow: hidden;
    margin-top: -50px;
    margin-right: -50px;
    color: #fff;
    cursor: pointer
}

.vc2-element.img-cover-wrapper .play-video img {
    margin-top: -100px;
    width: 100px;
    height: 200px
}

.vc2-element.img-cover-wrapper .play-video:hover img {
    margin-top: 0
}

.image-text .mod-video-content {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: transparent;
    padding-left: 0
}

.image-text .mod-video-content .play-video {
    margin-right: -50px
}

@media (min-width: 600px) {
    .image-text .mod-video-content {
        position: absolute;
        padding-left: 16px
    }
    .image-text .mod-video-content .play-video {
        margin-right: -58px
    }
}

@media (min-width: 1025px) {
    .image-text .mod-video-content {
        padding-left: 32px
    }
    .image-text .mod-video-content .play-video {
        margin-right: -64px
    }
}

.image-text .mod-video-content .video-wrapper {
    transform: scale(1);
    zoom: 1;
    opacity: 0;
    position: relative;
    z-index: 6
}

.image-text .mod-video-content .video-wrapper.loaded {
    transform: scale(0);
    zoom: 0;
    opacity: 1
}

.image-text .mod-video-content .video-wrapper.shown {
    zoom: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.image-text .mod-video-content .video-wrapper.shown.right {
    transform-origin: top right;
    float: none
}

@media (min-width: 600px) {
    .image-text .mod-video-content .video-wrapper.shown.right {
        float: right
    }
}

@media (min-width: 600px) {
    .image-text .mod-video-content .video-wrapper.shown {
        transform-origin: top left;
        transition: transform .5s, zoom .5s
    }
}

.image-text .mod-video-content .video-wrapper .mejs-fullscreen-button {
    margin-left: -1px
}

.image-text .vc2-element.img-cover-wrapper {
    padding-left: 0
}

@media (min-width: 600px) {
    .image-text .vc2-element.img-cover-wrapper {
        padding-left: 16px
    }
}

@media (min-width: 1025px) {
    .image-text .vc2-element.img-cover-wrapper {
        padding-left: 32px
    }
}

.image-text .vc2-element .img-cover {
    position: static
}

.image-text .vc2-element .play-icon-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

@media (min-width: 600px) {
    .enterprise .image-text .mod-video-content {
        margin-left: 20px
    }
}

.enterprise .image-text .mod-video-content .vc2-element.img-cover-wrapper img {
    margin-left: 0
}

@media (min-width: 600px) {
    .enterprise .image-text.ts-switch2 .mod-video-content {
        margin-right: 20px;
        margin-left: 11px;
        padding-left: 0px
    }
    .enterprise .image-text.ts-switch2 .mod-video-content .img-cover-wrapper {
        padding-right: 30px;
        padding-left: 0
    }
    .enterprise .image-text.ts-switch2 .mod-video-content .play-video {
        margin-right: -40px
    }
}

.enterprise .image-text.ts-switch2 .mod-video-content .img-cover-wrapper img {
    margin-left: 0
}

.mod-simple-promo-teaser .content-wrapper {
    z-index: 11
}

.mod-simple-promo-teaser .img-wrap.vc2-element-simple-img-wrap {
    position: relative
}

@media (max-width: 600px) {
    .mod-simple-promo-teaser .img-wrap.vc2-element-simple-img-wrap {
        float: none
    }
}

@media (min-width: 600px) {
    .mod-simple-promo-teaser .img-wrap.vc2-element-simple-img-wrap {
        position: absolute;
        left: 0
    }
}

.mod-simple-promo-teaser .mod-video-content {
    position: static;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    background: none
}

@media (min-width: 600px) {
    .mod-simple-promo-teaser .mod-video-content {
        position: absolute
    }
}

.mod-simple-promo-teaser .mod-video-content .video-wrapper {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(1);
    zoom: 1;
    opacity: 0;
    position: relative
}

.mod-simple-promo-teaser .mod-video-content .video-wrapper.loaded {
    transform: scale(0);
    zoom: 0;
    opacity: 1
}

.mod-simple-promo-teaser .mod-video-content .video-wrapper.shown {
    zoom: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative
}

@media (min-width: 600px) {
    .mod-simple-promo-teaser .mod-video-content .video-wrapper.shown {
        transform-origin: top center;
        transition: transform .5s, zoom .5s
    }
}

.mod-simple-promo-teaser .mod-video-content .video-wrapper .mejs-fullscreen-button {
    margin-left: -1px
}

.mod-simple-promo-teaser .mod-video-content .img-cover-wrapper .play-video {
    right: 25%
}

.mod-simple-promo-teaser .mod-video-content.switch .img-cover-wrapper .play-video {
    left: 25%;
    margin-left: -50px;
    margin-right: 0
}

.mod-simple-promo-teaser .mejs-overlay-button {
    right: 25%
}

.mod-simple-promo-teaser.switch .mejs-overlay-button {
    left: 25%;
    margin-left: -50px;
    margin-right: 0
}

@media only screen and (max-width: 599px) {
    .mod-simple-promo-teaser .mod-video-content {
        margin-left: -1px
    }
    .mod-simple-promo-teaser .mod-video-content .mejs-overlay-button {
        right: 50%;
        margin-top: -25px
    }
    .mod-simple-promo-teaser.switch .mod-video-content .mejs-overlay-button {
        left: 50%;
        margin-left: -50px;
        margin-right: 0;
        margin-top: -50px
    }
    .mod-simple-promo-teaser .mod-video-content {
        margin-left: -1px
    }
    .mod-simple-promo-teaser .mod-video-content .img-cover-wrapper {
        visibility: none
    }
    .mod-simple-promo-teaser .mod-video-content .img-cover-wrapper .play-video {
        right: 50%
    }
    .mod-simple-promo-teaser.switch .mod-video-content .img-cover-wrapper .play-video {
        left: 50%;
        margin-left: -50px;
        margin-right: 0
    }
}

@keyframes vc2PlayButtonAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes vc2PlayButtonAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes vc2PlayButtonAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes vc2PlayButtonAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

.vc2-play-button-animation {
    -webkit-animation: vc2PlayButtonAnimation 1s infinite;
    -moz-animation: vc2PlayButtonAnimation 1s infinite;
    -o-animation: vc2PlayButtonAnimation 1s infinite;
    animation: vc2PlayButtonAnimation 1s infinite
}

.mod-roaming-stepper .offers {
    display: none
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head {
    padding: 15px 20px 15px 60px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head.disabled {
    opacity: .5
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .tg-show, .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .tg-hide {
    display: none
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .change-step {
    font-size: 14px;
    margin-left: 10px;
    float: right;
    text-decoration: underline
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .tg-icon .icon-wrap .i-step-number-b-xsml {
    left: 20px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .tg-icon .icon-wrap .i-step-number-b-xsml .step-number-digit {
    font-size: 16px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-head .tg-icon svg {
    top: 16px;
    transform: translateY(0%)
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board {
    padding: 20px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board p {
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 5px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .image-text .content-wrap {
    background-color: transparent
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col {
    float: none !important;
    width: 60% !important;
    padding: 0 !important
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col .action-box .box-wrapper .content-wrapper {
    padding: 0 !important
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col:last-child {
    margin-bottom: 0 !important
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col:last-child .action-box {
    margin-bottom: 0
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module p, .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module p:last-child {
    margin-bottom: 15px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board strong {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .next-step {
    margin-top: 20px;
    margin-bottom: 0;
    background: white;
    color: #333333
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .next-step.disabled {
    opacity: .5
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .reset-steps {
    margin-top: 20px;
    margin-bottom: 0
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .fm-radio {
    padding-bottom: 0
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .fm-radio label.checked {
    font-weight: normal
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item {
    width: 60%
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .flag {
    margin-right: 5px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete {
    width: 100% !important
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete.eac-square ul {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    border: solid 1px #7f8c8d;
    margin-top: 5px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete.eac-square ul li {
    min-height: 45px;
    line-height: 45px;
    padding: 0 12px;
    border: 0;
    border-bottom: 1px solid #f4f4f4
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete.eac-square ul li:last-child {
    border: 1px solid transparent;
    border-radius: 0 0 5px 5px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete.eac-square ul li:first-child {
    border: 1px solid transparent;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 5px 5px 0 0
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete.eac-square ul li .no-flag {
    margin-left: 23px
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete input {
    width: 100% !important
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .easy-autocomplete input::-ms-clear {
    height: 0;
    width: 0
}

.mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item .delete-content {
    float: right;
    cursor: pointer;
    margin-top: -30px;
    margin-right: 10px;
    position: relative
}

.mod-roaming-stepper .accordion .tg-accord .tg-item:last-child .tg-board {
    padding-bottom: 0
}

@media only screen and (max-width: 599px) {
    .mod-roaming-stepper .accordion .tg-accord .tg-head .tg-icon .icon-wrap {
        height: 0;
        width: 0
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-head .tg-icon svg {
        left: 20px !important
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module h3, .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .h3 {
        padding-left: 0
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col {
        float: none !important;
        width: 100% !important
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item {
        width: 100%
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item input {
        font-size: 16px
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .next-step, .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .reset-steps {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .tg-board .module .action-box-col {
        float: none !important;
        width: 80% !important
    }
    .mod-roaming-stepper .accordion .tg-accord .tg-item .tg-body .roaming-stepper-item {
        width: 80%
    }
}

.standard-form input, .standard-form .fm-select, .standard-form textarea {
    width: 100%
}

.standard-form input:focus, .standard-form .fm-select:focus, .standard-form textarea:focus {
    outline: none;
    border: 1px solid #transparent
}

.standard-form input, .standard-form select, .standard-form textarea {
    -moz-appearance: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6) inset;
    font-family: "Vodafone", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 14px 10px;
    width: 100%
}

.standard-form input.with-field-icon {
    padding-right: 52px
}

.standard-form select {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .standard-form select {
    border: 1px solid #ccc
}

.standard-form .fm-select span {
    border-left: 1px solid #ccc;
    padding: 5px 6px 1px 8px;
    margin-right: 4px;
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    background: #fff;
    pointer-events: none
}

.standard-form .fm-select select:disabled {
    background-color: white;
    opacity: 0.5;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    color: #c4c4c4 !important
}

.lt-ie9 .standard-form .fm-select select:disabled {
    border: 1px solid #ccc
}

.standard-form .fm-select select:disabled+span {
    opacity: 0.5
}

.standard-form label, .standard-form legend, .standard-form .additional-label {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px;
    color: #333
}

.standard-form .forms-head {
    font-size: 16px;
    line-height: 20px
}

.standard-form .forms-copy2 {
    font-size: 14px;
    line-height: 20px
}

.standard-form .fm-error-border {
    border: 1px solid #e60000
}

.standard-form .fm-error-border select {
    border: none;
    margin: 0;
    outline: 0
}

.standard-form .fm-success-border {
    border: 1px solid #427d00
}

.standard-form .fm-success-border select {
    border: none;
    margin: 0;
    outline: 0
}

.standard-form .tg-forminfo-ol {
    width: 100%;
    position: relative;
    z-index: 0
}

.standard-form .tg-forminfo-ol.info-active {
    z-index: 2
}

.standard-form .tg-forminfo-ol a:focus {
    outline: 0 none
}

.standard-form .tg-forminfo-ol .tg-icon {
    bottom: 10px;
    padding: 0 !important;
    position: absolute;
    right: 0;
    height: 20px
}

.standard-form .tg-forminfo-ol .tg-icon i, .standard-form .tg-forminfo-ol .tg-icon svg {
    margin-right: 5px !important
}

.standard-form .fm-forminfo-ol-wrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-right: 5px;
    min-height: 67px
}

.standard-form .fm-forminfo-ol {
    width: 100%;
    background: #f0f7f9;
    border: 1px solid #transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: -3px;
    padding: 10px 30px 10px 10px;
    position: relative
}

.standard-form .fm-forminfo-ol .wysiwyg {
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
    width: 100%
}

.standard-form .fm-forminfo-ol .wysiwyg p {
    margin-bottom: 0
}

.standard-form .fm-forminfo-ol:after {
    background: url(img/layout/layout-zipfel-blue-r.png) no-repeat;
    content: '';
    margin-top: -8px;
    padding: 20px 10px;
    position: absolute;
    right: -19px;
    top: 50%
}

.standard-form .mod-info-toggle.info-active .info-body {
    display: table
}

.standard-form .fm-formerror {
    float: none;
    padding-top: 5px;
    position: relative;
    width: 90%;
    min-height: 25px
}

.standard-form .fm-formerror+.fm-formerror {
    padding-top: 0
}

.standard-form .fm-formerror svg {
    float: left;
    padding-right: 5px
}

.standard-form .fm-formerror p {
    color: #e60000;
    margin-bottom: 0
}

.standard-form .fm-formerror.success-body p {
    color: #427d00
}

.standard-form .fm-field-container {
    position: relative
}

.standard-form input:disabled, .standard-form select:disabled, .standard-form textarea:disabled {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    box-shadow: none;
    color: #767676
}

.standard-form .fm-data {
    position: relative;
    padding: 0 40px 5px 0
}

.standard-form .fm-data .field-icon {
    position: absolute;
    right: 10px;
    top: 8px
}

.standard-form .fm-data .tg-icon {
    position: absolute;
    right: -35px;
    top: 15px
}

.standard-form .fm-data.fm-inactive {
    opacity: 0.5
}

.standard-form .fm-data.fm-area .tg-icon {
    top: 1px
}

.standard-form .fm-buttons {
    padding: 10px 0 0
}

.standard-form .fm-data-group {
    position: relative
}

.standard-form .fm-data-group .grid {
    margin-left: -10px;
    margin-top: 0 !important
}

.standard-form .fm-data-group .grid .col {
    padding-left: 10px;
    float: left
}

.standard-form .fm-data-group .grid .w-5 {
    width: 5%
}

.standard-form .fm-data-group .grid .w-10 {
    width: 10%
}

.standard-form .fm-data-group .grid .w-15 {
    width: 15%
}

.standard-form .fm-data-group .grid .w-20 {
    width: 20%
}

.standard-form .fm-data-group .grid .w-25 {
    width: 25%
}

.standard-form .fm-data-group .grid .w-30 {
    width: 30%
}

.standard-form .fm-data-group .grid .w-35 {
    width: 35%
}

.standard-form .fm-data-group .grid .w-40 {
    width: 40%
}

.standard-form .fm-data-group .grid .w-45 {
    width: 45%
}

.standard-form .fm-data-group .grid .w-50 {
    width: 50%
}

.standard-form .fm-data-group .grid .w-55 {
    width: 55%
}

.standard-form .fm-data-group .grid .w-60 {
    width: 60%
}

.standard-form .fm-data-group .grid .w-65 {
    width: 65%
}

.standard-form .fm-data-group .grid .w-70 {
    width: 70%
}

.standard-form .fm-data-group .grid .w-75 {
    width: 75%
}

.standard-form .fm-data-group .grid .w-80 {
    width: 80%
}

.standard-form .fm-data-group .grid .w-85 {
    width: 85%
}

.standard-form .fm-data-group .grid .w-90 {
    width: 90%
}

.standard-form .fm-data-group .grid .w-95 {
    width: 95%
}

.standard-form .fm-data-group .grid .w-100 {
    width: 100%
}

.standard-form .fm-data-group .grid .w-8 {
    width: 8.3333333%
}

.standard-form .fm-data-group .grid .w-16 {
    width: 16.6666666%
}

.standard-form .fm-data-group .grid .w-33 {
    width: 33.3333333%
}

.standard-form .fm-data-group .grid .w-66 {
    width: 66.6666666%
}

.standard-form .alert {
    margin-top: 10px;
    padding: 10px
}

.standard-form .alert h4, .standard-form .alert .h4 {
    padding-left: 0
}

.standard-form .alert .alert-content {
    padding-left: 42px
}

.standard-form .alert .alert-content.no-head p {
    padding-left: 0px !important
}

.standard-form .alert .alert-content .textlink-add {
    margin-top: 15px !important
}

.standard-form .alert .alert-content .link1a {
    padding-left: 17px
}

.standard-form .alert .alert-content.in-white-box {
    padding-left: 10px
}

.standard-form .alert .wm-link-list {
    margin: 15px -10px -10px
}

.standard-form .fm-infotext {
    width: 100%;
    max-width: 800px;
    margin-bottom: 10px
}

.standard-form .fm-infotext p {
    margin-bottom: 10px
}

.standard-form .fm-data, .standard-form .fm-error {
    width: 100%
}

.standard-form .fm-data .fm-infotext, .standard-form .fm-error .fm-infotext {
    margin-bottom: 0;
    margin-top: 10px
}

.standard-form .fm-data .fm-infotext p:last-child, .standard-form .fm-error .fm-infotext p:last-child {
    margin-bottom: 0
}

.standard-form .fm-data-count {
    margin-top: 5px;
    width: 100%
}

.standard-form .fm-data-count .fm-data-count-meter {
    float: right
}

.standard-form .fm-data-count.fullcount {
    color: #e60000
}

.standard-form textarea {
    font-family: "Vodafone", Arial, sans-serif;
    padding: 10px;
    overflow-y: scroll;
    resize: none
}

.standard-form hr {
    margin-top: 0
}

.standard-form .tg-label {
    position: relative
}

.standard-form .tg-tooltip .tg-head, .standard-form .tg-forminfo .tg-head {
    background-color: transparent
}

.standard-form .tg-tooltip-icon {
    position: absolute;
    right: 2px;
    top: -10px
}

.standard-form .tg-tooltip-icon .tg-display {
    right: 0px;
    position: absolute
}

.standard-form .fm-error .trigger-close, .standard-form .fm-forminfo .trigger-close {
    float: right;
    margin-right: -20px;
    margin-top: -5px;
    padding: 0 0 10px 10px;
    position: relative
}

.standard-form .fm-error .trigger-close i, .standard-form .fm-error .trigger-close svg, .standard-form .fm-forminfo .trigger-close i, .standard-form .fm-forminfo .trigger-close svg {
    margin-right: 0;
    left: 0;
    top: 0
}

.standard-form .fm-set {
    padding-bottom: 0
}

.standard-form .fm-set .grid {
    margin-left: 0;
    padding-right: 5px;
    margin-bottom: 0;
    border: 0px none;
    box-shadow: none
}

.standard-form .fm-set .col {
    padding: 0 0 0 10px;
    overflow: visible;
    margin-bottom: 0;
    float: left;
    border: 0px none;
    box-shadow: none
}

.standard-form .fm-set .col:first-child {
    padding: 0
}

.standard-form .fm-set .w-50 {
    width: 50% !important
}

.standard-form .fm-set label {
    width: 100% !important;
    margin: 0;
    cursor: pointer
}

.standard-form .fm-set label.checked {
    padding: 11px !important
}

.standard-form .se-results {
    position: relative;
    top: 0;
    font-weight: normal;
    width: 100%;
    padding: 0
}

.standard-form .se-results .search-cat {
    margin-bottom: 0;
    padding-top: 0
}

.standard-form .se-results .search-cat li {
    font-size: 14px;
    line-height: 40px;
    border-top: 1px solid #ccc
}

.standard-form .se-results .search-cat li:hover {
    background-color: #f4f4f4
}

.standard-form .se-results .search-cat li .list-icon, .standard-form .se-results .search-cat li .link-icon {
    margin-bottom: 0
}

.standard-form .se-results .search-cat li .list-icon .icon-wrap, .standard-form .se-results .search-cat li .link-icon .icon-wrap {
    height: 20px;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    padding-left: 10px
}

.standard-form .se-results .search-cat li a {
    font-weight: normal;
    text-decoration: none
}

.standard-form .se-results .search-cat h4, .standard-form .se-results .search-cat .h4 {
    font-size: 14px;
    line-height: 48px;
    margin: 0;
    padding: 0 10px
}

.standard-form .mod-pw-secure-meter {
    padding: 5px 0 0 24px;
    margin-bottom: 15px;
    position: relative;
    width: 100%
}

.standard-form .mod-pw-secure-meter i, .standard-form .mod-pw-secure-meter svg {
    position: absolute;
    left: 0
}

.standard-form .mod-pw-secure-meter .pws-track {
    height: 3px;
    width: 50%;
    margin-top: 8px
}

.standard-form .mod-pw-secure-meter .txt-red, .standard-form .mod-pw-secure-meter .txt-green {
    color: #333;
    display: none;
    position: absolute;
    right: 0;
    top: 5px
}

.standard-form .mod-pw-secure-meter.sec-red .pws-track {
    background-color: #e60000;
    width: 50%
}

.standard-form .mod-pw-secure-meter.sec-red .pws-track .txt-red {
    display: block
}

.standard-form .mod-pw-secure-meter.sec-green .pws-track {
    background-color: #428600;
    opacity: 0.5;
    width: 100%
}

.standard-form .mod-pw-secure-meter.sec-green .pws-track .txt-green {
    display: block;
    float: right;
    margin: -8px -46px
}

.standard-form .code-input-group {
    margin-left: -10px
}

.standard-form .code-input-group .col {
    padding: 0 0 0 10px
}

.standard-form .code-input-group .w-20 {
    width: 20%;
    float: left
}

.standard-form .code-input-group input {
    width: 100%;
    padding: 10px 5px
}

.standard-form .mod-dropdowncheckbox .scrollContainer .baseBox {
    padding: 14px 10px
}

.standard-form .mod-dropdowncheckbox .scrollContainer .baseBox span {
    border-left: 1px solid #ccc;
    padding: 5px 6px 1px 8px;
    margin-right: 4px;
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    background: #fff;
    pointer-events: none
}

.standard-form .wm-link-list a svg {
    margin-top: 0px;
    margin-right: 0px
}

.mod-contact-form-enterprise .result-message {
    padding-left: 15px;
    color: #f00;
    font-weight: bold;
    margin-bottom: 30px
}

.mod-contact-form-enterprise label {
    height: 18px;
    margin-bottom: 5px;
    padding: 0;
    color: #ccc;
    position: absolute;
    font-size: 16px;
    margin-top: 10px;
    cursor: text;
    -webkit-transition: margin 0.5s, font-size 0.5s;
    -moz-transition: margin 0.5s, font-size 0.5s;
    -ms-transition: margin 0.5s, font-size 0.5s;
    -o-transition: margin 0.5s, font-size 0.5s;
    transition: margin 0.5s, font-size 0.5s
}

.mod-contact-form-enterprise label.focused-input {
    margin-top: -10px;
    font-size: 12px;
    cursor: default
}

.mod-contact-form-enterprise input:not(.btn), .mod-contact-form-enterprise select {
    margin-bottom: 35px;
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 10px 0;
    color: #333
}

.mod-contact-form-enterprise input:not(.btn):focus, .mod-contact-form-enterprise select:focus {
    border-bottom: 2px solid #333
}

.mod-contact-form-enterprise input:not(.btn).error, .mod-contact-form-enterprise select.error {
    border-bottom: 1px solid #e60000
}

.mod-contact-form-enterprise .nice-select {
    width: 100%;
    border: 0;
    background: transparent;
    float: none;
    padding: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 35px
}

.mod-contact-form-enterprise .nice-select ul.list {
    max-height: 250px;
    overflow: auto;
    border-radius: 0
}

.mod-contact-form-enterprise .nice-select.open {
    border-bottom: 2px solid #333
}

.mod-contact-form-enterprise .nice-select:after {
    border-bottom: 2px solid #666;
    border-right: 2px solid #666
}

.mod-contact-form-enterprise input.btn {
    width: 100%
}

.mod-contact-form-enterprise .additional-label {
    position: absolute;
    margin-top: 40px;
    font-size: 12px;
    color: #ccc
}

.mod-contact-form-enterprise .additional-label.error {
    color: #e60000;
    border: 0;
    background: transparent
}

@media only screen and (min-width: 600px) {
    .standard-form .fm-data, .standard-form .fm-error, .standard-form .fm-infotext {
        width: 80%
    }
    .standard-form .fm-data input, .standard-form .fm-data .fm-select, .standard-form .fm-data textarea, .standard-form .fm-error input, .standard-form .fm-error .fm-select, .standard-form .fm-error textarea, .standard-form .fm-infotext input, .standard-form .fm-infotext .fm-select, .standard-form .fm-infotext textarea {
        width: 100%;
        max-width: 100%
    }
    .col .standard-form .fm-data, .col .standard-form .fm-error, .col .standard-form .fm-infotext, .standard-form .col .fm-data, .standard-form .col .fm-error, .standard-form .col .fm-infotext {
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .standard-form .fm-data, .standard-form .fm-error, .standard-form .fm-infotext {
        width: 60%
    }
    .col .standard-form .fm-data, .col .standard-form .fm-error, .col .standard-form .fm-infotext, .standard-form .col .fm-data, .standard-form .col .fm-error, .standard-form .col .fm-infotext {
        width: 100%
    }
}

.standard-form .fm-radio .tg-icon, .standard-form .fm-checkbox .tg-icon {
    top: 5px
}

.standard-form .fm-radio label, .standard-form .fm-checkbox label {
    font-size: 14px;
    line-height: 20px
}

.standard-form .fm-radio label.fm-error-border, .standard-form .fm-checkbox label.fm-error-border {
    border: 0px
}

.standard-form .fm-radio label.fm-error-border .bgdiv, .standard-form .fm-checkbox label.fm-error-border .bgdiv {
    border: 1px solid #e60000 !important
}

.standard-form .fm-radio .fm-data label {
    position: relative;
    background-image: none
}

.standard-form .fm-radio .fm-data label .bgdiv {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
    font-size: 12px;
    line-height: 18px
}

.standard-form .fm-radio .fm-data label.checked {
    font-weight: normal
}

.standard-form .fm-radio .fm-data label.checked .select-dot {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background-color: #427d00;
    font-size: 12px;
    line-height: 18px
}

.standard-form .fm-radio .fm-data.disabled .bgdiv {
    opacity: 0.5
}

.standard-form .fm-radio .fm-data.disabled .bgdiv .select-dot {
    background-color: #666
}

.standard-form .fm-checkbox .fm-check {
    position: relative
}

.standard-form .fm-checkbox .fm-check label {
    background-image: none;
    position: relative
}

.standard-form .fm-checkbox .fm-check label .bgdiv {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 1px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
    font-size: 12px;
    line-height: 18px
}

.standard-form .fm-checkbox .fm-check label.checked {
    font-weight: normal
}

.standard-form .fm-checkbox .fm-check label.checked .bgdiv {
    background-color: #428600;
    background-image: url(/simplicity/svgdefs.svg#i-list-tick-sml-white);
    background-size: 20px 20px;
    background-position: -1px -1px
}

.standard-form .fm-radio+.fm-formerror {
    margin-top: -23px
}

.standard-form .fm-checkbox+.fm-formerror {
    margin-top: -23px
}

.standard-form .fm-date-picker-input-native {
    display: none
}

.standard-form .fm-date-picker-input-native input {
    height: 47px !important
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-date-picker-input-native {
        display: block
    }
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-date-picker-input {
        display: none
    }
}

.standard-form .fm-date-picker-grid {
    margin-top: 10px;
    float: right;
    background-color: white;
    width: 274px;
    height: 300px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.standard-form .fm-date-picker-grid .left-arrow, .standard-form .fm-date-picker-grid .right-arrow {
    display: inline-block;
    float: left;
    height: 32px;
    margin-top: 15px;
    margin-left: 10px
}

.standard-form .fm-date-picker-grid .left-arrow svg, .standard-form .fm-date-picker-grid .right-arrow svg {
    fill: #666
}

.standard-form .fm-date-picker-grid .right-arrow {
    float: right;
    margin-top: -2px;
    margin-right: 10px
}

.standard-form .fm-date-picker-grid .fm-table-header {
    font-weight: bold;
    text-align: center;
    height: 62px;
    line-height: 62px
}

.standard-form .fm-date-picker-grid .fm-table-stroke {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-bottom: 5px
}

.standard-form .fm-date-picker-grid .outer-tabel {
    margin: 0 5px 10px 5px;
    display: table;
    border-collapse: separate;
    border-spacing: 5px 5px
}

.standard-form .fm-date-picker-grid .outer-tabel .tr {
    display: table-row
}

.standard-form .fm-date-picker-grid .outer-tabel .tr.th .td {
    font-weight: bold !important;
    text-align: center !important
}

.standard-form .fm-date-picker-grid .outer-tabel .tr .td {
    display: table-cell;
    line-height: 32px;
    text-align: right;
    padding: 0 5px 0 5px;
    margin: 5px;
    width: 32px;
    height: 32px
}

.standard-form .fm-date-picker-grid .outer-tabel .tr .td.next-month {
    color: #ccc
}

.standard-form .fm-date-picker-grid .outer-tabel .tr .td.selected-day {
    background-color: #666;
    color: #fff
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-date-picker-grid {
        display: none
    }
}

.standard-form .fm-flip-switch input.cmn-toggle-round+label {
    height: 38px
}

.standard-form .fm-flip-switch input.cmn-toggle-round+label .off-text {
    right: 16px;
    top: -1px;
    font-size: 14px !important
}

.standard-form .fm-flip-switch input.cmn-toggle-round:checked+label .on-text {
    left: 16px;
    top: -1px;
    font-size: 14px !important
}

.standard-form .fm-flip-switch input.cmn-toggle-round+label:after {
    width: 32px;
    height: 32px;
    margin-top: 2px;
    margin-left: 1px
}

.standard-form .fm-flip-switch input.cmn-toggle-round:checked+label:after {
    margin-left: 45px
}

.standard-form .fm-flip-switch table {
    margin-top: 5px;
    margin-bottom: 0;
    border-collapse: collapse !important;
    border-spacing: 0;
    border: none !important
}

.standard-form .fm-flip-switch table tr {
    padding: 0 !important;
    border: none !important
}

.standard-form .fm-flip-switch table tr td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 0
}

.standard-form .fm-flip-switch table tr td .checked {
    float: right
}

.standard-form .fm-flip-switch table tr td.td-left {
    width: 100%;
    padding-left: 20px
}

.standard-form .fm-tiles-holder+.fm-formerror {
    margin-top: -13px
}

.standard-form .fm-tiles-holder .tg-icon {
    top: 32px
}

.standard-form .fm-tiles-holder .fm-tiles .input-container:hover:not(.disabled) .fm-tile {
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5)
}

.standard-form .fm-tiles-holder .fm-tiles .input-container:last-child {
    margin-right: 0px !important
}

.standard-form .fm-tiles-holder .fm-tiles .input-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px
}

.standard-form .fm-tiles-holder .fm-tiles .input-container.disabled {
    opacity: 0.5
}

.standard-form .fm-tiles-holder .fm-tiles .input-container.disabled .tile-input {
    cursor: inherit
}

.standard-form .fm-tiles-holder .fm-tiles .input-container.fm-error-border {
    border: 0px solid
}

.standard-form .fm-tiles-holder .fm-tiles .input-container.fm-error-border .fm-tile {
    border: 1px solid #e60000
}

.standard-form .fm-tiles-holder .fm-tiles .input-container .tile-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer
}

.standard-form .fm-tiles-holder .fm-tiles .input-container .fm-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0px solid;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
    padding: 4px 9px
}

.standard-form .fm-tiles-holder .fm-tiles .input-container .fm-tile-label {
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 0
}

.standard-form .fm-tiles-holder .fm-tiles .input-container .tile-input:checked+.fm-tile {
    background-color: #666;
    border: 0px solid;
    color: #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.75)
}

.standard-form .fm-tiles-holder .fm-tiles .input-container .tile-input:checked+.fm-tile .fm-tile-label {
    color: #fff !important;
    background-color: #666
}

.standard-form .fm-tiles-holder .fm-tiles:not(.single-line) {
    width: 100%
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container {
        width: calc(50% - 2px - 5px)
    }
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(odd) {
        margin-right: 0px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container {
        width: calc(33.33% - 2px - 20px/3)
    }
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(3n+1) {
        margin-right: 0px !important
    }
}

@media only screen and (min-width: 1025px) {
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container {
        width: calc(50% - 2px - 5px)
    }
    .standard-form .fm-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(odd) {
        margin-right: 0px !important
    }
}

.standard-form .fm-tiles-holder .fm-tiles.single-line {
    width: 100%
}

.standard-form .fm-tiles-holder .fm-tiles.single-line .input-container .fm-tile {
    background-color: #fff
}

.standard-form .fm-tiles-holder .fm-tiles.single-line .input-container .fm-tile label {
    padding: 6px, 9px
}

.standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(2), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(2)~.input-container {
    width: calc(50% - 2px - 5px)
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(2), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(2)~.input-container {
        width: calc(50% - 2px - 5px)
    }
}

.standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(3), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(3)~.input-container {
    width: calc(33.33% - 2px - 20px/3)
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(3), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(3)~.input-container {
        width: calc(33.33% - 2px - 20px/3)
    }
}

.standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(4), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(4)~.input-container {
    width: calc(25% - 2px - 30px/4)
}

@media only screen and (max-width: 599px) {
    .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(4), .standard-form .fm-tiles-holder .fm-tiles.single-line .input-container:nth-child(2):nth-last-child(4)~.input-container {
        width: calc(25% - 2px - 30px/4)
    }
}

.standard-form .fm-file-upload {
    position: relative;
    margin-bottom: 10px;
    min-height: 34px
}

.standard-form .fm-file-upload .progress-bar-holder {
    height: 34px;
    width: calc(100% - 44px);
    display: inline-block;
    float: left;
    position: relative
}

.standard-form .fm-file-upload .progress-bar-holder .labels {
    margin-top: 8px;
    height: 20px
}

.standard-form .fm-file-upload .progress-bar-holder .labels .f-size {
    float: right
}

.standard-form .fm-file-upload .progress-bar-holder .bar, .standard-form .fm-file-upload .progress-bar-holder .progress-bar-bg, .standard-form .fm-file-upload .progress-bar-holder .progress-bar-bg .progress-bar-indicator {
    height: 4px;
    border-radius: 2px;
    position: absolute
}

.standard-form .fm-file-upload .progress-bar-holder .progress-bar-bg {
    top: 28px;
    width: 100%;
    background-color: #ccc
}

.standard-form .fm-file-upload .progress-bar-holder .progress-bar-bg .progress-bar-indicator {
    background-color: #666;
    left: 0;
    top: 0
}

.standard-form .fm-file-upload .error-container {
    color: #e60000;
    display: none
}

.standard-form .fm-file-upload .error-container span {
    display: block
}

.standard-form .fm-file-upload .error-container span:first-child {
    margin-bottom: 3px
}

.standard-form .fm-file-upload .single-icon-button {
    cursor: pointer;
    width: 34px;
    height: 34px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background-color: #fff;
    display: inline-block;
    float: right;
    border-radius: 3px;
    padding-top: 6px;
    padding-left: 7px
}

.standard-form .fm-file-upload .single-icon-button svg {
    width: 20px;
    height: 20px
}

.standard-form .fm-file-upload.upload-error .labels {
    opacity: 0.5
}

.standard-form .fm-file-upload.upload-error .error-container {
    display: block
}

.standard-form .fm-rating-stars div {
    display: inline-block;
    margin-right: 2px
}

.standard-form .fm-rating-stars div .open {
    display: inline
}

.standard-form .fm-rating-stars div .full {
    display: none
}

.standard-form .fm-rating-stars div svg {
    fill: #cbcbcb
}

.standard-form .fm-rating-stars.rated div svg {
    fill: #ffd100
}

.standard-form .fm-rating-stars.rated div.full .open {
    display: inline
}

.standard-form .fm-rating-stars.rated div.full .full {
    display: none
}

.standard-form .fm-rating-stars.rated div.full .open {
    display: none
}

.standard-form .fm-rating-stars.rated div.full .full {
    display: inline
}

.standard-form .fm-rating-stars:not(.rated) {
    cursor: pointer
}

.standard-form .fm-rating-stars:not(.rated) div:hover~div .open {
    display: inline
}

.standard-form .fm-rating-stars:not(.rated) div:hover~div .full {
    display: none
}

.standard-form .fm-rating-stars:not(.rated):hover div .open {
    display: inline
}

.standard-form .fm-rating-stars:not(.rated):hover div .full {
    display: none
}

.standard-form .fm-rating-stars:not(.rated):hover div .open {
    display: none
}

.standard-form .fm-rating-stars:not(.rated):hover div .full {
    display: inline
}

.ca-nav-primary, .ca-nav-secondary {
    display: none
}

.ca-block {
    display: none
}

.ca-block:first-child {
    display: block
}

.ca-show {
    display: block
}

.no-js .ca-load-more {
    display: none
}

@media only screen and (min-width: 600px) {
    .mod-carousel {
        margin: 0 40px 16px
    }
    .ca-carousel {
        display: block;
        position: relative
    }
    .ca-blocks-only {
        display: none
    }
    .ca-body {
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }
    .ca-reel {
        height: inherit
    }
    .ca-block {
        display: block;
        padding: 4px;
        position: absolute;
        -webkit-transition: -webkit-transform .5s cubic-bezier(0.875, 0, 0.12, 1);
        -moz-transition: -moz-transform .5s cubic-bezier(0.875, 0, 0.12, 1) false;
        -o-transition: -o-transform .5s cubic-bezier(0.875, 0, 0.12, 1) false;
        transition: transform .5s cubic-bezier(0.875, 0, 0.12, 1);
        z-index: 1
    }
    .ca-block-active {
        z-index: 2
    }
    .ca-nav-primary {
        margin-top: -85px;
        position: absolute;
        top: 50%;
        left: -40px;
        right: -40px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        padding: 20px 0
    }
    .ca-nav-primary a {
        position: relative;
        float: right;
        z-index: 3;
        background: #fff;
        text-align: center;
        border: 1px solid #eee;
        border-top: 1px solid #ddd;
        border-right: none;
        border-radius: 3px 0 0 3px;
        box-shadow: -1px 2px 1px rgba(150, 150, 150, 0.75);
        height: 80px;
        width: 35px
    }
    .ca-nav-primary a:first-child {
        float: left;
        border-left: none;
        border-right: 1px solid #eee;
        border-radius: 0 3px 3px 0;
        box-shadow: 1px 2px 1px rgba(150, 150, 150, 0.75)
    }
    .ca-nav-primary a i, .ca-nav-primary a svg {
        position: relative;
        top: 27px
    }
    .ca-nav-secondary {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 25px;
        display: inline-block;
        padding: 4px 0;
        box-shadow: -1px 2px 1px rgba(150, 150, 150, 0.75)
    }
    .ca-nav-secondary a {
        float: left;
        padding: 2px 13px;
        position: relative
    }
    .ca-nav-secondary a:first-child {
        border-right: 1px solid #ccc
    }
    .ca-nav-secondary a i, .ca-nav-secondary a svg {
        float: left;
        margin: 2px 0
    }
    .ca-pagination {
        margin: 15px 0 16px;
        text-align: center
    }
    .ca-pagination .btn-alt {
        border: none;
        font-size: 16px;
        font-weight: normal;
        background: none;
        float: right;
        box-shadow: none;
        margin: 7px 0 0;
        padding: 0
    }
    .ca-pagination .btn-alt:hover {
        text-decoration: underline
    }
    .ca-pages {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-right: 15px
    }
    .ca-pages li {
        float: left
    }
    .ca-page {
        border-radius: 8px;
        border: 1px solid #6d6d6d;
        display: block;
        margin: 0 5px 5px 4px;
        padding: 4px
    }
    .ca-active {
        background: #6d6d6d
    }
    .no-js .ca-block {
        position: static;
        float: left
    }
    .no-js .ca-nav {
        display: none
    }
    .carousel-alt {
        margin-left: 0;
        margin-right: 0
    }
    .carousel-alt .ca-nav-primary {
        left: 0;
        right: 0
    }
    .carousel-alt .ca-block {
        padding: 0
    }
}

.mod-carousel-module.bx-holder {
    margin-bottom: 0px;
    position: relative;
    width: 500px;
    padding: 0px
}

.mod-carousel-module.bx-holder.has-bg {
    padding-top: 20px
}

.mod-carousel-module.bx-holder h3, .mod-carousel-module.bx-holder .h3 {
    padding-top: 0px;
    margin-bottom: 20px
}

.mod-carousel-module.bx-holder.has-bg:after {
    content: '';
    position: absolute;
    top: -0px;
    left: -16px;
    bottom: -54px;
    right: -16px;
    background: #efeeef;
    z-index: -1
}

@media only screen and (max-width: 1024px) {
    .mod-carousel-module.bx-holder.has-bg:after {
        right: -300px
    }
}

.mod-carousel-module.bx-holder .bxslider {
    opacity: 0
}

.mod-carousel-module.bx-holder .bxslider li {
    background: white;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden
}

.mod-carousel-module.bx-holder .bxslider li img {
    width: 100%;
    margin-bottom: 20px
}

.mod-carousel-module.bx-holder .bxslider li p, .mod-carousel-module.bx-holder .bxslider li h2, .mod-carousel-module.bx-holder .bxslider li .h2, .mod-carousel-module.bx-holder .bxslider li h3, .mod-carousel-module.bx-holder .bxslider li .h3, .mod-carousel-module.bx-holder .bxslider li h4, .mod-carousel-module.bx-holder .bxslider li .h4, .mod-carousel-module.bx-holder .bxslider li h5, .mod-carousel-module.bx-holder .bxslider li .h5, .mod-carousel-module.bx-holder .bxslider li .blogposts .blogpost .date, .blogposts .blogpost .mod-carousel-module.bx-holder .bxslider li .date {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-top: 0px
}

.mod-carousel-module.bx-holder .bxslider li h5, .mod-carousel-module.bx-holder .bxslider li .h5, .mod-carousel-module.bx-holder .bxslider li .blogposts .blogpost .date, .blogposts .blogpost .mod-carousel-module.bx-holder .bxslider li .date {
    margin-bottom: 10px
}

.mod-carousel-module.bx-holder .bxslider li .btn-wrap {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px
}

.mod-carousel-module.bx-holder .bxslider li .btn-wrap a.btn:not(.textlink) svg {
    display: none
}

.mod-carousel-module.bx-holder .bxslider li .btn {
    width: 100%
}

.mod-carousel-module.bx-holder .bxslider li .textlink {
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    color: #333;
    font-size: 14px;
    font-family: "Vodafone", Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 8px 15px 8px 0px;
    line-height: 16px;
    border: 1px solid transparent
}

.mod-carousel-module.bx-holder .bxslider li.empty-slide {
    opacity: 0;
    height: 10px
}

.mod-carousel-module.bx-holder .bx-wrapper {
    position: relative;
    margin: 0 auto 75px;
    padding: 0;
    *zoom: 1
}

.mod-carousel-module.bx-holder .bx-wrapper img {
    display: block
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-pager, .mod-carousel-module.bx-holder .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -37px;
    width: 100%
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/simplicity/components/carousel/assets/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-pager .bx-pager-item, .mod-carousel-module.bx-holder .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d2d2d2;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0px 5px 5px 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-pager.bx-default-pager a:hover, .mod-carousel-module.bx-holder .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #919191
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-prev {
    left: 0px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_left.png) no-repeat;
    background-position: 7px 35px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-next {
    right: 0px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_right.png) no-repeat;
    background-position: 7px 35px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -36px;
    outline: 0;
    width: 35px;
    height: 96px;
    text-indent: -9999px;
    z-index: 9999;
    background-color: white
}

.mod-carousel-module.bx-holder .bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.mod-carousel-module.small-tiles .bxslider li {
    background-color: #fff;
    padding: 10px 10px 15px 10px
}

.mod-carousel-module.small-tiles .bxslider li.mobile-editor-carousel-item h4, .mod-carousel-module.small-tiles .bxslider li.mobile-editor-carousel-item .h4 {
    font-size: 14px;
    margin: 0;
    text-align: center
}

.mod-carousel-module.small-tiles .bxslider li img {
    margin-bottom: 10px
}

.mod-carousel-module.small-tiles .bxslider li p {
    text-align: center !important;
    margin-bottom: 25px
}

.enterprise .mod-carousel-module.bx-holder li {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
    border: none;
    background: white;
    border-radius: 0px
}

.enterprise .mod-carousel-module.bx-holder .btn {
    width: auto !important
}

.enterprise .mod-carousel-module.bx-holder .btn-wrap {
    text-align: right;
    right: 0px
}

.enterprise .mod-carousel-module.bx-holder .btn-wrap .btn-wrap, .enterprise .mod-carousel-module.bx-holder .btn-wrap .textlink {
    display: block
}

.enterprise .mod-carousel-module.bx-holder .btn-wrap .btn, .enterprise .mod-carousel-module.bx-holder .btn-wrap .textlink {
    color: #9c2aa0;
    background: transparent;
    color: #9c2aa0;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    text-align: right
}

.enterprise .mod-carousel-module.bx-holder .btn-wrap .btn svg, .enterprise .mod-carousel-module.bx-holder .btn-wrap .textlink svg {
    display: none
}

.enterprise .mod-carousel-module.bx-holder .bx-wrapper {
    margin: 0 auto 50px
}

.enterprise .mod-carousel-module.bx-holder .bx-wrapper .bx-controls-direction a {
    top: 35%;
    margin-top: -36px;
    width: 40px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6)
}

.enterprise .mod-carousel-module.bx-holder .bx-wrapper .bx-next {
    right: 0px;
    background: url(/simplicity/components/carousel/assets/arrow_enterprise_right.png) no-repeat;
    background-position: 10px 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none
}

.enterprise .mod-carousel-module.bx-holder .bx-wrapper .bx-prev {
    left: 0px;
    background: url(/simplicity/components/carousel/assets/arrow_enterprise_left.png) no-repeat;
    background-position: 10px 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none
}

.enterprise .mod-carousel-module.bx-holder .bx-wrapper .bx-pager {
    display: none
}

.enterprise .mod-carousel-module.bx-holder:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    bottom: -30px;
    right: -16px;
    background: #e60000;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
    z-index: -1
}

@media only screen and (max-width: 1024px) {
    .enterprise .mod-carousel-module.bx-holder:after {
        right: -300px
    }
}

.enterprise .mod-carousel-module.bx-holder h5, .enterprise .mod-carousel-module.bx-holder .h5, .enterprise .mod-carousel-module.bx-holder .blogposts .blogpost .date, .blogposts .blogpost .enterprise .mod-carousel-module.bx-holder .date {
    color: #e60000
}

.enterprise .mod-carousel-module.bx-holder.no-images:after {
    top: 30px
}

.enterprise .mod-carousel-module.bx-holder.no-images li {
    padding-top: 20px
}

.enterprise .mod-carousel-module.bx-holder.no-images li img {
    display: none
}

.enterprise .mod-carousel-module.bx-holder.no-images .bx-controls-direction .bx-prev, .enterprise .mod-carousel-module.bx-holder.no-images .bx-controls-direction .bx-next {
    margin-top: 0px;
    top: 50px
}

@media only screen and (min-width: 1025px) {
    .enterprise .mod-carousel.bx-holder {
        margin-left: 16px
    }
}

.mod-carousel-three {
    margin-bottom: 0px;
    position: relative;
    padding: 0px
}

.mod-carousel-three .bxslider {
    opacity: 1
}

.mod-carousel-three .bxslider .slide {
    margin-bottom: 20px
}

.mod-carousel-three.active .grid {
    margin-left: 0px
}

.mod-carousel-three.active .grid .col {
    padding: 0px
}

.mod-carousel-three .bx-wrapper .bx-prev {
    left: -16px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_left.png) no-repeat;
    background-position: 7px 35px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-three .bx-wrapper .bx-next {
    right: -16px;
    background: url(/simplicity/components/carousel/assets/arrow_consumer_right.png) no-repeat;
    background-position: 7px 35px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.29)
}

.mod-carousel-three .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -78px;
    outline: 0;
    width: 35px;
    height: 96px;
    text-indent: -9999px;
    z-index: 99;
    background-color: white
}

.mod-carousel-three .bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

@media only screen and (max-width: 1024px) {
    .mod-carousel-three .bx-wrapper .bx-controls-direction a {
        display: none
    }
}

.mod-carousel-three .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    padding-bottom: 20px
}

.mod-carousel-three .bx-wrapper .bx-pager .bx-pager-item, .mod-carousel-three .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d2d2d2;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0px 5px 5px 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a:hover, .mod-carousel-three .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #919191
}

.mod-carousel-three.callya-promo-slider .slide-wrap {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6)
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head {
    padding: 0 20px;
    border-top: 1px solid #d2d2d2;
    background-color: #f4f4f4
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h2, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h2 {
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: bold;
    color: #e60000
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h3, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h3 {
    padding: 10px 0;
    margin-bottom: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h4, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h4 {
    padding: 0 0 10px;
    margin-bottom: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .head h2 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h2 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head h3 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h3 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head h4 p, .mod-carousel-three.callya-promo-slider .slide-wrap .head .h4 p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content {
    padding: 0 20px 20px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .imgBox {
    margin: 0 -20px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .imgBox img {
    max-width: 100%
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .device-top-features {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li {
    margin-left: 26px;
    text-indent: -26px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li:before, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li:before {
    margin-left: 3px;
    margin-right: 16px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.bullet-list li p, .mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.ulContent li p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list {
    margin: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list li {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content ul.icon-list li p {
    display: inline
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox {
    margin: 10px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .grid {
    margin-bottom: 15px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .col {
    float: left
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-66 {
    width: 66.6667%
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-33 {
    width: 33.3333%;
    text-align: right;
    font-weight: bold
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .offerBox .w-33.green {
    color: #427d00
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #cccccc
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box ul.icon-list {
    border: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .advantages-box ul.icon-list li {
    margin: 5px 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox {
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #cccccc;
    text-align: right
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox p {
    margin: 0
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox .price {
    font-size: 32px;
    font-weight: bold;
    line-height: 36px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .priceBox .strike {
    font-size: 18px;
    line-height: 22px
}

.mod-carousel-three.callya-promo-slider .slide-wrap .slide-content .btn {
    width: 100%
}

.mod-carousel-three.callya-promo-slider .bx-wrapper .bx-pager {
    padding-top: 10px
}

.mod-carousel-three.nsf-product-tile .bgLayer {
    position: absolute;
    top: -10px;
    left: -816px;
    width: 2560px;
    height: 390px;
    z-index: -1
}

@media only screen and (max-width: 599px) {
    .mod-carousel-three.nsf-product-tile .bgLayer {
        left: -1110px
    }
}

.mod-carousel-three.nsf-product-tile .slide-wrap {
    margin-top: 30px
}

.mod-carousel-three.nsf-product-tile .bx-wrapper .bx-pager {
    padding-top: 10px
}

.vf-page-voter .vote.vote-yes, .vf-page-voter .vote.vote-no {
    width: 80px;
    padding: 13px 15px 12px;
    margin-bottom: 10px;
    margin-right: 6px;
    line-height: 1em
}

@media only screen and (max-width: 600px) {
    .vf-page-voter .vote.vote-yes, .vf-page-voter .vote.vote-no {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: auto
    }
}

.vf-page-voter .vote.vote-yes.active, .vf-page-voter .vote.vote-no.active {
    background: #f4f4f4;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    border: 1px solid #e9e9e9;
    position: relative
}

.vf-page-voter .vote.active:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -10px;
    cursor: default
}

.vf-page-voter .vote.active:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #ccc;
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -11px;
    cursor: default
}

.vf-page-voter .rate-page .question {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-right: 6px
}

.vf-page-voter .rate-page .cta {
    display: inline-block
}

@media only screen and (max-width: 600px) {
    .vf-page-voter .rate-page .cta {
        display: block
    }
    .vf-page-voter .rate-page .cta .vote {
        width: calc(50% - 7px);
        display: inline-block
    }
    .vf-page-voter .rate-page .cta .vote.vote-yes {
        margin-left: 0;
        margin-right: 5px
    }
    .vf-page-voter .rate-page .cta .vote.vote-no {
        margin-right: 0;
        margin-left: 5px
    }
}

.vf-page-voter .questionaire-item {
    display: none
}

.vf-page-voter .questionaire-item.active {
    display: block
}

.vf-page-voter .questionaire-flow, .vf-page-voter .results {
    border: 1px solid #ccc;
    padding: 15px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    display: none
}

.vf-page-voter .questionaire-flow.active, .vf-page-voter .results.active {
    display: block
}

.vf-page-voter .results {
    display: none
}

.vf-page-voter .results .result {
    display: none
}

.vf-page-voter .results .result.active {
    display: block
}

.vf-page-voter .results.active {
    display: block
}

.vf-page-voter .feedback-main .question {
    display: block;
    font-weight: 700
}

.vf-page-voter .feedback-main .sub-question {
    display: block
}

.vf-page-voter .feedback-main textarea {
    width: 100%;
    max-width: 100%;
    height: 120px;
    margin-bottom: 5px;
    font-family: "Vodafone", Arial, sans-serif
}

.vf-page-voter .page-tools li {
    display: inline-block;
    min-width: 0
}

.di-content {
    position: absolute;
    left: -9999em;
    right: auto;
    background: #fff;
    display: none
}

.di-content.di-iframe .di-scrollable-iframe {
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.di-content.di-iframe iframe {
    width: 100%;
    height: 100%
}

.di-content.di-show {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden;
    display: block
}

.di-content .di-inner {
    width: 100%;
    padding: 50px 15px 15px;
    position: relative;
    height: 100%
}

.di-content .di-wrap {
    position: relative;
    overflow-x: auto
}

.di-content .di-close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    padding: 8px 9px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    line-height: 0;
    background: #fff
}

.lt-ie9 .di-content .di-close {
    border: 1px solid #ccc
}

.di-image img {
    max-width: 100%
}

.di-image .di-inner {
    height: 100%;
    max-width: 100%
}

.di-iframe.di-content .di-inner {
    overflow: hidden
}

.zoom-content, .video-content {
    position: relative;
    display: inline-block;
    cursor: pointer;
    max-width: 100%
}

.zoom-content:after, .video-content:after {
    position: absolute;
    z-index: 1;
    content: '';
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    pointer-events: none
}

.zoom-content:before, .video-content:before {
    background: rgba(0, 0, 0, 0.1);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none
}

.video-content {
    overflow: hidden
}

.video-content:after {
    background: url("../../assets/css/img/play-button.png") no-repeat;
    width: 102px;
    height: 75px
}

.zoom-content img {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    max-width: 100%
}

.lt-ie9 .zoom-content img {
    border: 1px solid #ccc
}

.zoom-content:after {
    background: url("../../assets/css/img/zoom-overlay.png") no-repeat;
    width: 80px;
    height: 80px
}

.di-image-inner {
    overflow: auto;
    height: 100%
}

.di-image-inner img {
    max-width: inherit
}

.di-duplicate-inner {
    overflow: auto;
    height: 100%
}

.di-duplicate-inner>div {
    overflow: visible;
    height: auto
}

@media only screen and (min-width: 600px) {
    .teaser .img-wrap .video-content:after {
        top: 30%;
        right: 27%;
        left: auto
    }
}

@media only screen and (min-width: 1025px) {
    .zoom-content {
        cursor: default
    }
    .zoom-content:after {
        display: none
    }
}

@media only screen and (min-width: 600px) {
    .di-content {
        background: rgba(0, 0, 0, 0.75);
        padding: 40px 10px
    }
    .di-content .di-inner {
        max-width: 767px;
        margin: 0 auto;
        background: #fff;
        border-radius: 3px;
        overflow: auto
    }
    .di-content.di-iframe .di-scrollable-iframe {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        width: 800px;
        height: 100%
    }
    .di-content.di-iframe iframe {
        width: 767px
    }
}

.page-tools li {
    display: inline-block;
    text-align: center;
    min-width: 100px
}

.page-tools li i {
    margin-bottom: 5px
}

.page-tools li:last-child a {
    padding-right: 0
}

.page-tools a {
    display: block;
    padding: 10px 15px
}

.page-tools a div {
    height: 40px
}

.tg-accord .page-tools .tg-head {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    box-shadow: none
}

.page-tools .tg-body:before {
    left: auto;
    right: 16%
}

.page-tools .tg-body:after {
    left: auto;
    right: 16%;
    margin-right: -1px
}

.page-tools .tg-body h4 {
    color: #333
}

.page-tools .tg-close {
    padding: 0
}

.page-tools .btn {
    margin: 0
}

.mod-checkbox .checkBox {
    position: relative;
    padding: 10px 0 10px 40px;
    cursor: pointer
}

.mod-checkbox .checkBox .i-check {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 23px;
    height: 23px;
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #999;
    background-color: #ebebeb
}

.mod-checkbox .checkBox.selected {
    font-weight: 700
}

.mod-checkbox .checkBox.selected .i-check {
    top: 8px;
    left: 11px;
    width: 21px;
    height: 21px;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #666;
    background-color: #428600;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpolygon%20points%3D%2274.219%2C28.953%2042.97%2C60.202%2027.344%2C44.579%2019.532%2C52.391%2042.97%2C75.828%2082.029%2C36.764%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E")
}

.mod-checkbox .checkBox.disabled {
    opacity: 0.5;
    cursor: default
}

.jspContainer {
    overflow: hidden;
    position: relative;
    width: 100% !important
}

.jspPane {
    position: absolute;
    width: 100% !important
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 5px;
    width: 6px;
    height: 100%
}

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

.jspCap {
    display: block
}

.jspCapTop, .jspCapBottom {
    width: 6px;
    height: 15px
}

.jspCapLeft, .jspCapRight {
    width: 15px;
    height: 6px
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    position: relative
}

.jspDrag {
    background: #656565;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspDragTop {
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #656565;
    height: 10px;
    width: 6px;
    border-radius: 3px 3px 0 0
}

.jspDragBottom {
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: #656565;
    height: 10px;
    width: 6px;
    border-radius: 0 0 3px 3px
}

.jspDragLeft {
    position: absolute;
    top: 0;
    left: -10px;
    background-color: #656565;
    height: 6px;
    width: 10px;
    border-radius: 3px 0 0 3px
}

.jspDragRight {
    position: absolute;
    top: 0;
    right: -10px;
    background-color: #656565;
    height: 6px;
    width: 10px;
    border-radius: 0 3px 3px 0
}

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

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.mod-dropdownbox {
    position: relative;
    height: 40px;
    margin: 0 0 20px;
    font: 400 14px/1.3 "Arial", sans-serif
}

.mod-dropdownbox .scrollContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .mod-dropdownbox .scrollContainer {
    border: 1px solid #ccc
}

.mod-dropdownbox .scrollContainer .baseBox {
    position: relative;
    padding: 11px 0px 11px 10px;
    color: #767676
}

.mod-dropdownbox .scrollContainer .baseBox span {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    margin-right: 4px;
    padding: 5px 6px 5px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1
}

.mod-dropdownbox .scrollContainer .baseBox:after {
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #cbcbcb;
    z-index: 1
}

.mod-dropdownbox .scrollContainer .scrollBox {
    position: relative;
    width: 100% !important;
    height: 156px;
    background-color: #ffffff
}

.mod-dropdownbox .scrollContainer .scrollBox ul li {
    border-top: 1px solid #cbcbcb;
    padding: 10px 0px 10px 10px;
    cursor: pointer;
    color: #333333
}

.mod-dropdownbox .scrollContainer .scrollBox ul li:first-child {
    border: 0
}

.mod-dropdownbox .scrollContainer .scrollBox ul li.selected {
    background-color: #ebebeb
}

.mod-dropdownbox .scrollContainer .scrollBox ul li:active, .mod-dropdownbox .scrollContainer .scrollBox ul li.nice-select.open {
    background-color: #666666;
    color: #ffffff
}

.mod-dropdownbox .scrollContainer.active .baseBox span .i-arrow-down-b-xsml {
    background-position: 0 -3019px
}

.mod-dropdownbox .scrollContainer.active .scrollBox {
    display: block !important
}

@media only screen and (min-width: 600px) {
    .mod-dropdownbox {
        max-width: 600px
    }
}

.mod-dropdowncheckbox {
    position: relative;
    height: 40px;
    margin: 0 0 20px;
    font: 400 14px/18px "Arial", sans-serif;
    background-color: #ffffff
}

.mod-dropdowncheckbox .scrollContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9
}

.lt-ie9 .mod-dropdowncheckbox .scrollContainer {
    border: 1px solid #ccc
}

.mod-dropdowncheckbox .scrollContainer .baseBox {
    position: relative;
    padding: 11px 0px 10px 10px
}

.mod-dropdowncheckbox .scrollContainer .baseBox span {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    margin-right: 4px;
    padding: 5px 6px 5px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1
}

.mod-dropdowncheckbox .scrollContainer .scrollBox {
    position: relative;
    width: 100% !important;
    height: 155px
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .fm-data {
    padding: 6px 10px 6px
}

.mod-dropdowncheckbox .scrollContainer .scrollBox ul li {
    padding: 10px 0px 10px 10px
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox {
    position: relative;
    padding: 10px 15px 10px 40px;
    cursor: pointer
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox .i-check {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 23px;
    height: 23px;
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #999;
    background-color: #ebebeb
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox.selected, .mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox.checked {
    font-weight: 700
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox.selected .i-check, .mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox.checked .i-check {
    top: 8px;
    left: 11px;
    width: 21px;
    height: 21px;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #666;
    background-color: #428600;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpolygon%20points%3D%2274.219%2C28.953%2042.97%2C60.202%2027.344%2C44.579%2019.532%2C52.391%2042.97%2C75.828%2082.029%2C36.764%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E")
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .checkBox.disabled {
    opacity: 0.5;
    cursor: default
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox {
    position: relative;
    padding: 10px 0 10px 10px;
    border-top: 1px solid #dbdbdb;
    cursor: pointer
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox:first-child {
    border: 0
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox .i-rating-star {
    position: relative;
    top: -2px;
    margin: -1px
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox:hover {
    background-color: #f4f4f4
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox.selected {
    background-color: #e60000;
    color: #fff
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox.disabled {
    opacity: 0.5;
    cursor: default
}

.mod-dropdowncheckbox .scrollContainer .scrollBox .ratingBox.disabled:hover {
    background-color: inherit
}

.mod-dropdowncheckbox .scrollContainer .buttonBox {
    display: none;
    padding: 5px 10px 0
}

.mod-dropdowncheckbox .scrollContainer .buttonBox .btn {
    width: 100%
}

.mod-dropdowncheckbox .scrollContainer.active .baseBox span .i-arrow-down-b-xsml {
    background-position: 0 -3019px
}

.mod-dropdowncheckbox .scrollContainer.active .scrollBox {
    display: block !important
}

.mod-dropdowncheckbox .scrollContainer.active .buttonBox {
    display: block
}

.accordion.accordion-filterbox {
    margin-bottom: 75px
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-head .tg-icon i, .accordion.accordion-filterbox .tg-accord .tg-item .tg-head .tg-icon svg {
    top: auto;
    transform: none
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body {
    padding: 20px 16px 0
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .mod-dropdowncheckbox {
    z-index: 2
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox {
    margin: 0 -20px;
    padding: 10px 20px 0;
    border-top: 1px solid #cccccc
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox .selection {
    position: relative;
    display: inline-block;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 5px 30px 5px 10px;
    margin: 0 10px 10px 0;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M73.341%2C75.066c-0.582%2C0-1.164-0.222-1.607-0.666L25.221%2C27.887c-0.888-0.887-0.888-2.327%2C0-3.214c0.887-0.888%2C2.327-0.888%2C3.214%2C0l46.513%2C46.513c0.888%2C0.887%2C0.888%2C2.327%2C0%2C3.214C74.505%2C74.844%2C73.923%2C75.066%2C73.341%2C75.066z%22%20fill%3D%22%23333333%22%20%2F%3E%3Cpath%20d%3D%22M27.069%2C74.969c-0.582%2C0-1.164-0.222-1.607-0.666c-0.888-0.887-0.888-2.327%2C0-3.214l46.513-46.513c0.887-0.888%2C2.327-0.888%2C3.214%2C0c0.888%2C0.887%2C0.888%2C2.327%2C0%2C3.214L28.676%2C74.304C28.233%2C74.747%2C27.651%2C74.969%2C27.069%2C74.969z%22%20fill%3D%22%23333333%22%20%2F%3E%3C%2Fsvg%3E");
    background-position: right 5px top 5px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    cursor: pointer
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox .selection .i-rating-star {
    position: relative;
    top: -1px;
    margin: -1px
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox .selection.clearAllSelection {
    float: right;
    margin: 0 0 10px 50px
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox .filters .clearAllSelection {
    opacity: 0;
    transition: opacity 0.3s ease
}

.accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox .filters.has-active-filters .clearAllSelection {
    opacity: 1
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .w-25 {
        width: 50%
    }
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .w-25:nth-child(-n+2) .mod-dropdowncheckbox {
        z-index: 3
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox {
        margin: 0 -8px;
        padding: 10px 8px 0
    }
}

@media only screen and (max-width: 599px) {
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .mod-dropdowncheckbox {
        height: auto
    }
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .mod-dropdowncheckbox .scrollContainer {
        position: relative
    }
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body .selectionBox {
        margin: 0 -10px;
        padding: 10px 10px 0
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body {
        padding: 20px 8px 0
    }
}

@media only screen and (max-width: 599px) {
    .accordion.accordion-filterbox .tg-accord .tg-item .tg-body {
        padding: 20px 10px 0
    }
}

.icon-list table {
    border-collapse: collapse !important;
    border-spacing: 0;
    border: none !important
}

.icon-list table tr {
    padding: 0 !important;
    border: none !important
}

.icon-list table tr td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 5px 0
}

.icon-list table tr td p {
    line-height: normal !important;
    margin-bottom: 0 !important
}

@media only screen and (min-width: 600px) {
    .icon-list table tr td p {
        max-width: 50%
    }
}

.icon-list table tr td.i-mdm {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto !important
}

.icon-list table tr td.icon-col {
    padding-right: 10px
}

.icon-list table tr td.text-col {
    width: auto !important
}

@media only screen and (min-width: 600px) {
    .action-box .icon-list p, .image-text .icon-list p, .simple-promo-teaser .icon-list p {
        max-width: 100% !important
    }
}

.simple-promo-teaser .icon-list table {
    margin-bottom: 0 !important
}

.meta-tt {
    width: 20px;
    height: 20px;
    margin: 9px 20px 7px -5px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M50%2C5C25.2%2C5%2C5%2C25.2%2C5%2C50c0%2C24.8%2C20.2%2C45%2C45%2C45s45-20.2%2C45-45C95%2C25.2%2C74.8%2C5%2C50%2C5z%20M50%2C87.3%20c-20.6%2C0-37.3-16.8-37.3-37.3S29.4%2C12.7%2C50%2C12.7S87.3%2C29.4%2C87.3%2C50S70.6%2C87.3%2C50%2C87.3z%22%20fill%3D%22%23333333%22%2F%3E%3Crect%20x%3D%2244.9%22%20y%3D%2225%22%20fill%3D%22%23333333%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%3Crect%20x%3D%2244.9%22%20y%3D%2245%22%20fill%3D%22%23333333%22%20width%3D%2210%22%20height%3D%2230%22%2F%3E%3C%2Fsvg%3E");
    cursor: pointer
}

.meta-tt .meta-tt-text {
    position: absolute;
    top: 27px;
    left: -90px;
    width: 200px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    padding: 12px;
    z-index: 51;
    display: none
}

.meta-tt .meta-tt-text:before {
    position: absolute;
    display: block;
    content: " ";
    top: -4px;
    left: 95px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.6)
}

.meta-tt .meta-tt-text:after {
    position: absolute;
    display: block;
    content: " ";
    top: 0px;
    left: 88px;
    width: 22px;
    height: 15px;
    background-color: #fff
}

.meta-tt.active .meta-tt-text {
    display: block
}

@keyframes spinner-anim {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.aniSpinner {
    position: relative;
    width: 40px;
    height: 40px;
    animation: spinner-anim 1s linear infinite;
    -ms-transform-origin: 19px 19px
}

.aniSpinner .i-spinner {
    width: 40px;
    height: 40px
}

.spinnerBox {
    position: relative;
    font: 100 18px/20px "Vodafone", sans-serif;
    text-align: center
}

.spinnerBox .aniSpinner {
    margin: 20px auto 0
}

.loading .aniSpinner {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px)
}

.contract-chooser-tiles-holder {
    margin-bottom: 5px
}

.contract-chooser-tiles-holder .fm-tiles .input-container:hover:not(.disabled) .fm-tile {
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5)
}

.contract-chooser-tiles-holder .fm-tiles .input-container:last-child {
    margin-right: 0px !important
}

.contract-chooser-tiles-holder .fm-tiles .input-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px
}

.contract-chooser-tiles-holder .fm-tiles .input-container.disabled {
    opacity: 0.5
}

.contract-chooser-tiles-holder .fm-tiles .input-container.disabled .tile-input {
    cursor: inherit
}

.contract-chooser-tiles-holder .fm-tiles .input-container.fm-error-border {
    border: 0px solid
}

.contract-chooser-tiles-holder .fm-tiles .input-container.fm-error-border .fm-tile {
    border: 1px solid #e60000
}

.contract-chooser-tiles-holder .fm-tiles .input-container .tile-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer
}

.contract-chooser-tiles-holder .fm-tiles .input-container .fm-tile {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0px solid;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75);
    padding: 9px 14px
}

.contract-chooser-tiles-holder .fm-tiles .input-container .fm-tile p:last-child {
    margin-bottom: 0
}

.contract-chooser-tiles-holder .fm-tiles .input-container .fm-tile-label {
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 0
}

.contract-chooser-tiles-holder .fm-tiles .input-container .tile-input:checked+.fm-tile {
    background-color: #666;
    border: 0px solid;
    color: #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.75)
}

.contract-chooser-tiles-holder .fm-tiles .input-container .tile-input:checked+.fm-tile .fm-tile-label {
    color: #fff !important;
    background-color: #666
}

.contract-chooser-tiles-holder .fm-tiles:not(.single-line) {
    width: 100%
}

@media only screen and (max-width: 599px) {
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container {
        width: calc(100%)
    }
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container {
        margin-right: 0px !important
    }
}

@media only screen and (min-width: 600px) {
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(2), .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(2)~.input-container {
        width: calc(50% - 2px - 5px)
    }
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(3), .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(3)~.input-container {
        width: calc(33.33% - 2px - 20px/3)
    }
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(4), .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:nth-child(2):nth-last-child(4)~.input-container {
        width: calc(25% - 2px - 30px/4)
    }
    .contract-chooser-tiles-holder .fm-tiles:not(.single-line) .input-container:last-child {
        margin-right: 0px !important
    }
}

.contract-chooser-tiles-holder sup {
    text-decoration: none
}

.results-nav {
    margin: 15px 0 0;
    text-align: center
}

.results-nav li {
    display: inline-block;
    margin-bottom: 10px
}

.results-nav li a {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    font: 300 16px/1 "Vodafone", Arial, sans-serif;
    display: block;
    padding: 9px;
    margin: 0 2px
}

.lt-ie9 .results-nav li a {
    border: 1px solid #ccc
}

.results-nav li a:hover {
    background: #f4f4f4
}

.results-nav li i, .results-nav li svg {
    margin-top: -1px
}

.results-nav .results li {
    margin-right: 10px
}

.results-nav .pagination {
    display: block
}

.results-nav li a.active {
    background: #333;
    border: none;
    padding: 11px 13px;
    color: #fff
}

@media only screen and (min-width: 600px) {
    .results-nav p {
        text-align: left
    }
    .results-nav li a {
        padding: 9px 12px
    }
    .results-nav li a:hover {
        text-decoration: none
    }
    .results-nav .results {
        width: 100%;
        text-align: left
    }
    .results-nav .results p, .results-nav .results ol {
        display: inline-block
    }
    .results-nav .results p {
        padding-right: 10px
    }
    .pagination .pages-start {
        margin-left: 10px
    }
    .pagination .pages-end {
        margin-right: 10px
    }
    .pagination ol {
        text-align: right
    }
}

.pagination-nav {
    margin: 15px 0 0;
    text-align: center
}

.pagination-nav li {
    display: inline-block;
    margin-bottom: 10px
}

.pagination-nav .results li {
    margin-right: 10px
}

.pagination-nav .results li a {
    font-weight: 400;
    padding: 9px 12px;
    width: 60px
}

.pagination-nav .results li a.active {
    background: #3d3d3d none repeat scroll 0 0;
    box-shadow: 0 1px 0 #000 inset;
    text-shadow: none;
    color: #fff;
    border: 1px solid transparent
}

.pagination-nav .pagination {
    display: block
}

.pagination-nav .pagination .btn {
    padding: 9px 1px;
    width: 40px
}

.pagination-nav .pagination .pagecounter p {
    padding: 0 10px
}

@media only screen and (min-width: 600px) {
    .pagination-nav p {
        text-align: left
    }
    .pagination-nav li a {
        padding: 9px 12px
    }
    .pagination-nav li a:hover {
        text-decoration: none
    }
    .pagination-nav .results {
        width: 100%;
        text-align: left
    }
    .pagination-nav .results p, .pagination-nav .results ol {
        display: inline-block
    }
    .pagination-nav .results p {
        padding-right: 10px
    }
}

.off-text, .on-text {
    display: none
}

input.cmn-toggle-round+label .off-text {
    position: absolute;
    right: 11px;
    top: 0;
    line-height: 40px;
    font-size: 15px;
    display: block;
    font-weight: normal
}

input.cmn-toggle-round+label .on-text {
    display: none
}

input.cmn-toggle-round:checked+label .off-text {
    display: none
}

input.cmn-toggle-round:checked+label .on-text {
    position: absolute;
    left: 12px;
    top: 0;
    line-height: 40px;
    font-size: 15px;
    display: block;
    font-weight: normal
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round+label {
    width: 80px;
    height: 40px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px
}

input.cmn-toggle-round+label:before, input.cmn-toggle-round+label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round+label:before {
    right: 1px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6) inset
}

input.cmn-toggle-round+label:after {
    width: 39px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    -webkit-transition: margin background-color 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s
}

input.cmn-toggle-round:checked+label:before {
    background-color: #fff
}

input.cmn-toggle-round:checked+label:after {
    background-color: #428600;
    margin-left: 39px
}

.nsf-product-tile .slide-wrap {
    position: relative;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 15px 15px 0;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.9)
}

.nsf-product-tile .slide-wrap .badge {
    position: absolute;
    top: -24px;
    left: 0px;
    color: #fff;
    line-height: 24px;
    padding: 0 15px;
    background-color: #transparent
}

.nsf-product-tile .slide-wrap .head {
    min-height: 66px;
    margin-bottom: 5px
}

.nsf-product-tile .slide-wrap .head h2, .nsf-product-tile .slide-wrap .head .h2 {
    font: 400 24px/33px "Vodafone", Arial, sans-serif;
    margin-bottom: 0px
}

.nsf-product-tile .slide-wrap img {
    position: absolute;
    top: 86px;
    left: 15px;
    width: 90px
}

.nsf-product-tile .slide-wrap .body {
    position: relative;
    margin: 0 0 0 105px;
    line-height: 20px;
    min-height: 170px
}

.nsf-product-tile .slide-wrap .body .ratingBox {
    position: relative;
    margin-bottom: 5px
}

.nsf-product-tile .slide-wrap .body .ratingBox .i-rating-star {
    margin: -1px
}

.nsf-product-tile .slide-wrap .body .once {
    position: relative;
    margin-bottom: 4px
}

.nsf-product-tile .slide-wrap .body .price {
    position: relative;
    font: 700 32px/36px "Vodafone", Arial, sans-serif;
    margin-bottom: 5px
}

.nsf-product-tile .slide-wrap .body .strike {
    position: relative;
    display: inline-block;
    font: 700 20px/24px "Vodafone", Arial, sans-serif;
    margin-bottom: 5px
}

.nsf-product-tile .slide-wrap .body .strike:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    width: 80%;
    height: 2px;
    background-color: #e60000;
    transform: translate(-50%) rotate(150deg)
}

.nsf-product-tile .slide-wrap .body .tarif {
    position: relative;
    margin-top: -2px
}

.nsf-product-tile .slide-wrap .selectionCheck {
    position: relative;
    padding: 15px;
    margin: 0 -15px;
    background-color: #f4f4f4;
    border-top: 1px solid #d1d1d1;
    cursor: pointer
}

.nsf-product-tile .slide-wrap .selectionCheck:after {
    content: "Auswählen";
    display: block;
    text-align: center;
    font: 700 16px/22px "Vodafone", Arial, sans-serif
}

.nsf-product-tile .slide-wrap .selectionCheck svg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 28px;
    height: 28px;
    margin: 11px 0 0 -70px;
    display: none
}

.nsf-product-tile .slide-wrap .selectionCheck.selected {
    background-color: #e60000
}

.nsf-product-tile .slide-wrap .selectionCheck.selected:after {
    content: "Ausgewählt";
    color: #fff
}

.nsf-product-tile .slide-wrap .selectionCheck.selected svg {
    display: block
}

.nsf-product-tile .slide-wrap .selectionRadio {
    position: relative;
    padding: 15px 15px 15px 50px;
    margin: 0 -15px;
    background-color: #fff;
    border-top: 1px solid #d1d1d1;
    cursor: pointer
}

.nsf-product-tile .slide-wrap .selectionRadio:after {
    content: "Auswählen";
    display: block;
    font: 700 16px/22px "Vodafone", Arial, sans-serif;
    color: #e60000
}

.nsf-product-tile .slide-wrap .selectionRadio .i-radio {
    position: absolute;
    top: 16px;
    left: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #e60000;
    border-radius: 10px
}

.nsf-product-tile .slide-wrap .selectionRadio.selected {
    background-color: #e60000
}

.nsf-product-tile .slide-wrap .selectionRadio.selected:after {
    content: "Ausgewählt";
    color: #fff
}

.nsf-product-tile .slide-wrap .selectionRadio.selected .i-radio {
    border: 2px solid #fff
}

.nsf-product-tile .slide-wrap .selectionRadio.selected .i-radio:after {
    position: absolute;
    display: block;
    content: '';
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    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;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.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, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.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;
    transition: all 0.2s
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: bold
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.mod-responsive-table {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 600px) {
    .mod-responsive-table {
        width: 100%
    }
}

@media only screen and (max-width: 599px) {
    .mod-responsive-table.responsive-table-mode-stacked {
        margin-left: -10px;
        margin-right: -10px
    }
    .mod-responsive-table.responsive-table-mode-sliding {
        margin-left: -10px;
        margin-right: -10px
    }
    .mod-responsive-table.responsive-table-mode-sliding table {
        margin-left: 10px;
        margin-bottom: 10px
    }
}

.mod-responsive-table>p {
    font-weight: bold
}

@media only screen and (max-width: 599px) {
    .mod-responsive-table>p {
        padding-left: 10px
    }
}

.mod-responsive-table table, .mod-responsive-table caption, .mod-responsive-table tbody, .mod-responsive-table tfoot, .mod-responsive-table thead, .mod-responsive-table tr, .mod-responsive-table th, .mod-responsive-table td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.mod-responsive-table tr {
    display: table-row
}

.mod-responsive-table td, .mod-responsive-table th {
    display: table-cell
}

.mod-responsive-table thead {
    display: table-header-group
}

.mod-responsive-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px
}

.mod-responsive-table table.responsive-table-width-full {
    width: 100%
}

.mod-responsive-table table.responsive-table-width-narrow {
    width: 50%
}

@media only screen and (max-width: 599px) {
    .mod-responsive-table table.responsive-table-width-narrow {
        width: 100%
    }
}

.mod-responsive-table table a {
    text-decoration: underline
}

.mod-responsive-table.responsive-table-mode-sliding .responsive-table-sliding-wrapper {
    position: relative
}

.mod-responsive-table.responsive-table-mode-sliding .responsive-table-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.mod-responsive-table .responsive-table-fixed-col-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: -100%;
    transition: margin-left 0.4s
}

.mod-responsive-table .responsive-table-fixed-col-wrapper:after {
    content: ' ';
    position: absolute;
    top: 0px;
    right: -4px;
    width: 4px;
    height: 100%;
    opacity: 0.5;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, transparent 100%)
}

.mod-responsive-table .responsive-table-fixed-col-wrapper .responsive-table-fixed-col {
    overflow: hidden;
    width: 100px
}

.mod-responsive-table .responsive-table-fixed-col-wrapper .responsive-table-fixed-col table {
    margin-left: 0px;
    margin-bottom: 0px
}

.mod-responsive-table.responsive-table-mode-sliding .responsive-table-sliding-wrapper.off-canvas .responsive-table-fixed-col-wrapper, .mod-responsive-table.responsive-table-mode-sliding .responsive-table-sliding-wrapper.off-canvas .responsive-table-fixed-col-wrapper {
    margin-left: 0%
}

.mod-responsive-table.responsive-table-mode-sliding .responsive-table-sliding-wrapper.off-canvas:active .responsive-table-fixed-col-wrapper, .mod-responsive-table.responsive-table-mode-sliding .responsive-table-sliding-wrapper.off-canvas.nice-select.open .responsive-table-fixed-col-wrapper {
    margin-left: -100%
}

.mod-responsive-table table {
    background: #fff
}

.mod-responsive-table table tbody tr td {
    border-left: 1px #d8d8d8 solid;
    border-right: 1px #d8d8d8 solid;
    border-top: 1px #d8d8d8 solid;
    border-bottom: 1px #d8d8d8 solid
}

.mod-responsive-table table tbody tr td:first-child {
    border-left: 0px #d8d8d8 solid
}

.mod-responsive-table table tbody tr td:last-child {
    border-right: 0px #d8d8d8 solid
}

.mod-responsive-table table thead th {
    font-weight: bold;
    padding: 15px 10px
}

.mod-responsive-table table tbody td {
    padding: 10px
}

.mod-responsive-table table thead th, .mod-responsive-table table tbody td {
    text-align: center;
    vertical-align: baseline
}

.mod-responsive-table table thead th.icon-and-text, .mod-responsive-table table tbody td.icon-and-text {
    text-align: left
}

.mod-responsive-table table thead th.icon-and-text svg, .mod-responsive-table table tbody td.icon-and-text svg {
    margin-right: 10px
}

.mod-responsive-table table.responsive-table-mode-stacked tbody td {
    text-align: left
}

.mod-responsive-table table thead tr th:first-child, .mod-responsive-table table tbody tr.group.group_first td:first-child, .mod-responsive-table table tbody tr.not_grouped td:first-child {
    text-align: left;
    vertical-align: baseline
}

.mod-responsive-table table thead tr th {
    background: #f4f4f4;
    border-bottom: 2px #e60000 solid
}

.enterprise .mod-tabs .mod-responsive-table table thead tr th, .enterprise .accordion .mod-responsive-table table thead tr th {
    color: #e60000
}

.enterprise .mod-tabs .mod-responsive-table table thead tr th, .enterprise .accordion .mod-responsive-table table thead tr th {
    background: transparent;
    border-left: 1px #d8d8d8 solid
}

.enterprise .mod-tabs .mod-responsive-table table thead tr th:first-of-type, .enterprise .accordion .mod-responsive-table table thead tr th:first-of-type {
    border-left: 0px #d8d8d8 solid
}

.mod-responsive-table table tbody tr.subheadline-before td {
    border-bottom: 1px #f4f4f4 solid
}

.enterprise .mod-tabs .mod-responsive-table table tbody tr.subheadline-before td, .enterprise .accordion .mod-responsive-table table tbody tr.subheadline-before td {
    border-bottom: 1px #d8d8d8 solid
}

.mod-responsive-table table tbody tr.subheadline td {
    font-weight: bold;
    background: #f4f4f4;
    border-top: 1px #f4f4f4 solid;
    border-bottom: 2px #333333 solid
}

.enterprise .mod-tabs .mod-responsive-table table tbody tr.subheadline td, .enterprise .accordion .mod-responsive-table table tbody tr.subheadline td {
    background: none
}

.mod-responsive-table table.responsive-table-zebra tbody tr:nth-child(even) td {
    background: #f4f4f4
}

.mod-responsive-table table tbody tr td.cell-highlight {
    background: #e8f3f5
}

.mod-responsive-table table.responsive-table-zebra tbody tr:nth-child(even) td.cell-highlight {
    background: #dbe8ea
}

.mod-responsive-table table tbody tr.accordionheader td {
    position: relative;
    font-weight: bold;
    background: #f4f4f4;
    border-top: 1px #f4f4f4 solid;
    border-bottom: 2px #e60000 solid
}

.mod-responsive-table table tbody tr.accordionheader td svg {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px
}

.mod-responsive-table table tbody tr.accordioncontent td {
    padding-top: 10px;
    padding-bottom: 0px
}

.mod-responsive-table table tbody tr.accordionkey td {
    font-weight: bold;
    border: 0px #333333 solid
}

.mod-responsive-table table tbody tr.accordionkey.joined-before td {
    padding-top: 0px
}

.mod-responsive-table table tbody tr.accordionvalue td {
    border: 0px #333333 solid
}

.mod-responsive-table table tbody tr.accordionvalue.last-accordionvalue td {
    padding-bottom: 10px
}

@media only screen and (max-width: 599px) {
    .enterprise .tab-content .responsive-table-mode-sliding {
        margin-left: -10px;
        margin-right: -20px
    }
    .enterprise .tab-content .responsive-table-mode-stacked {
        margin-left: -10px;
        margin-right: -20px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .mod-responsive-table.responsive-table-mode-stacked {
        margin-left: 0px;
        margin-right: 0px
    }
    .enterprise .professional-article .mod-responsive-table.responsive-table-mode-sliding {
        margin-left: -10px;
        margin-right: -20px
    }
}

@media only screen and (max-width: 599px) {
    .enterprise .professional-article .tab-content .responsive-table-mode-sliding {
        margin-left: -10px;
        margin-right: -20px
    }
    .enterprise .professional-article .tab-content .responsive-table-mode-stacked {
        margin-left: 0px;
        margin-right: 0px
    }
    .enterprise .professional-article .accordion .responsive-table-mode-sliding {
        margin-left: 0;
        margin-right: -20px
    }
    .enterprise .professional-article .accordion .responsive-table-mode-stacked {
        margin-left: 0px;
        margin-right: 0px
    }
}

.easy-autocomplete.eac-square {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-square ul {
    border-color: #7f8c8d;
    border-top: 0;
    box-shadow: none;
    top: 0
}

.easy-autocomplete.eac-square ul li, .easy-autocomplete.eac-square ul .eac-category {
    border-color: #7f8c8d;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    padding: 6px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-square ul li *, .easy-autocomplete.eac-square ul .eac-category * {
    font-weight: 300
}

.easy-autocomplete.eac-square ul li.selected, .easy-autocomplete.eac-square ul .eac-category.selected {
    background-color: #f1f1f1;
    font-weight: 300
}

.easy-autocomplete.eac-square ul li b, .easy-autocomplete.eac-square ul .eac-category b {
    font-weight: 600
}

.easy-autocomplete.eac-round {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-round input {
    border: 2px solid #888;
    border-radius: 10px;
    color: #888;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    min-width: 300px;
    padding: 10px
}

.easy-autocomplete.eac-round input:hover, .easy-autocomplete.eac-round input:focus {
    border-color: #3079ed
}

.easy-autocomplete.eac-round ul {
    background: none;
    border-color: #888;
    border-width: 0;
    box-shadow: none;
    min-width: 300px;
    top: 20px
}

.easy-autocomplete.eac-round ul li, .easy-autocomplete.eac-round ul .eac-category {
    background: #fff;
    border-color: #3079ed;
    border-width: 0 2px;
    font-size: 14px;
    padding: 8px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-round ul li.selected, .easy-autocomplete.eac-round ul .eac-category.selected {
    background-color: #d4e3fb
}

.easy-autocomplete.eac-round ul li:first-child, .easy-autocomplete.eac-round ul .eac-category:first-child {
    border-radius: 10px 10px 0 0;
    border-width: 2px 2px 0
}

.easy-autocomplete.eac-round ul li:last-child, .easy-autocomplete.eac-round ul .eac-category:last-child {
    border-radius: 0 0 10px 10px;
    border-width: 0 2px 2px
}

.easy-autocomplete.eac-round ul li b, .easy-autocomplete.eac-round ul .eac-category b {
    font-weight: 700
}

.easy-autocomplete.eac-funky {
    font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-funky input {
    background: #07ED89;
    border: 0;
    border-radius: 0;
    color: #ED076B;
    font-family: inherit;
    font-size: 18px;
    min-width: 240px;
    padding: 12px
}

.easy-autocomplete.eac-funky ul {
    background: transparent;
    border: 0
}

.easy-autocomplete.eac-funky ul li, .easy-autocomplete.eac-funky ul .eac-category {
    background: transparent;
    border: 0;
    color: #ED076B;
    font-size: 18px;
    padding: 4px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-funky ul li.selected, .easy-autocomplete.eac-funky ul .eac-category.selected {
    color: #8907ED
}

.easy-autocomplete.eac-solid input {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    border-color: #ddd;
    color: #666;
    font-size: 13px;
    min-height: 0;
    padding: 6px 12px
}

.easy-autocomplete.eac-solid ul li, .easy-autocomplete.eac-solid ul .eac-category {
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-solid ul li.selected, .easy-autocomplete.eac-solid ul .eac-category.selected {
    background-color: #f2f2f2
}

.easy-autocomplete.eac-plate {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate input {
    font-size: 13px;
    padding: 6px 12px
}

.easy-autocomplete.eac-plate ul {
    background: #b5b5b5;
    border-radius: 6px;
    border-width: 0;
    top: 10px
}

.easy-autocomplete.eac-plate ul li, .easy-autocomplete.eac-plate ul .eac-category {
    background: #b5b5b5;
    color: #FAFAFA;
    font-size: 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-plate ul li b, .easy-autocomplete.eac-plate ul .eac-category b {
    color: #ffd464
}

.easy-autocomplete.eac-plate ul li.selected, .easy-autocomplete.eac-plate ul .eac-category.selected {
    background: #656565
}

.easy-autocomplete.eac-plate ul li:first-child, .easy-autocomplete.eac-plate ul .eac-category:first-child {
    border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate ul li:last-child, .easy-autocomplete.eac-plate ul .eac-category:last-child {
    border-radius: 0 0 6px 6px
}

.easy-autocomplete.eac-plate-dark {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate-dark input {
    font-size: 13px;
    padding: 6px 12px
}

.easy-autocomplete.eac-plate-dark ul {
    background: #212121;
    border-radius: 6px;
    border-width: 0;
    top: 10px
}

.easy-autocomplete.eac-plate-dark ul li, .easy-autocomplete.eac-plate-dark ul .eac-category {
    background: #212121;
    color: #FAFAFA;
    font-size: 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-plate-dark ul li b, .easy-autocomplete.eac-plate-dark ul .eac-category b {
    color: #ffd464
}

.easy-autocomplete.eac-plate-dark ul li.selected, .easy-autocomplete.eac-plate-dark ul .eac-category.selected {
    background: #656565
}

.easy-autocomplete.eac-plate-dark ul li:first-child, .easy-autocomplete.eac-plate-dark ul .eac-category:first-child {
    border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate-dark ul li:last-child, .easy-autocomplete.eac-plate-dark ul .eac-category:last-child {
    border-radius: 0 0 6px 6px
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.mod-anchortop>a {
    width: 75px;
    height: 75px;
    position: fixed;
    bottom: -60px;
    right: 10px;
    z-index: 2;
    height: 0px;
    -webkit-transition: all 0.5s cubic-bezier(0.5, -0.3, 0.5, 1.53);
    -moz-transition: all 0.5s cubic-bezier(0.5, -0.3, 0.5, 1.53);
    -ms-transition: all 0.5s cubic-bezier(0.5, -0.3, 0.5, 1.53);
    -o-transition: all 0.5s cubic-bezier(0.5, -0.3, 0.5, 1.53);
    transition: all 0.5s cubic-bezier(0.5, -0.3, 0.5, 1.53);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.mod-anchortop>a i {
    margin: 10px
}

.mod-anchortop.anchorShown>a {
    height: 70px;
    bottom: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}